Transparent theme of Gemini AI by crackerjk

/* ==UserStyle==
@name         Transparent theme of Gemini AI
@version      20250116.04.28
@namespace    https://userstyles.world/user/Sam_Naik
@description  Transparent theme of the Gemini AI
@author       Sam_Naik
@license      No License
==/UserStyle== */

@-moz-document domain("gemini.google.com") {
/* Make the entire website background transparent */
body {
    background-color: transparent !important;
}

/* Remove background colors from main content areas */
* {
    background-color: transparent !important;
}

/* Optional: Remove any specific backgrounds on sections */
section,
div,
article {
    background-color: transparent !important;
}

/* Gemini model change menu */
.mat-mdc-menu-content {
    background: linear-gradient(144deg, rgba(255, 255, 255, 0.07) 0%, rgba(255, 255, 255, 0.05) 25%, rgba(255, 255, 255, 0.03027083196559875) 50%, rgba(255, 255, 255, 0.05) 75%, rgba(255, 255, 255, 0.07) 100%) ! important;
}

/* Chat history list */
.conversation-items-container:hover {
    background: linear-gradient(144deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.08) 25%, rgba(255, 255, 255, 0.03027083196559875) 50%, rgba(255, 255, 255, 0.08) 75%, rgba(255, 255, 255, 0.1) 100%) ! important;
    border-radius: 30px;
}

/* Chat neme customization mox */
.mdc-dialog--open .mat-mdc-dialog-surface,
.mdc-dialog--closing .mat-mdc-dialog-surface {
    background : rgba(0,0,0,0.8) !important;
}

/* Gemini navigation panel list */
.side-nav-action-button.explicit-gmat-override:hover {
    background: linear-gradient(144deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.08) 25%, rgba(255, 255, 255, 0.03027083196559875) 50%, rgba(255, 255, 255, 0.08) 75%, rgba(255, 255, 255, 0.1) 100%) ! important;
}

/* Gemini 2.0 might not work caution */
.disclaimer {
    background: linear-gradient(144deg, rgba(255, 255, 255, 0.07) 0%, rgba(255, 255, 255, 0.05) 25%, rgba(255, 255, 255, 0.03027083196559875) 50%, rgba(255, 255, 255, 0.05) 75%, rgba(255, 255, 255, 0.07) 100%) ! important;
}

/* Input bar */
.ui-improvements-phase-1 .text-input-field {
    background: linear-gradient(144deg, rgba(255, 255, 255, 0.07) 0%, rgba(255, 255, 255, 0.05) 25%, rgba(255, 255, 255, 0.03027083196559875) 50%, rgba(255, 255, 255, 0.05) 75%, rgba(255, 255, 255, 0.07) 100%) ! important;
    border-radius: 30px !important;
}

/* First section under input bar */
.input-gradient:before {
    visibility: hidden !important;
}

/* Second section under input bar */
.response-optimization {
    background: none !important;
}

/* uesr inputed text */
.user-query-bubble-with-background:not(.edit-mode)  {
    background: linear-gradient(144deg, rgba(255, 255, 255, 0.07) 0%, rgba(255, 255, 255, 0.05) 25%, rgba(255, 255, 255, 0.03027083196559875) 50%, rgba(255, 255, 255, 0.05) 75%, rgba(255, 255, 255, 0.07) 100%) ! important;
}

/* Genrated code language-name section */
.code-block .header-formatted {
    background: linear-gradient(144deg, rgba(255, 255, 255, 0.07) 0%, rgba(255, 255, 255, 0.05) 25%, rgba(255, 255, 255, 0.03027083196559875) 50%, rgba(255, 255, 255, 0.05) 75%, rgba(255, 255, 255, 0.07) 100%) ! important;
}

/* Genrated code section */
.code-block .formatted-code-block-internal-container {
    background: linear-gradient(144deg, rgba(255, 255, 255, 0.07) 0%, rgba(255, 255, 255, 0.05) 25%, rgba(255, 255, 255, 0.03027083196559875) 50%, rgba(255, 255, 255, 0.05) 75%, rgba(255, 255, 255, 0.07) 100%) ! important;
}
}