2023-10-30 10:07:07 +08:00
|
|
|
@media (prefers-color-scheme: dark) {
|
|
|
|
|
:host,
|
|
|
|
|
:root {
|
|
|
|
|
--in-content-page-background: rgb(29,29,29) !important;
|
|
|
|
|
--in-content-page-color: rgb(253,253,253) !important;
|
|
|
|
|
|
|
|
|
|
--in-content-box-background: rgb(36, 36, 36) !important;
|
|
|
|
|
--in-content-box-background-odd: rgba(250,250,250,0.05) !important;
|
|
|
|
|
--in-content-box-info-background: rgba(250,250,250,0.15) !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: rgb(252,252,252) !important;
|
|
|
|
|
|
|
|
|
|
--in-content-primary-button-text-color: rgb(255,255,255) !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: rgb(35, 35, 35) !important;
|
2024-02-18 21:12:37 +08:00
|
|
|
|
|
|
|
|
--newtab-background-color: var(--gnome-browser-before-load-background) !important;
|
|
|
|
|
--newtab-background-color-secondary: var(--gnome-menu-background) !important;
|
|
|
|
|
--newtab-primary-action-background: var(--theme-primary-color) !important;
|
2023-10-30 10:07:07 +08:00
|
|
|
|
|
|
|
|
scrollbar-color: rgba(250,250,250,.4) rgba(22,22,22,.3) !important;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
@media not (prefers-contrast) {
|
|
|
|
|
:root[dialogroot],
|
|
|
|
|
:host(dialog) {
|
|
|
|
|
--in-content-page-background: #424242 !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;
|
|
|
|
|
}
|
