fedora
This commit is contained in:
+177
@@ -0,0 +1,177 @@
|
||||
* {
|
||||
--base: {{colors.surface_container_lowest.default.hex}};
|
||||
--surface: {{colors.surface_container_low.default.hex}};
|
||||
--overlay: {{colors.surface_container.default.hex}};
|
||||
--muted: {{colors.surface_container_high.default.hex}};
|
||||
--subtle: {{colors.surface_container_highest.default.hex}};
|
||||
--text: {{colors.on_surface.default.hex}};
|
||||
--secondary: {{colors.secondary.default.hex}};
|
||||
--primary: {{colors.primary.default.hex}};
|
||||
--on_primary: {{colors.on_primary.default.hex}};
|
||||
}
|
||||
|
||||
:root {
|
||||
/* --- Core Palette Overrides --- */
|
||||
--zen-colors-primary: var(--base) !important;
|
||||
--zen-primary-color: var(--base) !important;
|
||||
--zen-colors-secondary: var(--surface) !important;
|
||||
--zen-colors-tertiary: var(--overlay) !important;
|
||||
--zen-colors-border: var(--primary) !important;
|
||||
|
||||
/* --- Internal Zen Color Variables --- */
|
||||
--zen-primary-color: var(--primary) !important;
|
||||
--zen-colors-primary: var(--base) !important;
|
||||
--zen-colors-secondary: var(--surface) !important;
|
||||
--zen-colors-tertiary: var(--base) !important;
|
||||
|
||||
/* --- Backgrounds --- */
|
||||
--toolbar-bgcolor: var(--base) !important;
|
||||
--newtab-background-color: var(--overlay) !important;
|
||||
--zen-themed-toolbar-bg: var(--base) !important;
|
||||
--zen-main-browser-background: var(--base) !important;
|
||||
--toolbox-bgcolor-inactive: var(--base) !important;
|
||||
--zen-urlbar-background: var(--surface) !important;
|
||||
--zen-colors-input-bg: var(--surface) !important;
|
||||
--zen-themed-toolbar-bg-transparent: transparent !important;
|
||||
|
||||
/* --- Text & Icons --- */
|
||||
--lwt-text-color: var(--text) !important;
|
||||
--toolbarbutton-icon-fill: var(--primary) !important;
|
||||
--toolbar-field-color: var(--text) !important;
|
||||
--toolbar-field-focus-color: var(--text) !important;
|
||||
--toolbar-color: var(--text) !important;
|
||||
--toolbox-textcolor: var(--text) !important;
|
||||
--toolbox-textcolor-inactive: var(--text) !important;
|
||||
--tab-selected-textcolor: var(--primary) !important;
|
||||
--newtab-text-primary-color: var(--text) !important;
|
||||
|
||||
/* --- Popups, Menus & Sidebars --- */
|
||||
--arrowpanel-color: var(--text) !important;
|
||||
--arrowpanel-background: var(--overlay) !important;
|
||||
--sidebar-text-color: var(--text) !important;
|
||||
--lwt-sidebar-text-color: var(--text) !important;
|
||||
--lwt-sidebar-background-color: var(--base) !important;
|
||||
}
|
||||
|
||||
/* --- Sidebar & Layout --- */
|
||||
|
||||
#navigator-toolbox,
|
||||
#zen-tabbox-wrapper,
|
||||
.sidebar-panel {
|
||||
background-color: var(--base) !important;
|
||||
}
|
||||
|
||||
#zen-sidebar-splitter {
|
||||
background-color: var(--base) !important;
|
||||
opacity: 1 !important;
|
||||
}
|
||||
|
||||
.sidebar-placesTree {
|
||||
background-color: var(--surface) !important;
|
||||
}
|
||||
|
||||
#zen-workspaces-button {
|
||||
background-color: var(--surface) !important;
|
||||
}
|
||||
|
||||
#zen-appcontent-navbar-container {
|
||||
background-color: var(--base) !important;
|
||||
}
|
||||
|
||||
/* --- Navigation Controls --- */
|
||||
|
||||
#back-button .toolbarbutton-icon,
|
||||
#forward-button .toolbarbutton-icon,
|
||||
#reload-button .toolbarbutton-icon,
|
||||
#stop-button .toolbarbutton-icon,
|
||||
#PanelUI-menu-button .toolbarbutton-icon,
|
||||
#unified-extensions-button .toolbarbutton-icon,
|
||||
#nav-bar-overflow-button .toolbarbutton-icon,
|
||||
#zen-toggle-compact-mode .toolbarbutton-icon {
|
||||
fill: var(--primary) !important;
|
||||
color: var(--primary) !important;
|
||||
}
|
||||
|
||||
#back-button[disabled] .toolbarbutton-icon,
|
||||
#forward-button[disabled] .toolbarbutton-icon {
|
||||
opacity: 0.3 !important;
|
||||
}
|
||||
|
||||
toolbar .toolbarbutton-1 {
|
||||
&:not([disabled]) {
|
||||
&:is([open], [checked]) > :is(
|
||||
.toolbarbutton-icon,
|
||||
.toolbarbutton-text,
|
||||
.toolbarbutton-badge-stack
|
||||
) {
|
||||
fill: var(--base);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* --- URL Bar --- */
|
||||
|
||||
#urlbar-input {
|
||||
color: var(--text) !important;
|
||||
}
|
||||
|
||||
#urlbar-input::selection {
|
||||
background-color: var(--primary) !important;
|
||||
color: var(--on_primary) !important;
|
||||
}
|
||||
|
||||
.urlbar-background {
|
||||
background-color: var(--base) !important;
|
||||
}
|
||||
|
||||
#urlbar-input-container {
|
||||
background-color: var(--base) !important;
|
||||
}
|
||||
|
||||
.urlbarView-url {
|
||||
color: var(--primary) !important;
|
||||
}
|
||||
|
||||
.urlbarView-favicon {
|
||||
background-color: var(--base) !important;
|
||||
}
|
||||
|
||||
#urlbar-results {
|
||||
background-color: var(--overlay) !important;
|
||||
color: var(--text) !important;
|
||||
}
|
||||
|
||||
/* --- UI Components --- */
|
||||
|
||||
#zen-toast-container {
|
||||
color: var(--primary) !important;
|
||||
}
|
||||
|
||||
#PanelUI-menu-button[open] .toolbarbutton-icon {
|
||||
fill: var(--primary) !important;
|
||||
}
|
||||
|
||||
#permissions-granted-icon {
|
||||
color: var(--base) !important;
|
||||
}
|
||||
|
||||
.tab-background[selected=""] {
|
||||
background: var(--overlay) !important;
|
||||
}
|
||||
|
||||
.content-shortcuts {
|
||||
background-color: var(--surface) !important;
|
||||
border-color: var(--secondary) !important;
|
||||
}
|
||||
|
||||
#zenEditBookmarkPanelFaviconContainer {
|
||||
background: var(--base) !important;
|
||||
}
|
||||
|
||||
#TabsToolbar {
|
||||
background-color: var(--base) !important;
|
||||
}
|
||||
|
||||
hbox#titlebar {
|
||||
background-color: var(--base) !important;
|
||||
}
|
||||
+83
@@ -0,0 +1,83 @@
|
||||
/* Common variables affecting all pages */
|
||||
@-moz-document url-prefix("about:") {
|
||||
:root {
|
||||
--in-content-page-color: {{colors.secondary.default.hex}} !important;
|
||||
--color-accent-primary: {{colors.primary.default.hex}} !important;
|
||||
/* --color-accent-primary-hover: rgb(249, 217, 240) !important;
|
||||
--color-accent-primary-active: rgb(245, 195, 219) !important; */
|
||||
background-color: {{colors.surface_container.default.hex}} !important;
|
||||
--in-content-page-background: {{colors.surface_container.default.hex}} !important;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
/* Variables and styles specific to about:newtab and about:home */
|
||||
@-moz-document url("about:newtab"), url("about:home") {
|
||||
|
||||
:root {
|
||||
--newtab-background-color: {{colors.surface_container.default.hex}} !important;
|
||||
--newtab-background-color-secondary: {{colors.surface_container_high.default.hex}} !important;
|
||||
--newtab-element-hover-color: {{colors.surface_container_high.default.hex}} !important;
|
||||
--newtab-text-primary-color: {{colors.secondary.default.hex}} !important;
|
||||
--newtab-wordmark-color: {{colors.secondary.default.hex}} !important;
|
||||
--newtab-primary-action-background: {{colors.primary.default.hex}} !important;
|
||||
}
|
||||
|
||||
.icon {
|
||||
color: {{colors.primary.default.hex}} !important;
|
||||
}
|
||||
|
||||
.card-outer:is(:hover, :focus, .active):not(.placeholder) .card-title {
|
||||
color: {{colors.primary.default.hex}} !important;
|
||||
}
|
||||
}
|
||||
|
||||
/* Variables and styles specific to about:preferences */
|
||||
@-moz-document url-prefix("about:preferences") {
|
||||
:root {
|
||||
--zen-colors-tertiary: {{colors.surface_container_low.default.hex}} !important;
|
||||
--in-content-text-color: {{colors.secondary.default.hex}} !important;
|
||||
--link-color: {{colors.primary.default.hex}} !important;
|
||||
/* --link-color-hover: rgb(249, 217, 240) !important; */
|
||||
--zen-colors-primary: {{colors.surface_container_high.default.hex}} !important;
|
||||
--in-content-box-background: {{colors.surface_container_high.default.hex}} !important;
|
||||
--zen-primary-color: {{colors.primary.default.hex}} !important;
|
||||
}
|
||||
|
||||
button,
|
||||
groupbox menulist {
|
||||
background: {{colors.surface_container_high.default.hex}} !important;
|
||||
color: {{colors.secondary.default.hex}} !important;
|
||||
}
|
||||
|
||||
.main-content {
|
||||
background-color: {{colors.surface_container_lowest.default.hex}} !important;
|
||||
}
|
||||
}
|
||||
|
||||
/* Variables and styles specific to about:addons */
|
||||
@-moz-document url-prefix("about:addons") {
|
||||
:root {
|
||||
--zen-dark-color-mix-base: {{colors.surface_container_low.default.hex}} !important;
|
||||
--background-color-box: {{colors.surface_container.default.hex}} !important;
|
||||
}
|
||||
}
|
||||
|
||||
/* Variables and styles specific to about:protections */
|
||||
@-moz-document url-prefix("about:protections") {
|
||||
:root {
|
||||
--zen-primary-color: {{colors.surface_container.default.hex}} !important;
|
||||
--in-content-primary-button-text-color-hover: {{colors.secondary.default.hex}} !important;
|
||||
--in-content-primary-button-background: {{colors.surface_container.default.hex}} !important;
|
||||
--in-content-primary-button-text-color: {{colors.secondary.default.hex}} !important;
|
||||
}
|
||||
|
||||
.card {
|
||||
background-color: {{colors.surface_container_high.default.hex}} !important;
|
||||
}
|
||||
}
|
||||
/* Pane UI button visibility issue fix */
|
||||
#PanelUI-menu-button[open] .toolbarbutton-icon {
|
||||
fill: {{colors.primary.default.hex}} !important;
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user