Skip to content

Commit 916777d

Browse files
dominichayesferendominichayesferen
committed
Improved the Libadwaita palette mode
1 parent 9b94f17 commit 916777d

File tree

1 file changed

+73
-66
lines changed

1 file changed

+73
-66
lines changed

‎mod-files/chrome/GTKless.css

+73-66
Original file line numberDiff line numberDiff line change
@@ -124,7 +124,6 @@
124124
--warning-icon-bgcolor: #FFA436 !important;
125125
}
126126
}
127-
128127
/* DARK THEME */
129128
@media (prefers-color-scheme: dark) {
130129
:not(:-moz-lwtheme) {
@@ -430,11 +429,79 @@
430429

431430

432431
/* Optional Firefox palettes */
432+
@media (-moz-bool-pref: "gtkless.use-gtk-colors") {
433+
/* System colours */
434+
:not(:-moz-lwtheme) #navigator-toolbox {
435+
&:-moz-window-inactive {
436+
:root[tabsintitlebar] & {
437+
color: InactiveCaptionText !important;
438+
}
439+
}
440+
}
441+
:not(:-moz-lwtheme) {
442+
--lwt-accent-color: ActiveCaption !important;
443+
--lwt-accent-color-inactive: InactiveCaption !important;
444+
--lwt-text-color: CaptionText !important;
445+
--toolbar-bgcolor: color-mix(in srgb, -moz-dialog 85%, white) !important; /*browser.css:17, Firefox 120*/
446+
--toolbar-color: -moz-dialogtext !important; /*browser.css:17, Firefox 120*/
447+
--chrome-content-separator-color: ThreeDShadow !important;
448+
--toolbar-field-background-color: Field !important; /*global-shared.css:16, Firefox 120*/
449+
/*--toolbar-field-border-color: ThreeDShadow !important; global-shared.css:16, Firefox 120*/
450+
--toolbar-field-color: FieldText !important; /*global-shared.css:16, Firefox 120*/
451+
--toolbar-field-focus-background-color: Field !important; /*global-shared.css:16, Firefox 120*/
452+
--toolbar-field-focus-color: FieldText !important; /*global-shared.css:16, Firefox 120*/
453+
--arrowpanel-background: Field !important; /*global-shared.css:16, Firefox 120*/
454+
--arrowpanel-border-color: ThreeDShadow !important; /*global-shared.css:16, Firefox 120*/
455+
--arrowpanel-color: FieldText !important; /*global-shared.css:16, Firefox 120*/
456+
--arrowpanel-dimmed-further: color-mix(in srgb, currentColor 30%, transparent) !important; /*global-shared.css:16, Firefox 120*/
457+
--panel-disabled-color: color-mix(in srgb, currentColor 40%, transparent) !important; /*global-shared.css:16, Firefox 120*/
458+
--autocomplete-popup-highlight-background: SelectedItem !important; /*urlbarView.css:9, Firefox 120*/
459+
--autocomplete-popup-highlight-color: SelectedItemText !important; /*urlbarView.css:9, Firefox 120*/
460+
--autocomplete-popup-hover-background: var(--arrowpanel-dimmed) !important; /*browser-shared.css:29, Firefox 120*/
461+
--autocomplete-popup-separator-color: color-mix(in srgb, currentColor 14%, transparent) !important; /*browser-shared.css:29, Firefox 120*/
462+
--button-active-bgcolor: color-mix(in srgb, currentColor 30%, transparent) !important; /*browser-shared.css:29, Firefox 120*/
463+
--button-bgcolor: color-mix(in srgb, currentColor 13%, transparent) !important; /*browser-shared.css:29, Firefox 120*/
464+
--button-hover-bgcolor: color-mix(in srgb, currentColor 17%, transparent) !important; /*browser-shared.css:29, Firefox 120*/
465+
--button-primary-active-bgcolor: color-mix(in srgb, black 20%, AccentColor) !important; /*browser-shared.css:29, Firefox 120*/
466+
--button-primary-bgcolor: AccentColor !important; /*browser-shared.css:29, Firefox 120*/
467+
--button-primary-color: AccentColorText !important; /*browser-shared.css:29, Firefox 120*/
468+
--button-primary-hover-bgcolor: color-mix(in srgb, black 10%, AccentColor) !important; /*browser-shared.css:29, Firefox 120*/
469+
--checkbox-border-color: ThreeDShadow !important; /*checkbox.css:31, Firefox 120*/
470+
--focus-outline-color: var(--color-accent-primary) !important; /*tokens-shared.css:5, Firefox 120*/
471+
--input-bgcolor: Field !important; /*browser-shared.css:837, Firefox 120*/
472+
--input-border-color: ThreeDShadow !important; /*browser-shared.css:835, Firefox 120*/
473+
--input-color: FieldText !important; /*browser-shared.css:838, Firefox 120*/
474+
--lwt-selected-tab-background-color: transparent !important; /*tabs.css:490, Firefox 120*/
475+
/*--lwt-tabs-border-color: currentColor !important; tabs.css:465, Firefox 120*/
476+
--panel-banner-item-info-icon-bgcolor: #0090ED !important; /*panelUI-shared.css:5, Firefox 120*/
477+
--panel-banner-item-update-supported-bgcolor: #2AC3A2 !important; /*panelUI-shared.css:5, Firefox 120*/
478+
--panel-disabled-color: mix(in srgb, currentColor 40%, transparent) !important; /*global-shared.css:18, Firefox 120*/
479+
--panel-item-active-bgcolor: var(--button-active-bgcolor) !important; /*panelUI-shared.css:5, Firefox 120*/
480+
--panel-item-hover-bgcolor: var(--button-hover-bgcolor) !important; /*panelUI-shared.css:5, Firefox 120*/
481+
--panel-separator-color: color-mix(in srgb, currentColor 25%, transparent) !important; /*global-shared.css:18, Firefox 120*/
482+
--panel-separator-zap-gradient: linear-gradient(90deg, #9059FF 0%, #FF4AA2 52.08%, #FFBD4F 100%) !important; /*panelUI-shared.css:37, Firefox 120*/
483+
--tab-icon-overlay-fill: light-dark(black, white) !important; /*tabs.css:337, Firefox 120*/
484+
--tab-icon-overlay-stroke: light-dark(white, black) !important; /*tabs.css:338, Firefox 120*/
485+
--tabpanel-background-color: #F9F9FB !important; /*tabs.css:7, Firefox 120*/
486+
--toolbarbutton-icon-fill-attention: AccentColor !important; /*toolbarbutton-icons.css:7, Firefox 120*/
487+
--toolbarbutton-icon-fill: currentColor !important; /*global-shared.css:18, Firefox 120*/
488+
--urlbar-icon-fill-opacity: 0.9 !important; /*browser-shared.css:29, Firefox 120*/
489+
--warning-icon-bgcolor: light-dark(#FFA436, #FFBD4F) !important; /*toolbarbutton-icons.css:7, Firefox 120*/
490+
}
491+
}
433492
@media (-moz-bool-pref: "gtkless.colors-adwaita") {
434493
/* Adwaita */
494+
:not(:-moz-lwtheme) #TabsToolbar #firefox-view-button[open] > .toolbarbutton-icon,
495+
:not(:-moz-lwtheme) #tabbrowser-tabs:not([noshadowfortests]) .tab-background:is([selected], [multiselected]) {
496+
box-shadow: none !important; /* tabs.css:449, Firefox 121 */
497+
}
498+
:not(:-moz-lwtheme) #nav-bar:not([tabs-hidden="true"]) {
499+
box-shadow: 0 calc(-1 * var(--tabs-navbar-shadow-size)) 0 var(--gtkless-navbar-shadow) !important; /* browser.css:82, Firefox 121 */
500+
}
435501
/* LIGHT THEME */
436502
@media (prefers-color-scheme: light) {
437503
:not(:-moz-lwtheme) {
504+
--gtkless-navbar-shadow: rgba(0, 0, 0, 0.12) !important;
438505
--arrowpanel-background: rgb(255, 255, 255) !important;
439506
--arrowpanel-border-color: rgb(240, 240, 244) !important;
440507
--arrowpanel-color: rgba(0, 0, 0, 0.8) !important;
@@ -456,8 +523,8 @@
456523
--input-bgcolor: rgb(255, 255, 255) !important;
457524
--input-border-color: color-mix(in srgb, currentColor 41%, transparent) !important;
458525
--input-color: rgb(21, 20, 26) !important;
459-
--lwt-accent-color: rgb(235, 235, 235) !important;
460-
--lwt-selected-tab-background-color: rgb(250, 250, 250) !important;
526+
--lwt-accent-color: #ffffff !important;
527+
--lwt-selected-tab-background-color: color-mix(in srgb, currentColor 8%, transparent) !important;
461528
--lwt-tabs-border-color: rgba(0, 0, 0, 0) !important;
462529
--lwt-text-color: rgba(0, 0, 0, 0.8) !important;
463530
--panel-banner-item-info-icon-bgcolor: rgb(0, 144, 237) !important;
@@ -484,10 +551,10 @@
484551
--warning-icon-bgcolor: #FFA436 !important;
485552
}
486553
}
487-
488554
/* DARK THEME */
489555
@media (prefers-color-scheme: dark) {
490556
:not(:-moz-lwtheme) {
557+
--gtkless-navbar-shadow: rgba(0, 0, 0, 0.9) !important;
491558
--arrowpanel-background: rgb(56, 56, 56) !important;
492559
--arrowpanel-border-color: rgb(82, 82, 94) !important;
493560
--arrowpanel-color: rgba(255, 255, 255, 1) !important;
@@ -508,8 +575,8 @@
508575
--input-bgcolor: rgb(66, 65, 77) !important;
509576
--input-border-color: rgb(143, 143, 157) !important;
510577
--input-color: rgb(251, 251, 254) !important;
511-
--lwt-accent-color: rgb(48, 48, 48) !important;
512-
--lwt-selected-tab-background-color: rgb(36, 36, 36) !important;
578+
--lwt-accent-color: #303030 !important;
579+
--lwt-selected-tab-background-color: #444444 !important;
513580
--lwt-tabs-border-color: rgba(0, 0, 0, 0) !important;
514581
--lwt-text-color: rgba(255, 255, 255) !important;
515582
--panel-banner-item-info-icon-bgcolor: rgb(128, 235, 255) !important;
@@ -537,64 +604,4 @@
537604
}
538605
}
539606
}
540-
@media (-moz-bool-pref: "gtkless.use-gtk-colors") {
541-
/* System colours */
542-
:not(:-moz-lwtheme) {
543-
--lwt-accent-color: ActiveCaption !important;
544-
--lwt-accent-color-inactive: InactiveCaption !important;
545-
--lwt-text-color: CaptionText !important;
546-
--toolbar-bgcolor: color-mix(in srgb, -moz-dialog 85%, white) !important; /*browser.css:17, Firefox 120*/
547-
--toolbar-color: -moz-dialogtext !important; /*browser.css:17, Firefox 120*/
548-
--chrome-content-separator-color: ThreeDShadow !important;
549-
--toolbar-field-background-color: Field !important; /*global-shared.css:16, Firefox 120*/
550-
/*--toolbar-field-border-color: ThreeDShadow !important; global-shared.css:16, Firefox 120*/
551-
--toolbar-field-color: FieldText !important; /*global-shared.css:16, Firefox 120*/
552-
--toolbar-field-focus-background-color: Field !important; /*global-shared.css:16, Firefox 120*/
553-
--toolbar-field-focus-color: FieldText !important; /*global-shared.css:16, Firefox 120*/
554-
--arrowpanel-background: Field !important; /*global-shared.css:16, Firefox 120*/
555-
--arrowpanel-border-color: ThreeDShadow !important; /*global-shared.css:16, Firefox 120*/
556-
--arrowpanel-color: FieldText !important; /*global-shared.css:16, Firefox 120*/
557-
--arrowpanel-dimmed-further: color-mix(in srgb, currentColor 30%, transparent) !important; /*global-shared.css:16, Firefox 120*/
558-
--panel-disabled-color: color-mix(in srgb, currentColor 40%, transparent) !important; /*global-shared.css:16, Firefox 120*/
559-
--autocomplete-popup-highlight-background: SelectedItem !important; /*urlbarView.css:9, Firefox 120*/
560-
--autocomplete-popup-highlight-color: SelectedItemText !important; /*urlbarView.css:9, Firefox 120*/
561-
--autocomplete-popup-hover-background: var(--arrowpanel-dimmed) !important; /*browser-shared.css:29, Firefox 120*/
562-
--autocomplete-popup-separator-color: color-mix(in srgb, currentColor 14%, transparent) !important; /*browser-shared.css:29, Firefox 120*/
563-
--button-active-bgcolor: color-mix(in srgb, currentColor 30%, transparent) !important; /*browser-shared.css:29, Firefox 120*/
564-
--button-bgcolor: color-mix(in srgb, currentColor 13%, transparent) !important; /*browser-shared.css:29, Firefox 120*/
565-
--button-hover-bgcolor: color-mix(in srgb, currentColor 17%, transparent) !important; /*browser-shared.css:29, Firefox 120*/
566-
--button-primary-active-bgcolor: color-mix(in srgb, black 20%, AccentColor) !important; /*browser-shared.css:29, Firefox 120*/
567-
--button-primary-bgcolor: AccentColor !important; /*browser-shared.css:29, Firefox 120*/
568-
--button-primary-color: AccentColorText !important; /*browser-shared.css:29, Firefox 120*/
569-
--button-primary-hover-bgcolor: color-mix(in srgb, black 10%, AccentColor) !important; /*browser-shared.css:29, Firefox 120*/
570-
--checkbox-border-color: ThreeDShadow !important; /*checkbox.css:31, Firefox 120*/
571-
--focus-outline-color: var(--color-accent-primary) !important; /*tokens-shared.css:5, Firefox 120*/
572-
--input-bgcolor: Field !important; /*browser-shared.css:837, Firefox 120*/
573-
--input-border-color: ThreeDShadow !important; /*browser-shared.css:835, Firefox 120*/
574-
--input-color: FieldText !important; /*browser-shared.css:838, Firefox 120*/
575-
--lwt-selected-tab-background-color: transparent !important; /*tabs.css:490, Firefox 120*/
576-
/*--lwt-tabs-border-color: currentColor !important; tabs.css:465, Firefox 120*/
577-
--panel-banner-item-info-icon-bgcolor: #0090ED !important; /*panelUI-shared.css:5, Firefox 120*/
578-
--panel-banner-item-update-supported-bgcolor: #2AC3A2 !important; /*panelUI-shared.css:5, Firefox 120*/
579-
--panel-disabled-color: mix(in srgb, currentColor 40%, transparent) !important; /*global-shared.css:18, Firefox 120*/
580-
--panel-item-active-bgcolor: var(--button-active-bgcolor) !important; /*panelUI-shared.css:5, Firefox 120*/
581-
--panel-item-hover-bgcolor: var(--button-hover-bgcolor) !important; /*panelUI-shared.css:5, Firefox 120*/
582-
--panel-separator-color: color-mix(in srgb, currentColor 25%, transparent) !important; /*global-shared.css:18, Firefox 120*/
583-
--panel-separator-zap-gradient: linear-gradient(90deg, #9059FF 0%, #FF4AA2 52.08%, #FFBD4F 100%) !important; /*panelUI-shared.css:37, Firefox 120*/
584-
--tab-icon-overlay-fill: light-dark(black, white) !important; /*tabs.css:337, Firefox 120*/
585-
--tab-icon-overlay-stroke: light-dark(white, black) !important; /*tabs.css:338, Firefox 120*/
586-
--tabpanel-background-color: #F9F9FB !important; /*tabs.css:7, Firefox 120*/
587-
--toolbarbutton-icon-fill-attention: AccentColor !important; /*toolbarbutton-icons.css:7, Firefox 120*/
588-
--toolbarbutton-icon-fill: currentColor !important; /*global-shared.css:18, Firefox 120*/
589-
--urlbar-icon-fill-opacity: 0.9 !important; /*browser-shared.css:29, Firefox 120*/
590-
--warning-icon-bgcolor: light-dark(#FFA436, #FFBD4F) !important; /*toolbarbutton-icons.css:7, Firefox 120*/
591-
}
592-
:not(:-moz-lwtheme) #navigator-toolbox {
593-
&:-moz-window-inactive {
594-
:root[tabsintitlebar] & {
595-
color: InactiveCaptionText !important;
596-
}
597-
}
598-
}
599-
}
600607
}

0 commit comments

Comments
 (0)