Protections popup switcher theming
This commit is contained in:
parent
ac0aa97101
commit
5b6f94300f
|
@ -82,6 +82,16 @@
|
|||
--gnome-focused-urlbar-border-color: #15539e;
|
||||
--gnome-private-urlbar-background: #25003e;
|
||||
|
||||
/* Switch */
|
||||
--gnome-switch-background: #282828;
|
||||
--gnome-switch-border-color: #1b1b1b;
|
||||
--gnome-switch-slider-background: linear-gradient(to bottom, #3c3c3c 20%, #353535 90%);
|
||||
--gnome-switch-slider-border-color: #111111;
|
||||
--gnome-switch-slider-box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.07);
|
||||
--gnome-switch-active-background: #15539e;
|
||||
--gnome-switch-active-border-color: #030c17;
|
||||
--gnome-switch-active-slider-border-color: #030c17;
|
||||
|
||||
/* Tabs */
|
||||
--gnome-tabbar-tab-color: rgb(141, 144, 145);
|
||||
--gnome-tabbar-tab-hover-background: #2b2b2b;
|
||||
|
|
|
@ -82,6 +82,16 @@
|
|||
--gnome-focused-urlbar-border-color: #4a90d9;
|
||||
--gnome-private-urlbar-background: #e6c2ff;
|
||||
|
||||
/* Switch */
|
||||
--gnome-switch-background: #e1dedb;
|
||||
--gnome-switch-border-color: #cdc7c2;
|
||||
--gnome-switch-slider-background: linear-gradient(to bottom, white 10%, white 90%);
|
||||
--gnome-switch-slider-border-color: #bfb8b1;
|
||||
--gnome-switch-slider-box-shadow: inset 0 1px white, 0 1px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.07);
|
||||
--gnome-switch-active-background: #3584e4;
|
||||
--gnome-switch-active-border-color: #185fb4;
|
||||
--gnome-switch-active-slider-border-color: #185fb4;
|
||||
|
||||
/* Tabs */
|
||||
--gnome-tabbar-tab-color: rgb(141, 144, 145);
|
||||
--gnome-tabbar-tab-hover-background: #e4e2de;
|
||||
|
|
|
@ -163,3 +163,50 @@ panelview vbox.panel-subview-body > toolbarbutton label {
|
|||
#protections-popup-show-full-report-link {
|
||||
margin-right: 16px !important;
|
||||
}
|
||||
|
||||
.protections-popup-tp-switch-box {
|
||||
margin: 16px !important;
|
||||
padding: 0 !important;
|
||||
-moz-box-pack: start !important;
|
||||
}
|
||||
#protections-popup-tp-switch { /*TODO: consider switchers section*/
|
||||
background: var(--gnome-switch-background) !important;
|
||||
border: 1px solid var(--gnome-switch-border-color) !important;
|
||||
border-radius: 24px !important;
|
||||
min-width: 50px !important;
|
||||
width: 50px !important;
|
||||
min-height: 26px !important;
|
||||
padding: 0 !important;
|
||||
position: relative !important;
|
||||
display: block !important;
|
||||
margin: 0 !important;
|
||||
}
|
||||
#protections-popup-tp-switch:hover {
|
||||
border-color: var(--gnome-switch-border-color) !important;
|
||||
}
|
||||
#protections-popup-tp-switch::before {
|
||||
position: absolute !important;
|
||||
top: 0px;
|
||||
left: 0px;
|
||||
background: var(--gnome-switch-slider-background) !important;
|
||||
border: 1px solid var(--gnome-switch-slider-border-color) !important;
|
||||
box-shadow: var(--gnome-switch-slider-box-shadow);
|
||||
border-radius: 24px !important;
|
||||
height: 24px !important;
|
||||
width: 24px !important;
|
||||
transition: left .2s ease;
|
||||
}
|
||||
#protections-popup-tp-switch[enabled] {
|
||||
background: var(--gnome-switch-active-background) !important;
|
||||
border-color: var(--gnome-switch-active-border-color) !important;
|
||||
padding-inline-start: 24px !important;
|
||||
}
|
||||
#protections-popup-tp-switch[enabled]:hover {
|
||||
border-color: var(--gnome-switch-active-border-color) !important;
|
||||
}
|
||||
#protections-popup-tp-switch[enabled]::before {
|
||||
border-color: var(--gnome-switch-active-slider-border-color) !important;
|
||||
left: 24px;
|
||||
}
|
||||
|
||||
|
||||
|
|
Loading…
Reference in New Issue