Adjusts margins for ultrawide screens, customizes user prompt colors, centers code blocks, expands dataset tables, and fixes input field overflow.
// ==UserScript==
// @name Gemini Widescreen Chat UI
// @name:es Gemini Widescreen Chat UI
// @namespace https://github.com/MateoPalmeiro/Gemini-Widescreen-UI
// @version 1.2
// @description Adjusts margins for ultrawide screens, customizes user prompt colors, centers code blocks, expands dataset tables, and fixes input field overflow.
// @description:es Ajusta los márgenes para pantallas ultra panorámicas, personaliza el color de tus mensajes, centra los bloques de código, expande las tablas y arregla el desbordamiento del cajón de texto.
// @author MateoPalmeiro
// @license MIT
// @match https://gemini.google.com/*
// @grant GM_addStyle
// ==/UserScript==
(function() {
'use strict';
const customCSS = `
/* Layout margins for ultrawide screens */
.conversation-container,
.input-area-container,
.bottom-container {
max-width: 75% !important;
margin-left: auto !important;
margin-right: auto !important;
}
/* Input field overflow and alignment fix */
.text-input-field {
max-width: none !important;
width: auto !important;
flex-grow: 1 !important;
}
/* Expand tables to fit container width */
.table-block,
.table-wrapper,
table {
max-width: 100% !important;
width: 100% !important;
}
/* Custom user query styling */
.user-query-bubble-with-background {
background-color: #1a237e !important;
color: #ffffff !important;
}
/* Centered code blocks */
code-block,
.code-block,
[class*="code-block"],
pre {
max-width: 90% !important;
margin-left: auto !important;
margin-right: auto !important;
}
/* Improved typography for readability */
.conversation-container p {
line-height: 1.6 !important;
margin-bottom: 0.8em !important;
}
`;
GM_addStyle(customCSS);
})();