Skip to content

Commit

Permalink
Update cool_breeze.css
Browse files Browse the repository at this point in the history
  • Loading branch information
@JohnyP36 @Nomes77
JohnyP36 authored and Nomes77 committed Oct 31, 2023
1 parent f5460fa commit 053b171
Showing 1 changed file with 78 additions and 89 deletions.
167 changes: 78 additions & 89 deletions FireFox/theme/system_default_theme/cool_breeze.css
View file
Original file line number Diff line number Diff line change
@@ -1,10 +1,8 @@
@supports -moz-bool-pref("userChrome+Content.theme.cool_breeze") {
:root:is(#main-window):not(:-moz-lwtheme, [privatebrowsingmode=temporary]),
:root[lwt-default-theme-in-dark-mode]:is(#main-window):not([privatebrowsingmode=temporary]) {
:root:is(#main-window):not(:-moz-lwtheme, [privatebrowsingmode=temporary]) {
--win-component-bgcolor: rgb(163, 198, 218) !important;
}
:root:not(:-moz-lwtheme, [privatebrowsingmode=temporary]),
:root[lwt-default-theme-in-dark-mode]:not([privatebrowsingmode=temporary]) {
:root:not(:-moz-lwtheme, [privatebrowsingmode=temporary]) {
--urlbar-box-hover-bgcolor: rgb(182, 200, 211) !important;
--urlbar-box-active-bgcolor: rgb(153, 168, 177) !important;
--win-toolbarbutton-hover-background: rgb(150, 182, 201) !important;
Expand All @@ -15,13 +13,11 @@
:root:is(#main-window):not(:-moz-lwtheme, [privatebrowsingmode=temporary]) #navigator-toolbox {
border-bottom: 1px solid rgb(126, 153, 168) !important;
}
:root[tabsintitlebar]:not(:-moz-window-inactive, :-moz-lwtheme, [privatebrowsingmode=temporary]) .titlebar-color,
:root[tabsintitlebar][lwt-default-theme-in-dark-mode]:not(:-moz-window-inactive, [privatebrowsingmode=temporary]) .titlebar-color {
:root[tabsintitlebar]:not(:-moz-window-inactive, :-moz-lwtheme, [privatebrowsingmode=temporary]) .titlebar-color {
color: AccentColorText;
background-color: rgb(96, 157, 191) !important;
}
:root[tabsintitlebar]:-moz-window-inactive:not(:-moz-lwtheme, [privatebrowsingmode=temporary]) .titlebar-color,
:root[tabsintitlebar][lwt-default-theme-in-dark-mode]:-moz-window-inactive:not([privatebrowsingmode=temporary]) .titlebar-color {
:root[tabsintitlebar]:-moz-window-inactive:not(:-moz-lwtheme, [privatebrowsingmode=temporary]) .titlebar-color {
background-color: rgb(96, 157, 191) !important;
}
/* Toolbar seperator line */
Expand Down Expand Up @@ -51,16 +47,6 @@
:root:not(:-moz-lwtheme, [privatebrowsingmode=temporary])
#urlbar-label-box,
:root:not(:-moz-lwtheme, [privatebrowsingmode=temporary])
#urlbar-zoom-button,
:root[lwt-default-theme-in-dark-mode]:not([privatebrowsingmode=temporary])
#identity-box[pageproxystate="valid"].notSecureText > .identity-box-button,
:root[lwt-default-theme-in-dark-mode]:not([privatebrowsingmode=temporary])
#identity-box[pageproxystate="valid"].chromeUI > .identity-box-button,
:root[lwt-default-theme-in-dark-mode]:not([privatebrowsingmode=temporary])
#identity-box[pageproxystate="valid"].extensionPage > .identity-box-button,
:root[lwt-default-theme-in-dark-mode]:not([privatebrowsingmode=temporary])
#urlbar-label-box,
:root[lwt-default-theme-in-dark-mode]:not([privatebrowsingmode=temporary])
#urlbar-zoom-button {
background-color: transparent !important;
}
Expand All @@ -73,120 +59,123 @@
:root:not(:-moz-lwtheme, [privatebrowsingmode=temporary])
#urlbar-label-box:hover,
:root:not(:-moz-lwtheme, [privatebrowsingmode=temporary])
#urlbar-zoom-button:hover,
:root[lwt-default-theme-in-dark-mode]:not([privatebrowsingmode=temporary])
#identity-box[pageproxystate="valid"].notSecureText > .identity-box-button:hover,
:root[lwt-default-theme-in-dark-mode]:not([privatebrowsingmode=temporary])
#identity-box[pageproxystate="valid"].chromeUI > .identity-box-button:hover,
:root[lwt-default-theme-in-dark-mode]:not([privatebrowsingmode=temporary])
#identity-box[pageproxystate="valid"].extensionPage > .identity-box-button:hover,
:root[lwt-default-theme-in-dark-mode]:not([privatebrowsingmode=temporary])
#urlbar-label-box:hover,
:root[lwt-default-theme-in-dark-mode]:not([privatebrowsingmode=temporary])
#urlbar-zoom-button:hover {
background-color: var(--urlbar-box-hover-bgcolor) !important;
}
/* Tab Color when Multiselected */
:root:not(:-moz-lwtheme, [privatebrowsingmode=temporary])
.tab-background[multiselected="true"]:not([selected="true"]) > .tab-loading-burst:not([bursting]),
:root[lwt-default-theme-in-dark-mode]:not([privatebrowsingmode=temporary])
.tab-background[multiselected="true"]:not([selected="true"]) > .tab-loading-burst:not([bursting]) {
background-color: rgb(146, 187, 211) !important;
}
/* Menubar Text Color */
:root:not(:-moz-lwtheme, [privatebrowsingmode=temporary]) #main-menubar > menu,
:root[lwt-default-theme-in-dark-mode]:not([privatebrowsingmode=temporary]) #main-menubar > menu,
:root:not(:-moz-lwtheme, [privatebrowsingmode=temporary]) #main-menubar > menu[_moz-menuactive="true"],
:root[lwt-default-theme-in-dark-mode]:not([privatebrowsingmode=temporary]) #main-menubar > menu[_moz-menuactive="true"],
/* Tabs Content Color */
:root:not(:-moz-lwtheme, [privatebrowsingmode=temporary]) .tabbrowser-tab:not([selected="true"]) .tab-icon-image,
:root:not(:-moz-lwtheme, [privatebrowsingmode=temporary]) .tabbrowser-tab:not([selected="true"]),
:root[lwt-default-theme-in-dark-mode]:not([privatebrowsingmode=temporary]) .tabbrowser-tab:not([selected="true"]) .tab-icon-image,
:root[lwt-default-theme-in-dark-mode]:not([privatebrowsingmode=temporary]) .tabbrowser-tab:not([selected="true"]) {
color: black !important;
:root:not(:-moz-lwtheme, [privatebrowsingmode=temporary]) .tabbrowser-tab:not([selected="true"]) {
color: black !important;
}
/* Titlebar Button Color */
:root:not(:-moz-lwtheme, [privatebrowsingmode=temporary]) .toolbarbutton-animatable-box,
:root:not(:-moz-lwtheme, [privatebrowsingmode=temporary]) .toolbarbutton-1,
:root[lwt-default-theme-in-dark-mode]:not([privatebrowsingmode=temporary]) .toolbarbutton-animatable-box,
:root[lwt-default-theme-in-dark-mode]:not([privatebrowsingmode=temporary]) .toolbarbutton-1 {
color: black !important;
:root:not(:-moz-lwtheme, [privatebrowsingmode=temporary]) .toolbarbutton-1 {
color: black !important;
}
/* :root:not(:-moz-lwtheme, [privatebrowsingmode=temporary])
#tabs-newtab-button:hover, #TabsToolbar #new-tab-button:hover {
background-color: rgb(81,132,161) !important;
background-color: rgb(81, 132, 161) !important;
} */
:root:not(:-moz-lwtheme, [privatebrowsingmode=temporary]) .titlebar-button,
:root[lwt-default-theme-in-dark-mode]:not([privatebrowsingmode=temporary]) .titlebar-button {
stroke: black !important;
:root:not(:-moz-lwtheme, [privatebrowsingmode=temporary]) .titlebar-button {
stroke: black !important;
}
:root:not(:-moz-lwtheme, [privatebrowsingmode=temporary]) .titlebar-button:hover,
:root[lwt-default-theme-in-dark-mode]:not([privatebrowsingmode=temporary]) .titlebar-button:hover,
:root:not(:-moz-lwtheme, [privatebrowsingmode=temporary]) #main-menubar > menu[_moz-menuactive="true"],
:root[lwt-default-theme-in-dark-mode]:not([privatebrowsingmode=temporary]) #main-menubar > menu[_moz-menuactive="true"] {
background-color: rgb(86,141,172) !important;
:root:not(:-moz-lwtheme, [privatebrowsingmode=temporary]) .titlebar-button:hover
:root:not(:-moz-lwtheme, [privatebrowsingmode=temporary]) #main-menubar > menu[_moz-menuactive="true"] {
background-color: rgb(86, 141, 172) !important;
}
:root:not(:-moz-lwtheme, [privatebrowsingmode=temporary]) .titlebar-close:hover,
:root[lwt-default-theme-in-dark-mode]:not([privatebrowsingmode=temporary]) .titlebar-close:hover {
:root:not(:-moz-lwtheme, [privatebrowsingmode=temporary]) .titlebar-close:hover {
background-color: hsl(355,86%,49%) !important;
}
/* Hover background for extensions */
#nav-bar-customization-target .toolbaritem-combined-buttons.unified-extensions-item > toolbarbutton:hover {
background-color: rgb(150, 182, 201) !important; /* var(--panel-item-hover-bgcolor) */
}
/* Hover in sidebar */
:root:not(:-moz-lwtheme, [privatebrowsingmode=temporary], [lwt-default-theme-in-dark-mode]) #sidebar-switcher-target:hover,
:root:not(:-moz-lwtheme, [privatebrowsingmode=temporary], [lwt-default-theme-in-dark-mode]) #sidebar-switcher-target:hover:active,
:root:not(:-moz-lwtheme, [privatebrowsingmode=temporary], [lwt-default-theme-in-dark-mode]) #sidebar-switcher-target.active {
:root:not(:-moz-lwtheme, [privatebrowsingmode=temporary]) #sidebar-switcher-target:hover,
:root:not(:-moz-lwtheme, [privatebrowsingmode=temporary]) #sidebar-switcher-target:hover:active,
:root:not(:-moz-lwtheme, [privatebrowsingmode=temporary]) #sidebar-switcher-target.active {
background-color: rgb(229, 229, 229) !important;
}
/* Fixes for system dark theme */
:root[lwt-default-theme-in-dark-mode]:not([privatebrowsingmode=temporary]) {
--toolbarbutton-icon-fill: black !important;
--lwt-tab-text: black !important;
}
/* :root[lwt-default-theme-in-dark-mode]:not([privatebrowsingmode=temporary]) .tab-icon-image {
fill: white !important;
} */
:root[lwt-default-theme-in-dark-mode]:not([privatebrowsingmode=temporary])
.tabbrowser-tab:not([selected="true"]):hover > .tab-stack > .tab-content:not([pinned]) {
@media (prefers-color-scheme: dark) {
:root:not(:-moz-lwtheme, [privatebrowsingmode=temporary]) toolbarseparator,
:root:not(:-moz-lwtheme, [privatebrowsingmode=temporary]) menuseparator::before {
border-top: 1px solid rgb(99, 99, 99) !important;
}
:root:not(:-moz-lwtheme, [privatebrowsingmode=temporary]) {
--toolbarbutton-icon-fill: black !important;
--lwt-tab-text: black !important;
}
:root:not(:-moz-lwtheme, [privarebrowsingmode=temporary]) .tab-text.tab-label,
:root:not(:-moz-lwtheme, [privarebrowsingmode=temporary]) .tab-close-button,
:root:not(:-moz-lwtheme, [privatebrowsingmode=temporary]) .tabbrowser-tab:not([selected="true"]):hover > .tab-stack > .tab-content:not([pinned]) {
color: black !important;
}
:root:not(:-moz-lwtheme, [privatebrowsingmode=temporary]) .browser-toolbar:not(.titlebar-color),
:root:not(:-moz-lwtheme, [privatebrowsingmode=temporary]) #urlbar {
color: black !important;
}
:root:not(:-moz-lwtheme, [privatebrowsingmode=temporary]) #urlbar[breakout][breakout-extend] > #urlbar-input-container,
:root:not(:-moz-lwtheme, [privarebrowsingmode=temporary]) #urlbar:is([focused="true"], [open]) > #urlbar-background,
:root:not(:-moz-lwtheme, [privatebrowsingmode=temporary]) .urlbarView {
background-color: white;
}
:root:not(:-moz-lwtheme, [privatebrowsingmode=temporary]) .urlbarView-row:not([type="tip"],
:root:not(:-moz-lwtheme, [privatebrowsingmode=temporary]) [type="dynamic"])[selected] > .urlbarView-row-inner,
:root:not(:-moz-lwtheme, [privatebrowsingmode=temporary]) .urlbarView-row-inner[selected] {
background-color: white !important;
color: black !important;
}
:root:not(:-moz-lwtheme, [privarebrowsingmode=temporary]) .urlbarView-row {
background-color: transparent !important;
}
}
:root[lwt-default-theme-in-dark-mode]:not([privatebrowsingmode=temporary]) .browser-toolbar:not(.titlebar-color) {
color: black !important;
/* Fixes for Private browsing */
toolbar[brighttext] .private-browsing-indicator-icon {
filter: invert(0) !important;
}
:root[lwt-default-theme-in-dark-mode]:not([privatebrowsingmode=temporary]) #urlbar {
color: black !important;
:root[privatebrowsingmode=temporary]:not(:-moz-lwtheme) toolbarseparator,
:root[privatebrowsingmode=temporary]:not(:-moz-lwtheme) menuseparator::before {
border-top: 1px solid rgb(99, 99, 99) !important;
}
:root[lwt-default-theme-in-dark-mode]:not([privatebrowsingmode=temporary])
#urlbar[breakout][breakout-extend] > #urlbar-input-container {
background-color: white;
:root[privatebrowsingmode=temporary]:not(:-moz-lwtheme) #navigator-toolbox {
border-bottom: 1px solid rgb(104, 104, 104) !important;
}
:root[lwt-default-theme-in-dark-mode]:not([privatebrowsingmode=temporary]) .urlbarView-row:not([type="tip"],
:root[lwt-default-theme-in-dark-mode]:not([privatebrowsingmode=temporary]) [type="dynamic"])[selected] > .urlbarView-row-inner,
:root[lwt-default-theme-in-dark-mode]:not([privatebrowsingmode=temporary]) .urlbarView-row-inner[selected] {
background-color: white !important;
:root[privatebrowsingmode=temporary]:not(:-moz-lwtheme) .tabbrowser-tab:not([selected="true"]),
:root[privatebrowsingmode=temporary]:not(:-moz-lwtheme) .tabbrowser-tab:not([selected="true"]):hover > .tab-stack > .tab-content:not([pinned]),
:root[privatebrowsingmode=temporary]:not(:-moz-lwtheme) .tabbrowser-tab:not([selected="true"]) .tab-text.tab-label,
:root[privatebrowsingmode=temporary]:not(:-moz-lwtheme) .tabbrowser-tab:not([selected="true"]) .tab-close-button {
color: black !important;
}
:root[lwt-default-theme-in-dark-mode]:not([privatebrowsingmode=temporary]) .urlbarView {
background-color: white !important;
}
/* Fixes for Private browsing */
:root[lwt-default-theme-in-dark-mode] #navigator-toolbox,
:root[privatebrowsingmode=temporary] #navigator-toolbox {
border-bottom: 1px solid rgb(104, 104, 104) !important;
:root[privatebrowsingmode=temporary]:not(:-moz-lwtheme) .tabbrowser-tab:not([selected="true"]) .tab-icon-image,
:root[privatebrowsingmode=temporary]:not(:-moz-lwtheme) #tabs-newtab-button > .toolbarbutton-icon {
fill: black !important;
}
:root[privatebrowsingmode=temporary] .tabbrowser-tab:not([selected="true"]) .tab-icon-image,
:root[privatebrowsingmode=temporary] .tabbrowser-tab:not([selected="true"]) {
color: black !important;
:root[privatebrowsingmode=temporary]:not(:-moz-lwtheme) .tabbrowser-tab[selected="true"] .tab-text.tab-label,
:root[privatebrowsingmode=temporary]:not(:-moz-lwtheme) .tabbrowser-tab[selected="true"] .tab-close-button {
color: white !important;
}
:root[privatebrowsingmode=temporary] .tabbrowser-tab:not([selected="true"]):hover > .tab-stack > .tab-content:not([pinned]) {
color: black !important;
:root[privatebrowsingmode=temporary]:not(:-moz-lwtheme) .urlbarView,
:root[privarebrowsingmode=temporary]:not(:-moz-lwtheme) .urlbarView-row,
:root[privatebrowsingmode=temporary]:not(:-moz-lwtheme) #urlbar[breakout][breakout-extend] > #urlbar-input-container,
:root[privarebrowsingmode=temporary]:not(:-moz-lwtheme) #urlbar:is([focused="true"], [open]) > #urlbar-background {
background-color: transparent !important;
}
:root[privatebrowsingmode=temporary] #TabsToolbar #tabs-newtab-button > .toolbarbutton-icon {
color: black !important;
:root[privatebrowsingmode=temporary]:not(:-moz-lwtheme) .urlbarView-row:not([type="tip"],
:root[privatebrowsingmode=temporary]:not(:-moz-lwtheme) [type="dynamic"])[selected] > .urlbarView-row-inner,
:root[privatebrowsingmode=temporary]:not(:-moz-lwtheme) .urlbarView-row-inner[selected] {
background-color: transparent !important;
color: white !important;
}
:root[privatebrowsingmode=temporary]
:root[privatebrowsingmode=temporary]:not(:-moz-lwtheme)
#nav-bar:has(#nav-bar-customization-target toolbarbutton[cui-areatype="toolbar"]:not([hidden="true"]):nth-last-child(2),
toolbaritem[cui-areatype="toolbar"]:not([hidden="true"], #urlbar-container):nth-last-child(1))
#PanelUI-button::after {
Expand Down

0 comments on commit 053b171

Please sign in to comment.