Skip to content

Commit

Permalink
Improved the Libadwaita palette mode
Browse files Browse the repository at this point in the history
  • Loading branch information
dominichayesferen committed Dec 20, 2023
1 parent 9b94f17 commit 916777d
Showing 1 changed file with 73 additions and 66 deletions.
139 changes: 73 additions & 66 deletions mod-files/chrome/GTKless.css
Original file line number Diff line number Diff line change
Expand Up @@ -124,7 +124,6 @@
--warning-icon-bgcolor: #FFA436 !important;
}
}

/* DARK THEME */
@media (prefers-color-scheme: dark) {
:not(:-moz-lwtheme) {
Expand Down Expand Up @@ -430,11 +429,79 @@


/* Optional Firefox palettes */
@media (-moz-bool-pref: "gtkless.use-gtk-colors") {
/* System colours */
:not(:-moz-lwtheme) #navigator-toolbox {
&:-moz-window-inactive {
:root[tabsintitlebar] & {
color: InactiveCaptionText !important;
}
}
}
:not(:-moz-lwtheme) {
--lwt-accent-color: ActiveCaption !important;
--lwt-accent-color-inactive: InactiveCaption !important;
--lwt-text-color: CaptionText !important;
--toolbar-bgcolor: color-mix(in srgb, -moz-dialog 85%, white) !important; /*browser.css:17, Firefox 120*/
--toolbar-color: -moz-dialogtext !important; /*browser.css:17, Firefox 120*/
--chrome-content-separator-color: ThreeDShadow !important;
--toolbar-field-background-color: Field !important; /*global-shared.css:16, Firefox 120*/
/*--toolbar-field-border-color: ThreeDShadow !important; global-shared.css:16, Firefox 120*/
--toolbar-field-color: FieldText !important; /*global-shared.css:16, Firefox 120*/
--toolbar-field-focus-background-color: Field !important; /*global-shared.css:16, Firefox 120*/
--toolbar-field-focus-color: FieldText !important; /*global-shared.css:16, Firefox 120*/
--arrowpanel-background: Field !important; /*global-shared.css:16, Firefox 120*/
--arrowpanel-border-color: ThreeDShadow !important; /*global-shared.css:16, Firefox 120*/
--arrowpanel-color: FieldText !important; /*global-shared.css:16, Firefox 120*/
--arrowpanel-dimmed-further: color-mix(in srgb, currentColor 30%, transparent) !important; /*global-shared.css:16, Firefox 120*/
--panel-disabled-color: color-mix(in srgb, currentColor 40%, transparent) !important; /*global-shared.css:16, Firefox 120*/
--autocomplete-popup-highlight-background: SelectedItem !important; /*urlbarView.css:9, Firefox 120*/
--autocomplete-popup-highlight-color: SelectedItemText !important; /*urlbarView.css:9, Firefox 120*/
--autocomplete-popup-hover-background: var(--arrowpanel-dimmed) !important; /*browser-shared.css:29, Firefox 120*/
--autocomplete-popup-separator-color: color-mix(in srgb, currentColor 14%, transparent) !important; /*browser-shared.css:29, Firefox 120*/
--button-active-bgcolor: color-mix(in srgb, currentColor 30%, transparent) !important; /*browser-shared.css:29, Firefox 120*/
--button-bgcolor: color-mix(in srgb, currentColor 13%, transparent) !important; /*browser-shared.css:29, Firefox 120*/
--button-hover-bgcolor: color-mix(in srgb, currentColor 17%, transparent) !important; /*browser-shared.css:29, Firefox 120*/
--button-primary-active-bgcolor: color-mix(in srgb, black 20%, AccentColor) !important; /*browser-shared.css:29, Firefox 120*/
--button-primary-bgcolor: AccentColor !important; /*browser-shared.css:29, Firefox 120*/
--button-primary-color: AccentColorText !important; /*browser-shared.css:29, Firefox 120*/
--button-primary-hover-bgcolor: color-mix(in srgb, black 10%, AccentColor) !important; /*browser-shared.css:29, Firefox 120*/
--checkbox-border-color: ThreeDShadow !important; /*checkbox.css:31, Firefox 120*/
--focus-outline-color: var(--color-accent-primary) !important; /*tokens-shared.css:5, Firefox 120*/
--input-bgcolor: Field !important; /*browser-shared.css:837, Firefox 120*/
--input-border-color: ThreeDShadow !important; /*browser-shared.css:835, Firefox 120*/
--input-color: FieldText !important; /*browser-shared.css:838, Firefox 120*/
--lwt-selected-tab-background-color: transparent !important; /*tabs.css:490, Firefox 120*/
/*--lwt-tabs-border-color: currentColor !important; tabs.css:465, Firefox 120*/
--panel-banner-item-info-icon-bgcolor: #0090ED !important; /*panelUI-shared.css:5, Firefox 120*/
--panel-banner-item-update-supported-bgcolor: #2AC3A2 !important; /*panelUI-shared.css:5, Firefox 120*/
--panel-disabled-color: mix(in srgb, currentColor 40%, transparent) !important; /*global-shared.css:18, Firefox 120*/
--panel-item-active-bgcolor: var(--button-active-bgcolor) !important; /*panelUI-shared.css:5, Firefox 120*/
--panel-item-hover-bgcolor: var(--button-hover-bgcolor) !important; /*panelUI-shared.css:5, Firefox 120*/
--panel-separator-color: color-mix(in srgb, currentColor 25%, transparent) !important; /*global-shared.css:18, Firefox 120*/
--panel-separator-zap-gradient: linear-gradient(90deg, #9059FF 0%, #FF4AA2 52.08%, #FFBD4F 100%) !important; /*panelUI-shared.css:37, Firefox 120*/
--tab-icon-overlay-fill: light-dark(black, white) !important; /*tabs.css:337, Firefox 120*/
--tab-icon-overlay-stroke: light-dark(white, black) !important; /*tabs.css:338, Firefox 120*/
--tabpanel-background-color: #F9F9FB !important; /*tabs.css:7, Firefox 120*/
--toolbarbutton-icon-fill-attention: AccentColor !important; /*toolbarbutton-icons.css:7, Firefox 120*/
--toolbarbutton-icon-fill: currentColor !important; /*global-shared.css:18, Firefox 120*/
--urlbar-icon-fill-opacity: 0.9 !important; /*browser-shared.css:29, Firefox 120*/
--warning-icon-bgcolor: light-dark(#FFA436, #FFBD4F) !important; /*toolbarbutton-icons.css:7, Firefox 120*/
}
}
@media (-moz-bool-pref: "gtkless.colors-adwaita") {
/* Adwaita */
:not(:-moz-lwtheme) #TabsToolbar #firefox-view-button[open] > .toolbarbutton-icon,
:not(:-moz-lwtheme) #tabbrowser-tabs:not([noshadowfortests]) .tab-background:is([selected], [multiselected]) {
box-shadow: none !important; /* tabs.css:449, Firefox 121 */
}
:not(:-moz-lwtheme) #nav-bar:not([tabs-hidden="true"]) {
box-shadow: 0 calc(-1 * var(--tabs-navbar-shadow-size)) 0 var(--gtkless-navbar-shadow) !important; /* browser.css:82, Firefox 121 */
}
/* LIGHT THEME */
@media (prefers-color-scheme: light) {
:not(:-moz-lwtheme) {
--gtkless-navbar-shadow: rgba(0, 0, 0, 0.12) !important;
--arrowpanel-background: rgb(255, 255, 255) !important;
--arrowpanel-border-color: rgb(240, 240, 244) !important;
--arrowpanel-color: rgba(0, 0, 0, 0.8) !important;
Expand All @@ -456,8 +523,8 @@
--input-bgcolor: rgb(255, 255, 255) !important;
--input-border-color: color-mix(in srgb, currentColor 41%, transparent) !important;
--input-color: rgb(21, 20, 26) !important;
--lwt-accent-color: rgb(235, 235, 235) !important;
--lwt-selected-tab-background-color: rgb(250, 250, 250) !important;
--lwt-accent-color: #ffffff !important;
--lwt-selected-tab-background-color: color-mix(in srgb, currentColor 8%, transparent) !important;
--lwt-tabs-border-color: rgba(0, 0, 0, 0) !important;
--lwt-text-color: rgba(0, 0, 0, 0.8) !important;
--panel-banner-item-info-icon-bgcolor: rgb(0, 144, 237) !important;
Expand All @@ -484,10 +551,10 @@
--warning-icon-bgcolor: #FFA436 !important;
}
}

/* DARK THEME */
@media (prefers-color-scheme: dark) {
:not(:-moz-lwtheme) {
--gtkless-navbar-shadow: rgba(0, 0, 0, 0.9) !important;
--arrowpanel-background: rgb(56, 56, 56) !important;
--arrowpanel-border-color: rgb(82, 82, 94) !important;
--arrowpanel-color: rgba(255, 255, 255, 1) !important;
Expand All @@ -508,8 +575,8 @@
--input-bgcolor: rgb(66, 65, 77) !important;
--input-border-color: rgb(143, 143, 157) !important;
--input-color: rgb(251, 251, 254) !important;
--lwt-accent-color: rgb(48, 48, 48) !important;
--lwt-selected-tab-background-color: rgb(36, 36, 36) !important;
--lwt-accent-color: #303030 !important;
--lwt-selected-tab-background-color: #444444 !important;
--lwt-tabs-border-color: rgba(0, 0, 0, 0) !important;
--lwt-text-color: rgba(255, 255, 255) !important;
--panel-banner-item-info-icon-bgcolor: rgb(128, 235, 255) !important;
Expand Down Expand Up @@ -537,64 +604,4 @@
}
}
}
@media (-moz-bool-pref: "gtkless.use-gtk-colors") {
/* System colours */
:not(:-moz-lwtheme) {
--lwt-accent-color: ActiveCaption !important;
--lwt-accent-color-inactive: InactiveCaption !important;
--lwt-text-color: CaptionText !important;
--toolbar-bgcolor: color-mix(in srgb, -moz-dialog 85%, white) !important; /*browser.css:17, Firefox 120*/
--toolbar-color: -moz-dialogtext !important; /*browser.css:17, Firefox 120*/
--chrome-content-separator-color: ThreeDShadow !important;
--toolbar-field-background-color: Field !important; /*global-shared.css:16, Firefox 120*/
/*--toolbar-field-border-color: ThreeDShadow !important; global-shared.css:16, Firefox 120*/
--toolbar-field-color: FieldText !important; /*global-shared.css:16, Firefox 120*/
--toolbar-field-focus-background-color: Field !important; /*global-shared.css:16, Firefox 120*/
--toolbar-field-focus-color: FieldText !important; /*global-shared.css:16, Firefox 120*/
--arrowpanel-background: Field !important; /*global-shared.css:16, Firefox 120*/
--arrowpanel-border-color: ThreeDShadow !important; /*global-shared.css:16, Firefox 120*/
--arrowpanel-color: FieldText !important; /*global-shared.css:16, Firefox 120*/
--arrowpanel-dimmed-further: color-mix(in srgb, currentColor 30%, transparent) !important; /*global-shared.css:16, Firefox 120*/
--panel-disabled-color: color-mix(in srgb, currentColor 40%, transparent) !important; /*global-shared.css:16, Firefox 120*/
--autocomplete-popup-highlight-background: SelectedItem !important; /*urlbarView.css:9, Firefox 120*/
--autocomplete-popup-highlight-color: SelectedItemText !important; /*urlbarView.css:9, Firefox 120*/
--autocomplete-popup-hover-background: var(--arrowpanel-dimmed) !important; /*browser-shared.css:29, Firefox 120*/
--autocomplete-popup-separator-color: color-mix(in srgb, currentColor 14%, transparent) !important; /*browser-shared.css:29, Firefox 120*/
--button-active-bgcolor: color-mix(in srgb, currentColor 30%, transparent) !important; /*browser-shared.css:29, Firefox 120*/
--button-bgcolor: color-mix(in srgb, currentColor 13%, transparent) !important; /*browser-shared.css:29, Firefox 120*/
--button-hover-bgcolor: color-mix(in srgb, currentColor 17%, transparent) !important; /*browser-shared.css:29, Firefox 120*/
--button-primary-active-bgcolor: color-mix(in srgb, black 20%, AccentColor) !important; /*browser-shared.css:29, Firefox 120*/
--button-primary-bgcolor: AccentColor !important; /*browser-shared.css:29, Firefox 120*/
--button-primary-color: AccentColorText !important; /*browser-shared.css:29, Firefox 120*/
--button-primary-hover-bgcolor: color-mix(in srgb, black 10%, AccentColor) !important; /*browser-shared.css:29, Firefox 120*/
--checkbox-border-color: ThreeDShadow !important; /*checkbox.css:31, Firefox 120*/
--focus-outline-color: var(--color-accent-primary) !important; /*tokens-shared.css:5, Firefox 120*/
--input-bgcolor: Field !important; /*browser-shared.css:837, Firefox 120*/
--input-border-color: ThreeDShadow !important; /*browser-shared.css:835, Firefox 120*/
--input-color: FieldText !important; /*browser-shared.css:838, Firefox 120*/
--lwt-selected-tab-background-color: transparent !important; /*tabs.css:490, Firefox 120*/
/*--lwt-tabs-border-color: currentColor !important; tabs.css:465, Firefox 120*/
--panel-banner-item-info-icon-bgcolor: #0090ED !important; /*panelUI-shared.css:5, Firefox 120*/
--panel-banner-item-update-supported-bgcolor: #2AC3A2 !important; /*panelUI-shared.css:5, Firefox 120*/
--panel-disabled-color: mix(in srgb, currentColor 40%, transparent) !important; /*global-shared.css:18, Firefox 120*/
--panel-item-active-bgcolor: var(--button-active-bgcolor) !important; /*panelUI-shared.css:5, Firefox 120*/
--panel-item-hover-bgcolor: var(--button-hover-bgcolor) !important; /*panelUI-shared.css:5, Firefox 120*/
--panel-separator-color: color-mix(in srgb, currentColor 25%, transparent) !important; /*global-shared.css:18, Firefox 120*/
--panel-separator-zap-gradient: linear-gradient(90deg, #9059FF 0%, #FF4AA2 52.08%, #FFBD4F 100%) !important; /*panelUI-shared.css:37, Firefox 120*/
--tab-icon-overlay-fill: light-dark(black, white) !important; /*tabs.css:337, Firefox 120*/
--tab-icon-overlay-stroke: light-dark(white, black) !important; /*tabs.css:338, Firefox 120*/
--tabpanel-background-color: #F9F9FB !important; /*tabs.css:7, Firefox 120*/
--toolbarbutton-icon-fill-attention: AccentColor !important; /*toolbarbutton-icons.css:7, Firefox 120*/
--toolbarbutton-icon-fill: currentColor !important; /*global-shared.css:18, Firefox 120*/
--urlbar-icon-fill-opacity: 0.9 !important; /*browser-shared.css:29, Firefox 120*/
--warning-icon-bgcolor: light-dark(#FFA436, #FFBD4F) !important; /*toolbarbutton-icons.css:7, Firefox 120*/
}
:not(:-moz-lwtheme) #navigator-toolbox {
&:-moz-window-inactive {
:root[tabsintitlebar] & {
color: InactiveCaptionText !important;
}
}
}
}
}

0 comments on commit 916777d

Please sign in to comment.