mirror of
https://github.com/vinceliuice/WhiteSur-gtk-theme.git
synced 2026-03-29 08:40:31 +00:00
133 lines
5.5 KiB
CSS
133 lines
5.5 KiB
CSS
@media (prefers-color-scheme: dark) {
|
|
:host,
|
|
:host(.anonymous-content-host),
|
|
:root {
|
|
accent-color: var(--theme-primary-color) !important;
|
|
--color-accent-primary: var(--theme-primary-active-color) !important;
|
|
--in-content-page-color: var(--gnome-content-page-color) !important;
|
|
--in-content-page-background: var(--gnome-content-page-background) !important;
|
|
|
|
--in-content-box-background: var(--gnome-browser-before-load-background) !important;
|
|
--in-content-box-background-odd: rgba(250,250,250,0.05) !important;
|
|
--in-content-box-info-background: var(--gnome-content-box-background) !important;
|
|
|
|
--in-content-border-color: rgba(250,250,250,0.2) !important;
|
|
--in-content-border-hover: rgba(250,250,250,0.3) !important;
|
|
|
|
--in-content-icon-color: var(--gnome-content-page-color) !important;
|
|
|
|
--in-content-primary-button-text-color: var(--gnome-toolbar-color) !important;
|
|
--in-content-primary-button-background: var(--theme-primary-color) !important;
|
|
--in-content-primary-button-background-hover: var(--theme-primary-hover-color) !important;
|
|
--in-content-primary-button-background-active: var(--theme-primary-active-color) !important;
|
|
|
|
--in-content-table-background: var(--gnome-browser-before-load-background) !important;
|
|
--in-content-table-header-background: var(--theme-primary-color) !important;
|
|
|
|
--newtab-background-color: var(--gnome-browser-before-load-background) !important;
|
|
--newtab-background-color-secondary: var(--gnome-content-page-dialog-background) !important;
|
|
--newtab-primary-action-background: var(--theme-primary-color) !important;
|
|
--fxview-background-color: var(--gnome-browser-before-load-background) !important;
|
|
--fxview-background-color-secondary: var(--gnome-menu-background) !important;
|
|
scrollbar-color: rgba(250,250,250,.4) rgba(22,22,22,.3) !important;
|
|
--background-color-box: var(--gnome-content-box-background) !important;
|
|
--background-color-canvas: var(--gnome-browser-before-load-background) !important;
|
|
}
|
|
|
|
@media not (prefers-contrast) {
|
|
:root[dialogroot],
|
|
:host(dialog) {
|
|
--in-content-page-background: var(--gnome-content-page-dialog-background) !important;
|
|
}
|
|
}
|
|
}
|
|
|
|
@media (forced-colors) {
|
|
:host(.anonymous-content-host),
|
|
:root {
|
|
--in-content-box-info-background: var(--gnome-content-box-background) !important;
|
|
|
|
--in-content-item-hover: var(--theme-primary-color) !important;
|
|
--in-content-item-selected: var(--theme-primary-color) !important;
|
|
|
|
--in-content-table-background: var(--gnome-content-page-dialog-background) !important;
|
|
--in-content-table-header-background: var(--gnome-content-page-dialog-background) !important;
|
|
}
|
|
}
|
|
|
|
@media (prefers-color-scheme: dark) {
|
|
@media not (forced-colors) {
|
|
html|dialog,
|
|
.dialogBox {
|
|
--in-content-page-background: var(--gnome-content-page-dialog-background) !important;
|
|
}
|
|
}
|
|
}
|
|
|
|
/* Dialog */
|
|
.dialogBox {
|
|
margin: 0 !important;
|
|
background-color: var(--gnome-content-page-dialog-background) !important;
|
|
border-radius: 12px !important;
|
|
border: none !important;
|
|
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.08) !important;
|
|
}
|
|
|
|
.dialogBox window, .dialogBox dialog {
|
|
background-color: transparent !important;
|
|
}
|
|
|
|
:root[dialogroot], :host(dialog) {
|
|
--in-content-page-background: var(--gnome-toolbar-background) !important;
|
|
--background-color-canvas: var(--gnome-toolbar-background) !important;
|
|
}
|
|
|
|
.close-icon {
|
|
border-radius: 100px !important;
|
|
list-style-image: url("../icons/window-close-symbolic.svg") !important;
|
|
}
|
|
|
|
.toggle-button {
|
|
--toggle-background-color: var(--gnome-switch-background) !important;
|
|
--toggle-background-color-hover: var(--gnome-switch-hover-background) !important;
|
|
--toggle-background-color-active: var(--gnome-switch-active-background) !important;
|
|
--toggle-background-color-pressed: var(--gnome-switch-pressed-background) !important;
|
|
--toggle-background-color-pressed-hover: var(--gnome-switch-pressed-hover-background) !important;
|
|
--toggle-background-color-pressed-active: var(--gnome-switch-pressed-active-background) !important;
|
|
--toggle-border-color: var(--gnome-switch-border-color) !important;
|
|
--toggle-dot-background-color: var(--gnome-switch-slider-background) !important;
|
|
--toggle-dot-background-color-on-pressed: var(--gnome-switch-slider-background) !important;
|
|
}
|
|
|
|
:host {
|
|
--input-text-min-height: var(--button-min-height);
|
|
--input-text-border-color: var(--gnome-urlbar-border-color) !important;
|
|
--input-text-border-color-disabled: var(--gnome-inactive-urlbar-border-color) !important;
|
|
--input-text-border: var(--border-width) solid var(--input-text-border-color);
|
|
--input-text-border-radius: 8px !important;
|
|
--input-text-background-color: var(--gnome-urlbar-background) !important;
|
|
--input-text-color: FieldText;
|
|
--input-text-background-color-disabled: var(--gnome-inactive-urlbar-background) !important;
|
|
--input-text-opacity-disabled: var(--button-opacity-disabled);
|
|
}
|
|
|
|
#input:not(.toggle-button) {
|
|
border: 1px solid var(--gnome-hover-urlbar-border-color) !important;
|
|
border-radius: 8px !important;
|
|
box-sizing: border-box;
|
|
background-color: var(--gnome-urlbar-background) !important;
|
|
outline: 2px solid transparent !important;
|
|
outline-offset: -2px !important;
|
|
|
|
&:focus {
|
|
border: 1px solid transparent !important;
|
|
border-radius: 8px !important;
|
|
outline: 2px solid var(--gnome-focused-urlbar-border-color) !important;
|
|
}
|
|
|
|
&:disabled {
|
|
border-color: var(--gnome-inactive-urlbar-border-color) !important;
|
|
background-color: var(--gnome-inactive-urlbar-background) !important;
|
|
}
|
|
}
|