aiwindow-theme.css (1289B)
1 /* This Source Code Form is subject to the terms of the Mozilla Public 2 * License, v. 2.0. If a copy of the MPL was not distributed with this 3 * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ 4 5 /* Opaque, so that the opaque region is completely covered. Note this is on the 6 * <body> because some platforms (linux) use appearance on the root element to 7 * render window decorations like shadows. 8 * TODO(emilio, bug 2005818): This breaks rounded corners on Linux, unless we also 9 * enable rounded bottom corners, which is blocked on bug 1979083. */ 10 11 body { 12 --tabpanel-background-color: transparent; 13 background-color: white; 14 background-image: var(--ai-gradient); 15 } 16 17 /* LightWeightThemeConsumer forces these backgrounds to be opaque, but we want 18 * to let the <body> background show through. 19 * FIXME(bug 1952602): Find a solution that doesn't require custom CSS. */ 20 #navigator-toolbox, 21 #browser { 22 background-color: transparent !important; 23 } 24 25 #tabbrowser-tabs tab[selected] .tab-background { 26 background-image: linear-gradient(to bottom, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0.3)); 27 } 28 29 #urlbar:not([open]) > .urlbar-background { 30 border-radius: var(--border-radius-circle); 31 } 32 33 .tab-preview-thumbnail-container > canvas { 34 background-image: var(--ai-gradient); 35 }