4. Follow the below steps.
## 3. Dash to Dock
- **Description:** Moves the GNOME dash out of the overview and transforms it into a dock.
- **Download:** [Dash to Dock](https://extensions.gnome.org/extension/307/dash-to-dock/)
- **Setup:**
1. Download and install from the link above or through **Extension Manager**.
2. Enable the extension using GNOME Extensions app or Extension Manager.
3. Follow the below steps.
## 4. Open Bar
- **Description:** macOS-style top bar for GNOME.
- **Download:** [Open Bar](https://extensions.gnome.org/extension/6580/open-bar/)
- **Setup:**
1. Download and install from the link above or through **Extension Manager**.
2. Enable the extension using GNOME Extensions app or Extension Manager.
3. To import the config:
- Open Open Bar settings (Extension Manager → Open Bar → Settings).
- Go to the `Admin` tab.
- Click `Import` and select the provided config files - [Dark Mode](extensions/openBar/Tahoe-Dark) and [Light Mode](extensions/openBar/Tahoe-Light)
## 5. Space Bar
- **Description:** Space-themed workspace indicator for GNOME.
- **Download:** [Space Bar](https://extensions.gnome.org/extension/5090/space-bar/)
- **Setup:**
1. Download and install from the link above.
2. Enable via GNOME Extensions app.
3. Follow the below steps.
## 6. Tiling Shell
- **Description:** Tiling window management for GNOME Shell.
- **Download:** [Tiling Shell](https://extensions.gnome.org/extension/7065/tiling-shell/)
- **Setup:**
1. Download and install from the link above.
2. Enable via GNOME Extensions app.
3. To import the config:
- Open Tiling Shell settings.
- Scroll down to the last section.
- Click `Import` and select the provided [config file](extensions/tiling-shell/tilingshell-settings.txt).
## Install App Launcher Theme
- App launcher theme can be installed using the **Install Extra** option in the interactive CLI menu.
- Or you can find the theme for app launcher [here](https://github.com/kayozxo/ulauncher-liquid-glass) if you missed it.
## ✅ Done!
If you like my project, you can buy me a coffee, many thanks ❤️ !
Reboot or log out and back in — your GNOME should now resemble **macOS Tahoe**!
If you face any issues or have questions, feel free to open an issue on the repo or drop a comment on [my Reddit post](https://www.reddit.com/r/unixporn/comments/1ogcgqg/gnome_macos_tahoe_v060/?utm_source=share&utm_medium=web3x&utm_name=web3xcss&utm_term=1&utm_content=share_button).
================================================
FILE: .config/extensions/openBar/Tahoe-Dark
================================================
[/]
accent-color=['0', '0.75', '0.75']
accent-override=false
apply-accent-shell=false
apply-all-shell=false
apply-flatpak=false
apply-gtk=false
apply-menu-notif=true
apply-menu-shell=true
auto-bgalpha=false
autofg-bar=false
autofg-menu=true
autohg-bar=false
autohg-menu=false
autotheme-dark='Dark'
autotheme-font=false
autotheme-light='Dark'
autotheme-refresh=false
balpha=0.12
bartype='Floating'
bcolor=['1.000', '1.000', '1.000']
bg-change=false
bgalpha=0.0
bgalpha-wmax=0.0
bgalpha2=0.0
bgcolor=['0.384', '0.627', '0.918']
bgcolor-wmax=['0.000', '0.000', '0.000']
bgcolor2=['0.290', '0.341', '0.400']
bgpalette=true
bguri='file:///home/kayozxo/.config/background'
border-wmax=false
bordertype='solid'
bottom-margin=0.0
boxalpha=0.0
boxcolor=['0.251', '0.286', '0.353']
bradius=50.0
buttonbg-wmax=false
bwidth=0.80000000000000004
candy1=['0', '0.61', '0.74']
candy10=['0.09', '0.19', '0.72']
candy11=['0.75', '0.49', '0.44']
candy12=['1', '0.92', '0.12']
candy13=['0.38', '0.63', '0.92']
candy14=['0.37', '0.36', '0.39']
candy15=['0.40', '0.23', '0.72']
candy16=['1', '0.32', '0.32']
candy2=['1', '0.41', '0.41']
candy3=['0.63', '0.16', '0.8']
candy4=['0.94', '0.60', '0.23']
candy5=['0.03', '0.41', '0.62']
candy6=['0.56', '0.18', '0.43']
candy7=['0.95', '0.12', '0.67']
candy8=['0.18', '0.76', '0.49']
candy9=['0.93', '0.20', '0.23']
candyalpha=0.0
candybar=false
card-hint=10
color-scheme='prefer-dark'
corner-radius=false
count1=210369
count10=2277
count11=530
count12=8
count2=61926
count3=54890
count4=54507
count5=48780
count6=42756
count7=39116
count8=35495
count9=11346
cust-margin-wmax=true
dark-accent-color=['0', '0.75', '0.75']
dark-bcolor=['1.000', '1.000', '1.000']
dark-bgcolor=['0.384', '0.627', '0.918']
dark-bgcolor-wmax=['0.000', '0.000', '0.000']
dark-bgcolor2=['0.290', '0.341', '0.400']
dark-bguri='file:///home/kayozxo/.config/background'
dark-boxcolor=['0.251', '0.286', '0.353']
dark-candy1=['0', '0.61', '0.74']
dark-candy10=['0.09', '0.19', '0.72']
dark-candy11=['0.75', '0.49', '0.44']
dark-candy12=['1', '0.92', '0.12']
dark-candy13=['0.38', '0.63', '0.92']
dark-candy14=['0.37', '0.36', '0.39']
dark-candy15=['0.40', '0.23', '0.72']
dark-candy16=['1', '0.32', '0.32']
dark-candy2=['1', '0.41', '0.41']
dark-candy3=['0.63', '0.16', '0.8']
dark-candy4=['0.94', '0.60', '0.23']
dark-candy5=['0.03', '0.41', '0.62']
dark-candy6=['0.56', '0.18', '0.43']
dark-candy7=['0.95', '0.12', '0.67']
dark-candy8=['0.18', '0.76', '0.49']
dark-candy9=['0.93', '0.20', '0.23']
dark-dbgcolor=['0.125', '0.125', '0.125']
dark-fgcolor=['0.929', '0.925', '0.933']
dark-hcolor=['1.000', '1.000', '1.000']
dark-hscd-color=['0.133', '0.216', '0.380']
dark-iscolor=['0.251', '0.286', '0.353']
dark-mbcolor=['0.250', '0.250', '0.250']
dark-mbgcolor=['0.000', '0.000', '0.000']
dark-mfgcolor=['1.000', '1.000', '1.000']
dark-mhcolor=['1.000', '1.000', '1.000']
dark-mscolor=['0.000', '0.406', '0.713']
dark-mshcolor=['0.000', '0.000', '0.000']
dark-palette1=['12', '42', '157']
dark-palette10=['107', '132', '204']
dark-palette11=['85', '110', '228']
dark-palette12=['28', '36', '107']
dark-palette2=['88', '71', '199']
dark-palette3=['49', '82', '172']
dark-palette4=['85', '109', '188']
dark-palette5=['55', '67', '201']
dark-palette6=['4', '15', '94']
dark-palette7=['49', '43', '175']
dark-palette8=['7', '24', '120']
dark-palette9=['127', '143', '208']
dark-shcolor=['0.000', '0.000', '0.000']
dark-smbgcolor=['0.187', '0.187', '0.187']
dark-vw-color=['0.133', '0.216', '0.380']
dark-winbcolor=['0.133', '0.216', '0.380']
dashdock-style='Default'
dbgalpha=0.84999999999999998
dbgcolor=['0.125', '0.125', '0.125']
dborder=false
dbradius=100.0
default-font='Sans 12'
destruct-color=['0.75', '0.11', '0.16']
disize=16.0
dshadow=true
fgalpha=1.0
fgcolor=['0.929', '0.925', '0.933']
fitts-widgets=false
font='SF Pro Display Bold 10'
gradient=false
gradient-direction='vertical'
gtk-popover=false
gtk-shadow='Default'
gtk-transparency=1.0
halpha=0.25
handle-border=20.0
hbar-gtk3only=false
hcolor=['1.000', '1.000', '1.000']
headerbar-hint=0
heffect=false
height=38.0
hpad=0.0
hscd-color=['0.133', '0.216', '0.380']
import-export=true
isalpha=0.0
iscolor=['0.251', '0.286', '0.353']
light-accent-color=['0', '0.75', '0.75']
light-bcolor=['0.478', '0.639', '0.784']
light-bgcolor=['0.251', '0.286', '0.353']
light-bgcolor-wmax=['0.922', '0.922', '0.922']
light-bgcolor2=['0.290', '0.341', '0.400']
light-bguri='file:///home/kayozxo/.config/background'
light-boxcolor=['0.251', '0.286', '0.353']
light-candy1=['0', '0.61', '0.74']
light-candy10=['0.09', '0.19', '0.72']
light-candy11=['0.75', '0.49', '0.44']
light-candy12=['1', '0.92', '0.12']
light-candy13=['0.38', '0.63', '0.92']
light-candy14=['0.37', '0.36', '0.39']
light-candy15=['0.40', '0.23', '0.72']
light-candy16=['1', '0.32', '0.32']
light-candy2=['1', '0.41', '0.41']
light-candy3=['0.63', '0.16', '0.8']
light-candy4=['0.94', '0.60', '0.23']
light-candy5=['0.03', '0.41', '0.62']
light-candy6=['0.56', '0.18', '0.43']
light-candy7=['0.95', '0.12', '0.67']
light-candy8=['0.18', '0.76', '0.49']
light-candy9=['0.93', '0.20', '0.23']
light-dbgcolor=['0.125', '0.125', '0.125']
light-fgcolor=['1.0', '1.0', '1.0']
light-hcolor=['0', '0.7', '0.9']
light-hscd-color=['0.133', '0.216', '0.380']
light-iscolor=['0.251', '0.286', '0.353']
light-mbcolor=['0.290', '0.357', '0.463']
light-mbgcolor=['0.133', '0.161', '0.204']
light-mfgcolor=['1.0', '1.0', '1.0']
light-mhcolor=['0', '0.7', '0.9']
light-mscolor=['0.133', '0.216', '0.380']
light-mshcolor=['0.000', '0.000', '0.000']
light-palette1=['12', '42', '157']
light-palette10=['107', '132', '204']
light-palette11=['85', '110', '228']
light-palette12=['28', '36', '107']
light-palette2=['88', '71', '199']
light-palette3=['49', '82', '172']
light-palette4=['85', '109', '188']
light-palette5=['55', '67', '201']
light-palette6=['4', '15', '94']
light-palette7=['49', '43', '175']
light-palette8=['7', '24', '120']
light-palette9=['127', '143', '208']
light-shcolor=['0.000', '0.000', '0.000']
light-smbgcolor=['0.290', '0.341', '0.400']
light-vw-color=['0.133', '0.216', '0.380']
light-winbcolor=['0.133', '0.216', '0.380']
margin=4.7999999999999998
margin-wmax=0.0
mbalpha=0.0
mbcolor=['0.250', '0.250', '0.250']
mbg-gradient=true
mbgalpha=0.92000000000000004
mbgcolor=['0.000', '0.000', '0.000']
menu-radius=30.0
menustyle=false
mfgalpha=1.0
mfgcolor=['1.000', '1.000', '1.000']
mhalpha=0.25
mhcolor=['1.000', '1.000', '1.000']
monitor-height=900
monitor-width=1600
monitors='all'
msalpha=0.80000000000000004
mscolor=['0.000', '0.406', '0.713']
mshalpha=1.0
mshcolor=['0.000', '0.000', '0.000']
neon=false
neon-wmax=false
notif-radius=20.0
palette1=['12', '42', '157']
palette10=['107', '132', '204']
palette11=['85', '110', '228']
palette12=['28', '36', '107']
palette2=['88', '71', '199']
palette3=['49', '82', '172']
palette4=['85', '109', '188']
palette5=['55', '67', '201']
palette6=['4', '15', '94']
palette7=['49', '43', '175']
palette8=['7', '24', '120']
palette9=['127', '143', '208']
pause-reload=false
position='Top'
prominent1=['100', '100', '100']
prominent2=['100', '100', '100']
prominent3=['100', '100', '100']
prominent4=['100', '100', '100']
prominent5=['100', '100', '100']
prominent6=['100', '100', '100']
qtoggle-radius=50.0
radius-bottomleft=true
radius-bottomright=true
radius-topleft=true
radius-topright=true
reloadstyle=false
removestyle=false
sbar-gradient='none'
set-bottom-margin=true
set-fullscreen=false
set-notif-position=true
set-notifications=false
set-overview=false
set-yarutheme=false
shadow=false
shalpha=0.0
shcolor=['0.000', '0.000', '0.000']
sidebar-hint=0
slider-height=20.0
smbgalpha=0.94999999999999996
smbgcolor=['0.187', '0.187', '0.187']
smbgoverride=true
success-color=['0.15', '0.635', '0.41']
traffic-light=false
trigger-autotheme=false
trigger-reload=true
view-hint=0
vpad=2.7999999999999998
vw-color=['0.133', '0.216', '0.380']
warning-color=['0.96', '0.83', '0.17']
width-bottom=true
width-left=true
width-right=true
width-top=true
winbalpha=0.75
winbcolor=['0.133', '0.216', '0.380']
winbradius=15.0
winbwidth=0.0
window-hint=0
wmax-hbarhint=false
wmaxbar=true
================================================
FILE: .config/extensions/openBar/Tahoe-Light
================================================
[/]
accent-color=['0', '0.75', '0.75']
accent-override=false
apply-accent-shell=false
apply-all-shell=false
apply-flatpak=false
apply-gtk=false
apply-menu-notif=true
apply-menu-shell=true
auto-bgalpha=false
autofg-bar=true
autofg-menu=true
autohg-bar=false
autohg-menu=false
autotheme-dark='Dark'
autotheme-font=false
autotheme-light='Dark'
autotheme-refresh=false
balpha=0.23999999999999999
bartype='Floating'
bcolor=['1.000', '1.000', '1.000']
bg-change=false
bgalpha=0.10000000000000001
bgalpha-wmax=0.10000000000000001
bgalpha2=0.0
bgcolor=['0.000', '0.000', '0.000']
bgcolor-wmax=['0.000', '0.000', '0.000']
bgcolor2=['1.000', '1.000', '1.000']
bgpalette=true
bguri='file:///home/kayozxo/.config/background'
border-wmax=false
bordertype='solid'
bottom-margin=0.0
boxalpha=0.0
boxcolor=['0.251', '0.286', '0.353']
bradius=50.0
buttonbg-wmax=false
bwidth=0.80000000000000004
candy1=['0', '0.61', '0.74']
candy10=['0.09', '0.19', '0.72']
candy11=['0.75', '0.49', '0.44']
candy12=['1', '0.92', '0.12']
candy13=['0.38', '0.63', '0.92']
candy14=['0.37', '0.36', '0.39']
candy15=['0.40', '0.23', '0.72']
candy16=['1', '0.32', '0.32']
candy2=['1', '0.41', '0.41']
candy3=['0.63', '0.16', '0.8']
candy4=['0.94', '0.60', '0.23']
candy5=['0.03', '0.41', '0.62']
candy6=['0.56', '0.18', '0.43']
candy7=['0.95', '0.12', '0.67']
candy8=['0.18', '0.76', '0.49']
candy9=['0.93', '0.20', '0.23']
candyalpha=0.0
candybar=false
card-hint=10
color-scheme='prefer-dark'
corner-radius=false
count1=377920
count10=9667
count11=2386
count12=643
count2=148051
count3=137423
count4=132224
count5=65214
count6=54151
count7=34949
count8=22090
count9=15282
cust-margin-wmax=true
dark-accent-color=['0', '0.75', '0.75']
dark-bcolor=['1.000', '1.000', '1.000']
dark-bgcolor=['0.000', '0.000', '0.000']
dark-bgcolor-wmax=['0.000', '0.000', '0.000']
dark-bgcolor2=['1.000', '1.000', '1.000']
dark-bguri='file:///home/kayozxo/.config/background'
dark-boxcolor=['0.251', '0.286', '0.353']
dark-candy1=['0', '0.61', '0.74']
dark-candy10=['0.09', '0.19', '0.72']
dark-candy11=['0.75', '0.49', '0.44']
dark-candy12=['1', '0.92', '0.12']
dark-candy13=['0.38', '0.63', '0.92']
dark-candy14=['0.37', '0.36', '0.39']
dark-candy15=['0.40', '0.23', '0.72']
dark-candy16=['1', '0.32', '0.32']
dark-candy2=['1', '0.41', '0.41']
dark-candy3=['0.63', '0.16', '0.8']
dark-candy4=['0.94', '0.60', '0.23']
dark-candy5=['0.03', '0.41', '0.62']
dark-candy6=['0.56', '0.18', '0.43']
dark-candy7=['0.95', '0.12', '0.67']
dark-candy8=['0.18', '0.76', '0.49']
dark-candy9=['0.93', '0.20', '0.23']
dark-dbgcolor=['0.125', '0.125', '0.125']
dark-fgcolor=['1.000', '1.000', '1.000']
dark-hcolor=['1.000', '1.000', '1.000']
dark-hscd-color=['0.133', '0.216', '0.380']
dark-iscolor=['0.251', '0.286', '0.353']
dark-mbcolor=['0.250', '0.250', '0.250']
dark-mbgcolor=['0.980', '0.980', '0.980']
dark-mfgcolor=['1.000', '1.000', '1.000']
dark-mhcolor=['1.000', '1.000', '1.000']
dark-mscolor=['0.000', '0.533', '1.000']
dark-mshcolor=['0.000', '0.000', '0.000']
dark-palette1=['64', '129', '201']
dark-palette10=['31', '64', '94']
dark-palette11=['28', '51', '83']
dark-palette12=['18', '93', '201']
dark-palette2=['9', '29', '97']
dark-palette3=['187', '199', '201']
dark-palette4=['126', '169', '201']
dark-palette5=['29', '74', '188']
dark-palette6=['38', '78', '127']
dark-palette7=['68', '113', '157']
dark-palette8=['137', '190', '199']
dark-palette9=['219', '212', '180']
dark-shcolor=['0.000', '0.000', '0.000']
dark-smbgcolor=['0.965', '0.961', '0.957']
dark-vw-color=['0.133', '0.216', '0.380']
dark-winbcolor=['0.133', '0.216', '0.380']
dashdock-style='Default'
dbgalpha=0.84999999999999998
dbgcolor=['0.125', '0.125', '0.125']
dborder=false
dbradius=100.0
default-font='Sans 12'
destruct-color=['0.75', '0.11', '0.16']
disize=16.0
dshadow=true
fgalpha=1.0
fgcolor=['1.000', '1.000', '1.000']
fitts-widgets=false
font='SF Pro Display Bold 10'
gradient=true
gradient-direction='vertical'
gtk-popover=false
gtk-shadow='Default'
gtk-transparency=1.0
halpha=0.25
handle-border=20.0
hbar-gtk3only=false
hcolor=['1.000', '1.000', '1.000']
headerbar-hint=0
heffect=false
height=38.0
hpad=0.0
hscd-color=['0.133', '0.216', '0.380']
import-export=true
isalpha=0.0
iscolor=['0.251', '0.286', '0.353']
light-accent-color=['0', '0.75', '0.75']
light-bcolor=['1.000', '1.000', '1.000']
light-bgcolor=['0.251', '0.286', '0.353']
light-bgcolor-wmax=['0.922', '0.922', '0.922']
light-bgcolor2=['0.290', '0.341', '0.400']
light-bguri='file:///home/kayozxo/.config/background'
light-boxcolor=['0.251', '0.286', '0.353']
light-candy1=['0', '0.61', '0.74']
light-candy10=['0.09', '0.19', '0.72']
light-candy11=['0.75', '0.49', '0.44']
light-candy12=['1', '0.92', '0.12']
light-candy13=['0.38', '0.63', '0.92']
light-candy14=['0.37', '0.36', '0.39']
light-candy15=['0.40', '0.23', '0.72']
light-candy16=['1', '0.32', '0.32']
light-candy2=['1', '0.41', '0.41']
light-candy3=['0.63', '0.16', '0.8']
light-candy4=['0.94', '0.60', '0.23']
light-candy5=['0.03', '0.41', '0.62']
light-candy6=['0.56', '0.18', '0.43']
light-candy7=['0.95', '0.12', '0.67']
light-candy8=['0.18', '0.76', '0.49']
light-candy9=['0.93', '0.20', '0.23']
light-dbgcolor=['0.125', '0.125', '0.125']
light-fgcolor=['1.000', '1.000', '1.000']
light-hcolor=['1.000', '1.000', '1.000']
light-hscd-color=['0.133', '0.216', '0.380']
light-iscolor=['0.251', '0.286', '0.353']
light-mbcolor=['0.290', '0.357', '0.463']
light-mbgcolor=['1.000', '1.000', '1.000']
light-mfgcolor=['1.0', '1.0', '1.0']
light-mhcolor=['0.753', '0.749', '0.737']
light-mscolor=['0.133', '0.216', '0.380']
light-mshcolor=['0.000', '0.000', '0.000']
light-palette1=['64', '129', '201']
light-palette10=['31', '64', '94']
light-palette11=['28', '51', '83']
light-palette12=['18', '93', '201']
light-palette2=['9', '29', '97']
light-palette3=['187', '199', '201']
light-palette4=['126', '169', '201']
light-palette5=['29', '74', '188']
light-palette6=['38', '78', '127']
light-palette7=['68', '113', '157']
light-palette8=['137', '190', '199']
light-palette9=['219', '212', '180']
light-shcolor=['0.000', '0.000', '0.000']
light-smbgcolor=['0.965', '0.961', '0.957']
light-vw-color=['0.133', '0.216', '0.380']
light-winbcolor=['0.133', '0.216', '0.380']
margin=4.7999999999999998
margin-wmax=0.0
mbalpha=0.0
mbcolor=['0.250', '0.250', '0.250']
mbg-gradient=true
mbgalpha=0.92000000000000004
mbgcolor=['0.980', '0.980', '0.980']
menu-radius=30.0
menustyle=false
mfgalpha=1.0
mfgcolor=['1.000', '1.000', '1.000']
mhalpha=0.25
mhcolor=['1.000', '1.000', '1.000']
monitor-height=900
monitor-width=1600
monitors='all'
msalpha=1.0
mscolor=['0.000', '0.533', '1.000']
mshalpha=1.0
mshcolor=['0.000', '0.000', '0.000']
neon=false
neon-wmax=false
notif-radius=20.0
palette1=['64', '129', '201']
palette10=['31', '64', '94']
palette11=['28', '51', '83']
palette12=['18', '93', '201']
palette2=['9', '29', '97']
palette3=['187', '199', '201']
palette4=['126', '169', '201']
palette5=['29', '74', '188']
palette6=['38', '78', '127']
palette7=['68', '113', '157']
palette8=['137', '190', '199']
palette9=['219', '212', '180']
pause-reload=false
position='Top'
prominent1=['100', '100', '100']
prominent2=['100', '100', '100']
prominent3=['100', '100', '100']
prominent4=['100', '100', '100']
prominent5=['100', '100', '100']
prominent6=['100', '100', '100']
qtoggle-radius=50.0
radius-bottomleft=true
radius-bottomright=true
radius-topleft=true
radius-topright=true
reloadstyle=false
removestyle=false
sbar-gradient='none'
set-bottom-margin=true
set-fullscreen=false
set-notif-position=true
set-notifications=false
set-overview=false
set-yarutheme=false
shadow=false
shalpha=0.0
shcolor=['0.000', '0.000', '0.000']
sidebar-hint=0
slider-height=20.0
smbgalpha=0.94999999999999996
smbgcolor=['0.965', '0.961', '0.957']
smbgoverride=true
success-color=['0.15', '0.635', '0.41']
traffic-light=false
trigger-autotheme=false
trigger-reload=false
view-hint=0
vpad=2.7999999999999998
vw-color=['0.133', '0.216', '0.380']
warning-color=['0.96', '0.83', '0.17']
width-bottom=true
width-left=true
width-right=true
width-top=true
winbalpha=0.75
winbcolor=['0.133', '0.216', '0.380']
winbradius=15.0
winbwidth=0.0
window-hint=0
wmax-hbarhint=false
wmaxbar=true
================================================
FILE: .config/extensions/tiling-shell/tilingshell-settings.txt
================================================
[/]
enable-autotiling=false
enable-blur-selected-tilepreview=false
enable-blur-snap-assistant=false
enable-smart-window-border-radius=false
enable-snap-assistant-windows-suggestions=false
enable-tiling-system=true
enable-tiling-system-windows-suggestions=false
enable-window-border=false
inner-gaps=uint32 8
outer-gaps=uint32 20
quarter-tiling-threshold=uint32 40
selected-layouts=[['Layout 1'], ['Layout 4'], ['Layout 1'], ['Layout 1']]
show-indicator=true
window-border-color='rgba(80,80,80,0.573333)'
window-border-width=uint32 2
================================================
FILE: .config/ghostty/config
================================================
font-family = "JetBrainsMonoNL Nerd Font"
theme = "Aura"
font-size = 14
cursor-style = "block"
background-opacity = 0.7
background-blur-radius = 40
window-decoration = false
adjust-cursor-thickness = 20%
window-padding-balance = true
macos-titlebar-style = "tabs"
================================================
FILE: .config/walls/Tahoe.xml
================================================
A macOS Tahoe like theme for GNOME Desktops
# Installation is easy!
Reboot or log out and back in — your GNOME should now resemble **macOS Tahoe**!
If you face any issues or have questions, feel free to open an issue on the repo or drop a comment on [my Reddit post](https://www.reddit.com/r/unixporn/comments/1ogcgqg/gnome_macos_tahoe_v060/?utm_source=share&utm_medium=web3x&utm_name=web3xcss&utm_term=1&utm_content=share_button).
================================================
FILE: generate_accent_variants.py
================================================
#!/usr/bin/env python3
"""
GTK Theme Accent Color Generator
Automatically generates multiple accent color variants for GTK themes
without duplicating files manually.
Usage:
python3 generate_accent_variants.py [--color HEX] [--name NAME] [--all]
Examples:
python3 generate_accent_variants.py --color "#ff6b6b" --name "coral"
python3 generate_accent_variants.py --all # Generate all predefined colors
"""
import os
import re
import argparse
import colorsys
from pathlib import Path
from typing import Dict, List, Tuple, Optional
class ColorGenerator:
"""Generate accent color variants for GTK themes"""
# Predefined color palettes
COLOR_PALETTES = {
'blue': '#3b82f6',
'green': '#10b981',
'purple': '#8b5cf6',
'pink': '#ec4899',
'orange': '#f59e0b',
'red': '#ef4444',
'teal': '#14b8a6',
'indigo': '#6366f1',
'rose': '#f43f5e',
'emerald': '#059669',
'violet': '#7c3aed',
'amber': '#d97706',
'cyan': '#06b6d4',
'lime': '#84cc16',
'sky': '#0ea5e9',
'slate': '#64748b'
}
def __init__(self, theme_root: str):
self.theme_root = Path(theme_root)
self.dark_theme = self.theme_root / 'gtk' / 'Tahoe-Dark'
self.light_theme = self.theme_root / 'gtk' / 'Tahoe-Light'
def hex_to_rgb(self, hex_color: str) -> Tuple[int, int, int]:
"""Convert hex color to RGB tuple"""
hex_color = hex_color.lstrip('#')
return tuple(int(hex_color[i:i+2], 16) for i in (0, 2, 4))
def hex_to_rgb_string(self, hex_color: str, opacity: float = 1.0) -> str:
"""Convert hex color to RGB string with opacity"""
rgb = self.hex_to_rgb(hex_color)
return f'rgb({rgb[0]} {rgb[1]} {rgb[2]} / {int(opacity * 100)}%)'
def rgb_to_hex(self, rgb: Tuple[int, int, int]) -> str:
"""Convert RGB tuple to hex color"""
return f"#{rgb[0]:02x}{rgb[1]:02x}{rgb[2]:02x}"
def adjust_color_brightness(self, hex_color: str, factor: float) -> str:
"""Adjust color brightness by factor (1.0 = no change, >1.0 = brighter, <1.0 = darker)"""
rgb = self.hex_to_rgb(hex_color)
hsv = colorsys.rgb_to_hsv(rgb[0]/255.0, rgb[1]/255.0, rgb[2]/255.0)
new_v = min(1.0, hsv[2] * factor)
new_rgb = colorsys.hsv_to_rgb(hsv[0], hsv[1], new_v)
return self.rgb_to_hex((int(new_rgb[0]*255), int(new_rgb[1]*255), int(new_rgb[2]*255)))
def generate_color_variants(self, base_color: str) -> Dict[str, str]:
"""Generate color variants for different UI states"""
return {
'base': base_color,
'hover': self.adjust_color_brightness(base_color, 1.1),
'active': self.adjust_color_brightness(base_color, 0.9),
'light': self.adjust_color_brightness(base_color, 1.3),
'dark': self.adjust_color_brightness(base_color, 0.7)
}
def create_accent_variant(self, color_name: str, base_color: str) -> None:
"""Create a complete accent color variant"""
colors = self.generate_color_variants(base_color)
# Create variant directories
dark_variant = self.dark_theme.parent / f'Tahoe-Dark-{color_name.title()}'
light_variant = self.light_theme.parent / f'Tahoe-Light-{color_name.title()}'
# Copy base themes
self._copy_theme_directory(self.dark_theme, dark_variant)
self._copy_theme_directory(self.light_theme, light_variant)
# Inject accent colors into GTK4 files
self._inject_gtk4_colors(dark_variant / 'gtk-4.0' / 'gtk.css', colors)
self._inject_gtk4_colors(light_variant / 'gtk-4.0' / 'gtk.css', colors)
# Inject accent colors into GTK3 files
self._inject_gtk3_colors(dark_variant / 'gtk-3.0' / 'gtk.css', colors)
self._inject_gtk3_colors(light_variant / 'gtk-3.0' / 'gtk.css', colors)
# Inject accent colors into GNOME Shell files
self._inject_gnome_shell_colors(dark_variant / 'gnome-shell' / 'gnome-shell.css', colors)
self._inject_gnome_shell_colors(light_variant / 'gnome-shell' / 'gnome-shell.css', colors)
# Update index.theme files
self._update_index_theme(dark_variant, f'Tahoe-Dark-{color_name.title()}')
self._update_index_theme(light_variant, f'Tahoe-Light-{color_name.title()}')
print(f"✅ Created accent variant: {color_name.title()}")
print(f" Dark: {dark_variant}")
print(f" Light: {light_variant}")
def _copy_theme_directory(self, src: Path, dst: Path) -> None:
"""Copy theme directory recursively"""
import shutil
if dst.exists():
shutil.rmtree(dst)
shutil.copytree(src, dst)
def _inject_gtk4_colors(self, css_file: Path, colors: Dict[str, str]) -> None:
"""Inject accent colors into GTK4 CSS file"""
if not css_file.exists():
return
import re
with open(css_file, 'r') as f:
content = f.read()
base_color = colors['base']
active_toggle_color = self.hex_to_rgb_string(base_color, 0.2)
# Find the first :root block
root_pattern = r'(:root\s*\{[^{}]*(?:\{[^{}]*\}[^{}]*)*\})'
root_match = re.search(root_pattern, content, re.DOTALL)
if root_match:
existing_root = root_match.group(0)
brace_pos = existing_root.find('{')
if brace_pos != -1:
# Check if we already have these variables
if ' --accent-bg-color:' not in existing_root:
# Insert variables right after opening brace
existing_root = existing_root[:brace_pos+1] + f'\n --accent-bg-color: {base_color};\n --accent-fg-color: white;\n --active-toggle-bg-color: {active_toggle_color};' + existing_root[brace_pos+1:]
else:
# Update existing variables
existing_root = re.sub(r' --accent-bg-color:\s*[^;]+;', f' --accent-bg-color: {base_color};', existing_root)
existing_root = re.sub(r' --accent-fg-color:\s*[^;]+;', ' --accent-fg-color: white;', existing_root)
# Remove old and add new active-toggle-bg-color
existing_root = re.sub(r'\s*--active-toggle-bg-color:\s*[^;]+;', '', existing_root)
fg_color_pos = existing_root.find('--active-toggle-fg-color')
if fg_color_pos != -1:
existing_root = existing_root[:fg_color_pos] + f' --active-toggle-bg-color: {active_toggle_color};\n' + existing_root[fg_color_pos:]
content = content.replace(root_match.group(0), existing_root)
content = re.sub(r'\s*--active-toggle-bg-color:\s*rgb\(255 255 255 / 20%\);', '', content)
with open(css_file, 'w') as f:
f.write(content)
def _inject_gtk3_colors(self, css_file: Path, colors: Dict[str, str]) -> None:
"""Inject accent colors into GTK3 CSS file"""
if not css_file.exists():
return
import re
with open(css_file, 'r') as f:
content = f.read()
# Add GTK3 color definitions at the beginning
gtk3_css = f"""/* GTK3 Accent Color Definitions */
@define-color accent_color {colors['base']};
@define-color accent_color_hover {colors['hover']};
@define-color accent_color_active {colors['active']};
/* Accent color applications */
switch:checked {{
background-color: @accent_color;
}}
scale.horizontal > trough > highlight.top {{
background-color: @accent_color;
}}
button.titlebutton.close {{
background-color: @accent_color;
}}
button.titlebutton.close:hover {{
background-color: @accent_color_hover;
}}
button.suggested-action {{
background-color: @accent_color;
}}
button.suggested-action:hover {{
background-color: @accent_color_hover;
}}
button.suggested-action:active {{
background-color: @accent_color_active;
}}
"""
content = gtk3_css + '\n' + content
with open(css_file, 'w') as f:
f.write(content)
def _inject_gnome_shell_colors(self, css_file: Path, colors: Dict[str, str]) -> None:
"""Inject accent colors into GNOME Shell CSS file"""
if not css_file.exists():
return
import re
with open(css_file, 'r') as f:
content = f.read()
base_color = colors['base']
hover_color = colors['hover']
active_color = colors['active']
# Replace hardcoded accent colors with the new color
# Replace #0091ff (default blue) with the accent color
content = re.sub(r'#0091ff', base_color, content)
# Replace #3484e2 (lighter blue) with hover color
content = re.sub(r'#3484e2', hover_color, content)
# Replace any remaining hardcoded accent colors that might be variations
# This handles cases where colors are mixed or modified
content = re.sub(r'st-lighten\(#0091ff', f'st-lighten({base_color}', content)
content = re.sub(r'st-darken\(#0091ff', f'st-darken({base_color}', content)
content = re.sub(r'st-transparentize\(#0091ff', f'st-transparentize({base_color}', content)
content = re.sub(r'st-mix\([^,]+,\s*#0091ff', f'st-mix(white, {base_color}', content)
with open(css_file, 'w') as f:
f.write(content)
def _update_index_theme(self, theme_dir: Path, theme_name: str) -> None:
"""Update index.theme file with new theme name"""
index_file = theme_dir / 'index.theme'
if not index_file.exists():
return
with open(index_file, 'r') as f:
content = f.read()
# Replace theme name
content = re.sub(r'Name=.*', f'Name={theme_name}', content)
content = re.sub(r'GtkTheme=.*', f'GtkTheme={theme_name}', content)
with open(index_file, 'w') as f:
f.write(content)
def generate_all_variants(self) -> None:
"""Generate all predefined color variants"""
print("🎨 Generating all accent color variants...")
for color_name, color_value in self.COLOR_PALETTES.items():
self.create_accent_variant(color_name, color_value)
print(f"\n✨ Generated {len(self.COLOR_PALETTES)} accent variants!")
def main():
parser = argparse.ArgumentParser(description='Generate GTK theme accent color variants')
parser.add_argument('--color', type=str, help='Hex color code (e.g., #ff6b6b) or color name (e.g., blue)')
parser.add_argument('--name', type=str, help='Color variant name (e.g., coral)')
parser.add_argument('--all', action='store_true', help='Generate all predefined colors')
args = parser.parse_args()
# Get theme root directory
theme_root = Path(__file__).parent
generator = ColorGenerator(str(theme_root))
if args.all:
generator.generate_all_variants()
elif args.color and args.name:
# Check if color is a predefined color name
if args.color in generator.COLOR_PALETTES:
actual_color = generator.COLOR_PALETTES[args.color]
generator.create_accent_variant(args.name, actual_color)
else:
# Assume it's a hex color
generator.create_accent_variant(args.name, args.color)
else:
print("Usage examples:")
print(" python3 generate_accent_variants.py --color '#ff6b6b' --name 'coral'")
print(" python3 generate_accent_variants.py --color 'blue' --name 'blue'")
print(" python3 generate_accent_variants.py --all")
print("\nAvailable predefined colors:")
for name, color in generator.COLOR_PALETTES.items():
print(f" {name}: {color}")
if __name__ == '__main__':
main()
================================================
FILE: gtk/Tahoe-Dark/gnome-shell/gnome-shell.css
================================================
/* This stylesheet is generated, DO NOT EDIT */
/* Copyright 2009, 2015 Red Hat, Inc.
*
* Portions adapted from Mx's data/style/default.css
* Copyright 2009 Intel Corporation
*
* This program is free software; you can redistribute it and/or modify it
* under the terms and conditions of the GNU Lesser General Public License,
* version 2.1, as published by the Free Software Foundation.
*
* This program is distributed in the hope it will be useful, but WITHOUT ANY
* WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS
* FOR A PARTICULAR PURPOSE. See the GNU Lesser General Public License for
* more details.
*
* You should have received a copy of the GNU Lesser General Public License
* along with this program; if not, write to the Free Software Foundation,
* Inc., 51 Franklin St - Fifth Floor, Boston, MA 02110-1301 USA.
*/
stage {
font-size: 1em;
color: #dedede;
}
/* General Typography */
.message-notification-group .message-group-header .message-group-title,
.message-list .message-list-placeholder,
.message-dialog-content .message-dialog-title,
.datemenu-today-button .date-label {
font-weight: 800;
font-size: 1.364em;
}
.quick-toggle-menu .header .title {
font-weight: 700;
font-size: 1.364em;
}
.bt-menu-placeholder.popup-menu-item,
.restart-message,
.polkit-dialog-user-layout .polkit-dialog-user-label,
.polkit-dialog-user-layout .polkit-dialog-user-root-label,
.message-dialog-content .message-dialog-title.lightweight {
font-weight: 700;
font-size: 1.182em;
}
.background-app-item .title,
.quick-toggle .quick-toggle-title,
.message-list-controls,
.dialog-list .dialog-list-title,
.weather-button .weather-header,
.world-clocks-button .world-clocks-header,
.events-button .event-summary,
.events-button .events-title,
.events-button .events-section-title,
.calendar .calendar-month-label {
font-weight: 700;
font-size: 1em;
}
.quick-toggle-menu .header .subtitle {
font-weight: 700;
font-size: 0.818em;
}
.background-app-item .subtitle,
.quick-toggle .quick-toggle-subtitle,
.message .message-header .message-header-content .event-time,
.prompt-dialog-error-label,
.prompt-dialog-info-label,
.prompt-dialog-null-label,
.run-dialog .run-dialog-description,
.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description,
.caps-lock-warning-label,
.world-clocks-button .world-clocks-timezone,
.events-button .event-time {
font-weight: 400;
font-size: 0.818em;
}
.weather-button .weather-forecast-time,
.calendar .calendar-day-heading,
.calendar .calendar-week-number,
.calendar .calendar-day,
.calendar .calendar-day-base {
font-weight: 400;
font-size: 0.727em;
}
#panel,
.weather-button .weather-forecast-temp,
.weather-button .weather-forecast-time,
.world-clocks-button .world-clocks-timezone,
.world-clocks-button .world-clocks-time,
.events-button .event-time,
.calendar .calendar-day-heading,
.calendar .calendar-day,
.calendar .calendar-day-base {
font-feature-settings: 'tnum';
}
.ripple-pointer-location {
width: 48px;
height: 48px;
border-radius: 24px;
background-color: st-lighten(st-transparentize(#0091ff, 0.7), 30%);
box-shadow: 0 0 2px 2px st-lighten(#0091ff, 20%);
}
.pie-timer {
width: 60px;
height: 60px;
-pie-border-width: 3px;
-pie-border-color: #0091ff;
-pie-background-color: st-lighten(st-transparentize(#0091ff, 0.7), 40%);
}
.magnifier-zoom-region {
border: 2px solid #0091ff;
}
.magnifier-zoom-region.full-screen {
border-width: 0;
}
/* App Icons */
.grid-search-result .overview-icon {
color: white;
border-radius: 36px;
padding: 12px;
border: none;
transition-duration: 100ms;
text-align: center;
text-shadow: none;
background-color: transparent;
}
.grid-search-result:hover .overview-icon,
.grid-search-result:focus .overview-icon,
.grid-search-result:selected .overview-icon {
background-color: rgba(255, 255, 255, 0.12);
border-image: none;
background-image: none;
}
.grid-search-result:active .overview-icon,
.grid-search-result:checked .overview-icon {
background-color: rgba(255, 255, 255, 0.2);
box-shadow: none;
}
.app-folder-dialog {
border-radius: 32px;
border: none;
box-shadow: none;
background-color: rgba(38, 38, 38, 0.9);
color: rgba(255, 255, 255, 0.85);
}
.app-folder-dialog .folder-name-container {
padding: 24px 36px 0;
spacing: 12px;
/* FIXME: this is to keep the label in sync with the entry */
}
.app-folder-dialog .folder-name-container .folder-name-label,
.app-folder-dialog .folder-name-container .folder-name-entry {
font-size: 16pt;
font-weight: bold;
}
.app-folder-dialog .folder-name-container .folder-name-entry {
width: 240px !important;
}
.app-folder-dialog .folder-name-container .folder-name-label {
padding: 4px;
color: rgba(255, 255, 255, 0.85);
}
.app-folder-dialog .folder-name-container .edit-folder-button {
background-color: rgba(255, 255, 255, 0.06);
color: rgba(255, 255, 255, 0.85);
border: none;
padding: 0;
width: 36px;
height: 36px;
border-radius: 9999px;
}
.app-folder-dialog .folder-name-container .edit-folder-button > StIcon {
icon-size: 16px;
}
.app-folder-dialog .folder-name-container .edit-folder-button:hover {
background-color: rgba(255, 255, 255, 0.12);
}
.app-folder-dialog .folder-name-container .edit-folder-button:checked,
.app-folder-dialog .folder-name-container .edit-folder-button:active {
background-color: rgba(255, 255, 255, 0.2);
}
.app-folder-dialog .icon-grid {
row-spacing: 12px;
column-spacing: 12px;
page-padding-top: 0;
page-padding-bottom: 0;
page-padding-left: 0;
page-padding-right: 0;
}
.app-folder-dialog .page-indicators {
margin-bottom: 18px;
}
.app-folder-dialog-container {
padding: 6px !important;
width: 580px;
height: 580px;
}
.app-well-app-running-dot {
width: 5px;
height: 5px;
border-radius: 5px;
background-color: rgba(255, 255, 255, 0.85);
margin-bottom: 6px;
}
StWidget.focused .app-well-app-running-dot {
background-color: #0091ff;
}
.page-indicator {
padding: 4px 8px;
}
.page-indicator .page-indicator-icon {
width: 12px;
height: 12px;
border-radius: 12px;
margin: 0;
padding: 0;
background-image: none;
color: transparent;
border: none;
box-shadow: none;
background-color: rgba(255, 255, 255, 0.35);
}
.page-indicator:hover .page-indicator-icon {
background-image: none;
background-color: rgba(255, 255, 255, 0.45);
}
.page-indicator:active .page-indicator-icon {
margin: 0;
padding: 0;
background-image: none;
color: transparent;
border: none;
box-shadow: none;
background-color: rgba(255, 255, 255, 0.85);
}
.page-indicator:checked .page-indicator-icon {
background-image: none;
background-color: rgba(255, 255, 255, 0.85);
}
.page-indicator:checked:active {
background-image: none;
}
.system-action-icon {
box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
background-color: rgba(0, 0, 0, 0.6);
color: white;
border-radius: 100px;
icon-size: 48px;
}
.shell-link {
border-radius: 6px;
color: #3484e2;
}
.shell-link:hover {
color: #3484e2;
background-color: rgba(52, 132, 226, 0.15);
}
.shell-link:active {
color: #3484e2;
background-color: rgba(52, 132, 226, 0.3);
}
.lowres-icon {
icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}
.icon-dropshadow {
icon-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
}
/* Buttons */
.icon-button,
.background-app-item .icon-button,
.background-app-item .message-notification-group .message-collapse-button,
.message-notification-group .background-app-item .message-collapse-button,
.background-app-item .message .message-header .message-expand-button,
.message .message-header .background-app-item .message-expand-button,
.background-app-item .message .message-header .message-close-button,
.message .message-header .background-app-item .message-close-button,
.message .message-header .message-expand-button,
.message .message-header .message-close-button,
.message-notification-group .message-collapse-button,
.button {
color: #dedede;
background-color: transparent;
border-color: transparent;
box-shadow: none;
text-shadow: none;
icon-shadow: none;
}
.icon-button:hover,
.message .message-header .message-expand-button:hover,
.message .message-header .message-close-button:hover,
.message-notification-group .message-collapse-button:hover,
.button:hover {
color: #dedede;
background-color: rgba(255, 255, 255, 0.1);
border-color: transparent;
box-shadow: none;
text-shadow: none;
icon-shadow: none;
}
.icon-button:selected,
.message .message-header .message-expand-button:selected,
.message .message-header .message-close-button:selected,
.message-notification-group .message-collapse-button:selected,
.button:selected,
.icon-button:active,
.message .message-header .message-expand-button:active,
.message .message-header .message-close-button:active,
.message-notification-group .message-collapse-button:active,
.button:active {
color: #dedede;
background-color: rgba(255, 255, 255, 0.16);
border-color: transparent;
box-shadow: none;
text-shadow: none;
icon-shadow: none;
}
.icon-button:checked,
.message .message-header .message-expand-button:checked,
.message .message-header .message-close-button:checked,
.message-notification-group .message-collapse-button:checked,
.button:checked {
color: white;
background-color: #0091ff;
border: none;
text-shadow: none;
icon-shadow: none;
}
.icon-button:insensitive,
.message .message-header .message-expand-button:insensitive,
.message .message-header .message-close-button:insensitive,
.message-notification-group .message-collapse-button:insensitive,
.button:insensitive {
color: rgba(222, 222, 222, 0.35);
background-color: transparent;
border-color: transparent;
box-shadow: none;
text-shadow: none;
icon-shadow: none;
}
.icon-button:focus,
.message .message-header .message-expand-button:focus,
.message .message-header .message-close-button:focus,
.message-notification-group .message-collapse-button:focus,
.button:focus {
color: #dedede;
text-shadow: none;
icon-shadow: none;
}
.icon-button:focus,
.message .message-header .message-expand-button:focus,
.message .message-header .message-close-button:focus,
.message-notification-group .message-collapse-button:focus,
.button:focus {
box-shadow: none !important;
}
.icon-button.flat,
.message .message-header .flat.message-expand-button,
.message .message-header .flat.message-close-button,
.message-notification-group .flat.message-collapse-button,
.button.flat {
color: #dedede;
background-color: transparent;
border-color: transparent;
box-shadow: none;
text-shadow: none;
icon-shadow: none;
}
.icon-button.flat:hover,
.message .message-header .flat.message-expand-button:hover,
.message .message-header .flat.message-close-button:hover,
.message-notification-group .flat.message-collapse-button:hover,
.button.flat:hover {
color: #dedede;
background-color: rgba(255, 255, 255, 0.1);
border-color: transparent;
box-shadow: none;
text-shadow: none;
icon-shadow: none;
}
.icon-button.flat:selected,
.message .message-header .flat.message-expand-button:selected,
.message .message-header .flat.message-close-button:selected,
.message-notification-group .flat.message-collapse-button:selected,
.button.flat:selected,
.icon-button.flat:active,
.message .message-header .flat.message-expand-button:active,
.message .message-header .flat.message-close-button:active,
.message-notification-group .flat.message-collapse-button:active,
.button.flat:active {
color: #dedede;
background-color: rgba(255, 255, 255, 0.16);
border-color: transparent;
box-shadow: none;
text-shadow: none;
icon-shadow: none;
}
.icon-button.flat:checked,
.message .message-header .flat.message-expand-button:checked,
.message .message-header .flat.message-close-button:checked,
.message-notification-group .flat.message-collapse-button:checked,
.button.flat:checked {
color: #dedede;
background-color: rgba(255, 255, 255, 0.1);
border-color: transparent;
box-shadow: none;
text-shadow: none;
icon-shadow: none;
}
.icon-button.flat:insensitive,
.message .message-header .flat.message-expand-button:insensitive,
.message .message-header .flat.message-close-button:insensitive,
.message-notification-group .flat.message-collapse-button:insensitive,
.button.flat:insensitive {
color: rgba(222, 222, 222, 0.35);
background-color: transparent;
border-color: transparent;
box-shadow: none;
text-shadow: none;
icon-shadow: none;
}
.icon-button.flat:focus,
.message .message-header .flat.message-expand-button:focus,
.message .message-header .flat.message-close-button:focus,
.message-notification-group .flat.message-collapse-button:focus,
.button.flat:focus {
color: #dedede;
text-shadow: none;
icon-shadow: none;
}
.icon-button.flat:focus,
.message .message-header .flat.message-expand-button:focus,
.message .message-header .flat.message-close-button:focus,
.message-notification-group .flat.message-collapse-button:focus,
.button.flat:focus {
box-shadow: none !important;
}
.keyboard-brightness-level .button:checked,
.icon-button.default,
.message .message-header .default.message-expand-button,
.message .message-header .default.message-close-button,
.message-notification-group .default.message-collapse-button,
.button.default {
color: white;
background-color: #0091ff;
border: none;
text-shadow: none;
icon-shadow: none;
}
.keyboard-brightness-level .button:hover:checked,
.icon-button.default:hover,
.message .message-header .default.message-expand-button:hover,
.message .message-header .default.message-close-button:hover,
.message-notification-group .default.message-collapse-button:hover,
.button.default:hover {
color: white;
border: none;
text-shadow: none;
icon-shadow: none;
background-color: st-mix(white, #0091ff, 6%);
}
.keyboard-brightness-level .button:active:checked,
.icon-button.default:active,
.message .message-header .default.message-expand-button:active,
.message .message-header .default.message-close-button:active,
.message-notification-group .default.message-collapse-button:active,
.button.default:active {
color: white;
border: none;
text-shadow: none;
icon-shadow: none;
background-color: st-mix(white, #0091ff, 12%);
}
.keyboard-brightness-level .button:insensitive:checked,
.icon-button.default:insensitive,
.message .message-header .default.message-expand-button:insensitive,
.message .message-header .default.message-close-button:insensitive,
.message-notification-group .default.message-collapse-button:insensitive,
.button.default:insensitive {
color: white;
background-color: #0091ff;
border: none;
text-shadow: none;
icon-shadow: none;
}
.keyboard-brightness-level .button:focus:checked,
.icon-button.default:focus,
.message .message-header .default.message-expand-button:focus,
.message .message-header .default.message-close-button:focus,
.message-notification-group .default.message-collapse-button:focus,
.button.default:focus {
color: white;
text-shadow: none;
icon-shadow: none;
box-shadow: none !important;
}
.button {
min-height: 1.5em;
padding: 6px 12px;
border-radius: 6px;
border: none;
}
.icon-button,
.background-app-item .icon-button,
.background-app-item .message-notification-group .message-collapse-button,
.message-notification-group .background-app-item .message-collapse-button,
.background-app-item .message .message-header .message-expand-button,
.message .message-header .background-app-item .message-expand-button,
.background-app-item .message .message-header .message-close-button,
.message .message-header .background-app-item .message-close-button,
.message .message-header .message-expand-button,
.message .message-header .message-close-button,
.message-notification-group .message-collapse-button {
min-height: 1.091em;
min-width: 1.091em;
padding: 0.818em;
border-radius: 9999px;
border: none;
}
.icon-button StIcon,
.background-app-item .icon-button StIcon,
.background-app-item
.message-notification-group
.message-collapse-button
StIcon,
.message-notification-group
.background-app-item
.message-collapse-button
StIcon,
.background-app-item .message .message-header .message-expand-button StIcon,
.message .message-header .background-app-item .message-expand-button StIcon,
.background-app-item .message .message-header .message-close-button StIcon,
.message .message-header .background-app-item .message-close-button StIcon,
.message .message-header .message-expand-button StIcon,
.message .message-header .message-close-button StIcon,
.message-notification-group .message-collapse-button StIcon {
icon-size: 1.091em;
-st-icon-style: symbolic;
}
.place-menu-item:focus .button,
.place-menu-item:hover .button,
.place-menu-item:selected .button,
.screenshot-ui-show-pointer-button,
.screenshot-ui-type-button,
#LookingGlassDialog > #Toolbar .lg-toolbar-button {
background-color: transparent;
border: none;
box-shadow: none;
outline: none;
color: rgba(255, 255, 255, 0.75);
}
.place-menu-item:focus .button:hover,
.place-menu-item:hover .button:hover,
.place-menu-item:selected .button:hover,
.screenshot-ui-show-pointer-button:hover,
.screenshot-ui-type-button:hover,
#LookingGlassDialog > #Toolbar .lg-toolbar-button:hover {
background-color: rgba(255, 255, 255, 0.1);
color: white;
}
.place-menu-item:focus .button:active,
.place-menu-item:hover .button:active,
.place-menu-item:selected .button:active,
.screenshot-ui-show-pointer-button:active,
.screenshot-ui-type-button:active,
#LookingGlassDialog > #Toolbar .lg-toolbar-button:active {
background-color: rgba(255, 255, 255, 0.25);
color: white;
}
.place-menu-item:focus .button:checked,
.place-menu-item:hover .button:checked,
.place-menu-item:selected .button:checked,
.screenshot-ui-show-pointer-button:checked,
.screenshot-ui-type-button:checked,
#LookingGlassDialog > #Toolbar .lg-toolbar-button:checked {
background-color: #0091ff;
color: white;
}
.place-menu-item:focus .button:insensitive,
.place-menu-item:hover .button:insensitive,
.place-menu-item:selected .button:insensitive,
.screenshot-ui-show-pointer-button:insensitive,
.screenshot-ui-type-button:insensitive,
#LookingGlassDialog > #Toolbar .lg-toolbar-button:insensitive {
background-color: transparent;
color: rgba(255, 255, 255, 0.35);
}
/* Date/Time Menu */
.world-clocks-button,
.weather-button,
.events-button {
color: #ffffff;
background-color: rgba(255, 255, 255, 0.15);
border-radius: 20px !important;
border: none;
box-shadow: inset 0 0 4px 0.2px rgba(255, 255, 255, 0.4) !important;
text-shadow: none;
}
.world-clocks-button:hover,
.weather-button:hover,
.events-button:hover,
.world-clocks-button:focus,
.weather-button:focus,
.events-button:focus {
color: #dedede;
background-color: #454545;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) !important;
}
.world-clocks-button:active,
.weather-button:active,
.events-button:active {
color: #dedede;
background-color: rgba(64, 64, 64, 0.95);
box-shadow: none !important;
}
#calendarArea {
padding: 3px 0;
}
.datemenu-popover {
border-radius: 22px !important;
}
.datemenu-calendar-column {
spacing: 4px;
border: none;
}
.datemenu-calendar-column:ltr {
margin-right: 0;
padding-left: 4px;
border-left-width: 0;
}
.datemenu-calendar-column:rtl {
margin-left: 0;
padding-right: 4px;
border-right-width: 0;
}
.datemenu-calendar-column .datemenu-displays-section {
padding: 0;
}
.datemenu-calendar-column .datemenu-displays-box {
spacing: 4px;
}
/* today button (the date) */
.datemenu-today-button {
border: none;
box-shadow: none;
background: none;
padding: 4px 8px;
margin: 3px 6px;
text-shadow: none;
color: #afafaf;
border-radius: 8px;
}
.datemenu-today-button:hover,
.datemenu-today-button:focus {
color: #dedede;
background-color: #454545;
}
.datemenu-today-button:active {
color: #dedede;
background-color: rgba(64, 64, 64, 0.95);
}
.datemenu-today-button .day-label {
font-weight: bold;
}
/* Calendar */
.calendar {
border: none;
box-shadow: none !important;
background-color: transparent;
padding: 4px;
margin: 0 4px;
text-shadow: none;
}
.calendar .calendar-month-label {
margin: 0;
padding: 4px 0;
color: #dedede !important;
background-color: transparent !important;
text-align: center;
text-shadow: none;
}
.calendar .calendar-month-label:focus {
background-color: rgba(255, 255, 255, 0.1);
}
.calendar .calendar-change-month-back,
.calendar .calendar-change-month-forward {
padding: 2px !important;
margin: 0 !important;
}
.calendar .calendar-change-month-back StIcon,
.calendar .calendar-change-month-forward StIcon {
icon-size: 16px !important;
}
.calendar .pager-button {
width: 28px;
height: 28px;
margin: 2px;
border-radius: 9999px;
background-color: transparent;
color: #dedede;
}
.calendar .pager-button:hover,
.calendar .pager-button:focus {
background-color: rgba(255, 255, 255, 0.1);
}
.calendar .pager-button:active {
background-color: rgba(255, 255, 255, 0.16);
}
.calendar .calendar-day,
.calendar .calendar-day-base {
text-align: center;
width: 3em;
height: 3em;
padding: 0;
margin: 2px;
border-radius: 9999px;
color: #afafaf;
font-feature-settings: 'tnum';
background-color: transparent;
}
.calendar .calendar-day:hover,
.calendar .calendar-day:focus,
.calendar .calendar-day-base:hover,
.calendar .calendar-day-base:focus {
background-color: rgba(255, 255, 255, 0.1);
box-shadow: none !important;
}
.calendar .calendar-day:active,
.calendar .calendar-day-base:active {
color: #afafaf;
background-color: rgba(255, 255, 255, 0.16);
border-color: transparent;
}
.calendar .calendar-day:selected,
.calendar .calendar-day-base:selected {
color: #dedede;
background-color: rgba(255, 255, 255, 0.16);
border-color: transparent;
box-shadow: none !important;
}
.calendar .calendar-day {
border-width: 0;
}
.calendar .calendar-day-top {
border-top-width: 0;
}
.calendar .calendar-day-left {
border-left-width: 0;
}
.calendar .calendar-nonwork-day {
color: rgba(222, 222, 222, 0.35);
}
.calendar .calendar-today {
font-weight: bold;
color: #afafaf !important;
background-color: rgba(222, 222, 222, 0.1);
border: none;
background-gradient-direction: none !important;
}
.calendar .calendar-today:hover,
.calendar .calendar-today:focus {
background-color: rgba(222, 222, 222, 0.15);
color: #dedede !important;
background-gradient-direction: none !important;
}
.calendar .calendar-today:active {
background-color: st-darken(#0091ff, 5%);
color: white !important;
background-gradient-direction: none !important;
}
.calendar .calendar-today:selected {
background-color: #0091ff;
color: white !important;
background-gradient-direction: none !important;
}
.calendar .calendar-today:selected:hover,
.calendar .calendar-today:selected:focus {
color: white !important;
background-color: st-lighten(#0091ff, 8%);
}
.calendar .calendar-day-with-events {
color: #999999;
background-image: url('assets/calendar-today.svg');
}
.calendar .calendar-day-with-events.calendar-work-day {
color: #999999;
font-weight: bold;
}
.calendar .calendar-other-month,
.calendar .calendar-other-month-day {
color: rgba(222, 222, 222, 0.35) !important;
opacity: 1;
}
.calendar .calendar-other-month.calendar-weekend,
.calendar .calendar-other-month-day.calendar-weekend {
color: rgba(175, 175, 175, 0.35) !important;
}
.calendar .calendar-week-number {
width: 2.4em;
height: 2.4em;
margin: 6px;
padding: 0;
border-radius: 6px;
background-color: rgba(255, 255, 255, 0.05);
color: #999999;
font-weight: bold;
text-align: center;
font-feature-settings: 'tnum';
}
.calendar .calendar-day-heading {
width: 28px !important;
height: 22px !important;
margin: 3px;
padding: 0 !important;
background-color: transparent !important;
color: #999999 !important;
font-weight: bold;
text-align: center;
}
.world-clocks-button,
.weather-button,
.events-button {
padding: 12px !important;
margin: 4px 7px !important;
}
.events-button .events-box {
color: #999999;
spacing: 4px;
}
.events-button .events-list {
color: #999999;
spacing: 8px;
text-shadow: none;
}
.events-button .events-title,
.events-button .events-section-title {
color: #afafaf;
text-shadow: none;
}
.events-button .event-time {
color: #999999;
}
.events-button .event-placeholder {
color: rgba(222, 222, 222, 0.35);
font-style: italic;
}
.world-clocks-button .world-clocks-header {
color: #afafaf;
}
.world-clocks-button .world-clocks-header.no-world-clocks {
color: #dedede;
}
.world-clocks-button .world-clocks-city {
color: #999999;
font-weight: bold;
}
.world-clocks-button .world-clocks-time {
font-weight: bold;
color: #999999;
}
.world-clocks-button .world-clocks-time:ltr {
text-align: right;
}
.world-clocks-button .world-clocks-time:rtl {
text-align: left;
}
.world-clocks-button .world-clocks-timezone {
color: #999999;
}
.world-clocks-grid,
.weather-grid {
spacing-rows: 0.4em;
spacing-columns: 0.8em;
}
.weather-button .weather-box {
spacing: 4px;
}
.weather-button .weather-header-box {
spacing: 4px;
}
.weather-button .weather-header {
color: #afafaf;
}
.weather-button .weather-header.location {
font-weight: normal;
color: #999999;
}
.weather-button .weather-grid {
spacing-rows: 4px;
spacing-columns: 8px;
}
.weather-button .weather-forecast-time {
color: #afafaf;
font-weight: normal;
padding-top: 4px;
padding-bottom: 4px;
}
.weather-button .weather-forecast-icon {
icon-size: 32px;
margin-bottom: 3px;
}
.weather-button .weather-forecast-temp {
font-weight: bold;
}
/* Activities Ripple */
.ripple-box {
width: 52px;
height: 52px;
border-radius: 0 0 52px 0;
background-color: st-transparentize(#0091ff, 0.65);
box-shadow: 0 0 2px 2px st-lighten(#0091ff, 20%);
}
.ripple-box:rtl {
border-radius: 0 0 0 52px;
}
/* Dash */
#dash .empty-dash-drop-target {
width: 32px;
height: 32px;
}
.dash-label {
color: rgba(255, 255, 255, 0.85);
background-color: rgba(0, 0, 0, 0.75);
border-radius: 6px;
padding: 4px 8px;
margin: 4px;
box-shadow: none !important;
border: none !important;
text-align: center;
-y-offset: 6px;
-x-offset: 8px;
font-size: 9.75pt;
font-weight: 400;
}
.show-apps .show-apps-icon {
color: transparent !important;
background-image: url('assets/view-app-grid.svg');
background-size: contain;
}
.show-apps .overview-icon,
.show-apps .show-apps-icon {
color: transparent !important;
}
/* Entries */
StEntry {
min-height: 28px;
padding: 2px 8px !important;
color: #dedede;
caret-color: #dedede;
selection-background-color: #0091ff !important;
selected-color: white !important;
background-color: rgba(255, 255, 255, 0.1);
border-radius: 9999px;
border: 2px solid transparent !important;
box-shadow: inset 0 0 0 1px transparent !important;
outline: none;
}
StEntry:hover {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1) !important;
border: 2px solid transparent !important;
}
StEntry:focus {
box-shadow: inset 0 0 0 1px transparent !important;
border: 2px solid st-lighten(#0091ff, 15%) !important;
}
StEntry:insensitive {
background-color: rgba(255, 255, 255, 0.05);
color: rgba(222, 222, 222, 0.35);
}
StEntry StIcon {
icon-size: 16px !important;
}
StEntry StIcon.capslock-warning {
icon-size: 16px !important;
warning-color: #e9873a;
padding: 0 0;
}
StEntry StIcon.peek-password {
icon-size: 16px !important;
padding: 0 4px;
}
StEntry StLabel.hint-text {
margin-left: 2px;
color: #afafaf;
}
.hotplug-notification-item {
color: #dedede;
background-color: #313131;
border: none;
text-shadow: none;
icon-shadow: none;
padding: 12px;
border-style: solid;
border-width: 0;
border-left-width: 0;
border-bottom-width: 0;
}
.hotplug-notification-item:insensitive {
color: rgba(222, 222, 222, 0.35);
background-color: #313131;
border: none;
text-shadow: none;
icon-shadow: none;
}
.hotplug-notification-item:hover {
color: #dedede;
border: none;
text-shadow: none;
icon-shadow: none;
background-color: st-mix(#dedede, #313131, 6%);
}
.hotplug-notification-item:focus {
color: #dedede;
text-shadow: none;
icon-shadow: none;
box-shadow: none !important;
}
.hotplug-notification-item:active {
color: #dedede;
border: none;
text-shadow: none;
icon-shadow: none;
background-color: st-mix(#dedede, #313131, 12%);
}
.hotplug-notification-item:first-child {
border-radius: 0 0 0 6px;
}
.hotplug-notification-item:last-child {
border-right-width: 0;
border-radius: 0 0 6px 0;
}
.hotplug-notification-item:first-child:last-child {
border-radius: 0 0 6px 6px;
}
.hotplug-notification-item-icon {
icon-size: 24px;
padding: 0 4px;
}
.candidate-popup-boxpointer {
-arrow-border-radius: 2px;
-arrow-background-color: transparent;
-arrow-border-width: 0;
-arrow-border-color: transparent;
-arrow-base: 64px;
-arrow-rise: 12px;
background-color: transparent;
color: #999999;
}
.candidate-popup-content {
color: #999999;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15);
border: 1px solid rgba(0, 0, 0, 0.75);
margin: 3px 12px 17px 12px;
padding: 8px;
spacing: 6px;
border-radius: 14px !important;
}
.candidate-index {
padding: 0 0.5em 0 0;
color: #999999;
}
.candidate-box:selected .candidate-index {
color: rgba(255, 255, 255, 0.5);
}
.candidate-box {
padding: 0.3em 0.5em 0.3em 0.5em;
margin-right: 2px;
border-radius: 6px !important;
color: #999999;
}
.candidate-box:hover {
background-color: rgba(255, 255, 255, 0.1);
color: #dedede;
}
.candidate-box:active {
background-color: rgba(255, 255, 255, 0.16);
color: #dedede;
}
.candidate-box:selected {
background-color: #0091ff;
color: rgba(255, 255, 255, 0.85);
}
.candidate-box:last-child {
margin-right: 0;
}
.candidate-page-button-box {
height: 2em;
}
.vertical .candidate-page-button-box {
padding-top: 0.5em;
}
.horizontal .candidate-page-button-box {
padding-left: 0.5em;
}
.candidate-page-button {
padding: 4px 6px !important;
}
.candidate-page-button-previous,
.candidate-page-button-next {
border-radius: 6px;
}
.candidate-page-button-icon {
icon-size: 1em;
}
/* On-screen Keyboard */
#keyboard {
background-color: rgba(0, 0, 0, 0.25);
box-shadow: none;
}
#keyboard .page-indicator {
padding: 4px;
}
#keyboard .page-indicator .page-indicator-icon {
width: 8px;
height: 8px;
}
.key-container,
.keyboard-layout {
padding: 3px;
spacing: 3px;
}
.keyboard-key {
font-size: 16pt;
font-weight: bold;
min-height: 1.2em;
min-width: 1.2em;
border-radius: 12px;
border: none;
color: #afafaf;
background-color: #555555;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
}
.keyboard-key:focus,
.keyboard-key:hover {
color: #dedede;
background-color: #6f6f6f;
}
.keyboard-key:checked,
.keyboard-key:active {
color: #dedede;
background-color: #3c3c3c;
}
.keyboard-key:grayed {
background-color: rgba(0, 0, 0, 0.3);
color: rgba(255, 255, 255, 0.85);
border-color: rgba(0, 0, 0, 0.3);
}
.keyboard-key.default-key {
background-color: #242424;
box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15);
}
.keyboard-key.default-key:focus,
.keyboard-key.default-key:hover {
color: #dedede;
background-color: #3e3e3e;
}
.keyboard-key.default-key:checked,
.keyboard-key.default-key:active {
color: #dedede;
background-color: #0b0b0b;
}
.keyboard-key.enter-key {
color: white;
background-color: #0091ff;
box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15);
}
.keyboard-key.enter-key:focus,
.keyboard-key.enter-key:hover {
color: white;
background-color: st-lighten(#0091ff, 5%);
}
.keyboard-key.enter-key:checked,
.keyboard-key.enter-key:active {
color: white;
background-color: st-darken(#0091ff, 10%);
}
.keyboard-key.shift-key-uppercase,
.keyboard-key.shift-key-uppercase:focus,
.keyboard-key.shift-key-uppercase:hover,
.keyboard-key.shift-key-uppercase:checked,
.keyboard-key.shift-key-uppercase:active {
color: #0091ff;
}
.keyboard-key StIcon {
icon-size: 1.125em;
}
.keyboard-subkeys {
color: inherit;
-arrow-border-radius: 6px;
-arrow-background-color: rgba(0, 0, 0, 0.45);
-arrow-border-width: 0;
-arrow-border-color: transparent;
-arrow-base: 20px;
-arrow-rise: 10px;
-boxpointer-gap: 5px;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
}
.emoji-page .keyboard-key {
background-color: transparent;
border: none;
color: initial;
}
.emoji-panel .keyboard-key:latched {
background-color: #0091ff;
border-color: st-lighten(#0091ff, 5%);
}
.word-suggestions {
font-size: 14pt;
spacing: 12px;
min-height: 20pt;
}
/* Login Dialog */
#lockDialogGroup {
background-color: #2a2a2a;
background-image: url('assets/background.jpeg');
background-size: cover;
}
.login-dialog-banner-view {
padding-top: 24px;
max-width: 23em;
}
.unlock-dialog StEntry {
font-size: 0.909em;
padding: 0 8px !important;
}
.unlock-dialog StEntry StIcon.peek-password {
padding: 0 4px !important;
}
.unlock-dialog StEntry StLabel.hint-text {
margin-left: 2px !important;
}
.unlock-dialog .modal-dialog-button-box {
spacing: 3px !important;
}
.unlock-dialog .modal-dialog-button {
padding: 2px 12px !important;
}
.unlock-dialog .cancel-button,
.unlock-dialog .switch-user-button,
.unlock-dialog .login-dialog-session-list-button {
width: 32px !important;
height: 32px !important;
padding: 0 !important;
}
.unlock-dialog .cancel-button StIcon,
.unlock-dialog .switch-user-button StIcon,
.unlock-dialog .login-dialog-session-list-button StIcon {
icon-size: 16px !important;
}
.unlock-dialog .login-dialog-logo-bin {
padding: 24px 0;
}
.unlock-dialog .login-dialog-button-box {
spacing: 6px;
}
.unlock-dialog .login-dialog-message-hint {
padding-top: 0;
padding-bottom: 18px;
}
.unlock-dialog .login-dialog-user-selection-box {
padding: 100px 0px;
}
.unlock-dialog .login-dialog-not-listed-label {
padding-left: 2px;
}
.unlock-dialog .login-dialog-not-listed-label {
font-size: 1em;
padding-top: 1em;
}
.unlock-dialog .login-dialog-user-list-view {
-st-vfade-offset: 1em;
}
.unlock-dialog .login-dialog-user-list {
spacing: 12px;
padding: 0.2em;
width: 23em;
}
.unlock-dialog
.login-dialog-user-list:expanded
.login-dialog-user-list-item:logged-in {
border-right: 2px solid #0091ff;
}
.unlock-dialog .login-dialog-user-list-item {
border-radius: 12px;
padding: 6px;
}
.unlock-dialog .login-dialog-user-list-item:ltr .user-widget {
padding-right: 1em;
}
.unlock-dialog .login-dialog-user-list-item:rtl .user-widget {
padding-left: 1em;
}
.unlock-dialog
.login-dialog-user-list-item
.login-dialog-timed-login-indicator {
height: 2px;
margin: 6px 0 0 0;
background-color: rgba(255, 255, 255, 0.12) !important;
}
.unlock-dialog .user-widget.horizontal .user-widget-label {
font-size: 1.182em;
padding-left: 12px;
}
.unlock-dialog .user-widget.horizontal .user-widget-label:ltr {
padding-left: 12px;
text-align: left;
}
.unlock-dialog .user-widget.horizontal .user-widget-label:rtl {
padding-right: 12px;
text-align: right;
}
.unlock-dialog .user-widget.vertical .user-widget-label {
font-size: 1.455em;
padding-top: 18px;
}
.unlock-dialog .login-dialog-prompt-layout {
padding-top: 24px;
padding-bottom: 12px;
spacing: 8px;
width: 23em;
}
.unlock-dialog .login-dialog-prompt-entry {
height: 1.5em;
}
.unlock-dialog .login-dialog-prompt-label {
font-size: 1.091em;
padding-top: 1em;
}
.login-dialog StEntry StIcon {
icon-size: 16px;
padding: 0;
margin: 0;
}
.login-dialog .modal-dialog-button-box {
spacing: 3px;
}
.login-dialog .modal-dialog-button {
padding: 2px 12px;
}
.login-dialog .cancel-button,
.login-dialog .switch-user-button,
.login-dialog .login-dialog-session-list-button {
width: 32px;
height: 32px;
}
.login-dialog .cancel-button StIcon,
.login-dialog .switch-user-button StIcon,
.login-dialog .login-dialog-session-list-button StIcon {
icon-size: 16px;
}
.login-dialog .login-dialog-logo-bin {
padding: 24px 0;
}
.login-dialog .login-dialog-button-box {
spacing: 6px;
}
.login-dialog .login-dialog-message-hint {
padding-top: 0;
padding-bottom: 18px;
}
.login-dialog .login-dialog-user-selection-box {
padding: 100px 0px;
}
.login-dialog .login-dialog-not-listed-label {
padding-left: 4px;
}
.login-dialog .login-dialog-not-listed-label {
font-size: 1em;
padding-top: 1em;
}
.login-dialog .login-dialog-user-list-view {
-st-vfade-offset: 1em;
}
.login-dialog .login-dialog-user-list {
spacing: 12px;
padding: 0.2em;
width: 23em;
}
.login-dialog
.login-dialog-user-list:expanded
.login-dialog-user-list-item:logged-in {
border-right: 2px solid #0091ff;
}
.login-dialog .login-dialog-user-list-item {
border-radius: 12px;
padding: 6px;
}
.login-dialog .login-dialog-user-list-item:ltr .user-widget {
padding-right: 1em;
}
.login-dialog .login-dialog-user-list-item:rtl .user-widget {
padding-left: 1em;
}
.login-dialog .login-dialog-user-list-item .login-dialog-timed-login-indicator {
height: 2px;
margin: 6px 0 0 0;
}
.login-dialog .user-widget.horizontal .user-widget-label {
font-size: 1.182em;
padding-left: 12px;
}
.login-dialog .user-widget.horizontal .user-widget-label:ltr {
padding-left: 12px;
text-align: left;
}
.login-dialog .user-widget.horizontal .user-widget-label:rtl {
padding-right: 12px;
text-align: right;
}
.login-dialog .user-widget.vertical .user-widget-label {
font-size: 1.455em;
padding-top: 10px;
padding-bottom: 14px;
}
.login-dialog .login-dialog-prompt-layout {
padding-top: 24px;
padding-bottom: 12px;
spacing: 8px;
width: 23em;
}
.login-dialog .login-dialog-prompt-entry {
height: 1.5em;
}
.login-dialog .login-dialog-prompt-label {
font-size: 1.091em;
padding-top: 1em;
}
.login-dialog,
.unlock-dialog {
border: none;
background-color: transparent;
}
.login-dialog StEntry,
.unlock-dialog StEntry {
selection-background-color: #0091ff;
selected-background-color: #0091ff;
selected-color: white;
border-radius: 9999px;
caret-color: white;
background-color: rgba(255, 255, 255, 0.1);
border-radius: 9999px;
border: none !important;
box-shadow: none !important;
color: white;
}
.login-dialog StEntry:focus,
.unlock-dialog StEntry:focus {
border: none !important;
background-color: rgba(255, 255, 255, 0.2);
color: white;
}
.login-dialog StEntry:insensitive,
.unlock-dialog StEntry:insensitive {
border: none !important;
background-color: rgba(255, 255, 255, 0.05);
color: rgba(255, 255, 255, 0.45);
}
.login-dialog StEntry StLabel.hint-text,
.unlock-dialog StEntry StLabel.hint-text {
color: rgba(255, 255, 255, 0.45);
}
.login-dialog .modal-dialog-button,
.unlock-dialog .modal-dialog-button {
border: none;
color: white;
background-color: transparent;
border-color: transparent;
box-shadow: none;
text-shadow: none;
icon-shadow: none;
}
.login-dialog .modal-dialog-button:hover,
.login-dialog .modal-dialog-button:focus,
.unlock-dialog .modal-dialog-button:hover,
.unlock-dialog .modal-dialog-button:focus {
color: white;
background-color: rgba(255, 255, 255, 0.1);
border-color: transparent;
box-shadow: none;
text-shadow: none;
icon-shadow: none;
}
.login-dialog .modal-dialog-button:active,
.unlock-dialog .modal-dialog-button:active {
color: white;
background-color: rgba(255, 255, 255, 0.16);
border-color: transparent;
box-shadow: none;
text-shadow: none;
icon-shadow: none;
}
.login-dialog .modal-dialog-button:insensitive,
.unlock-dialog .modal-dialog-button:insensitive {
color: rgba(255, 255, 255, 0.45);
background-color: transparent;
border-color: transparent;
box-shadow: none;
text-shadow: none;
icon-shadow: none;
}
.login-dialog .modal-dialog-button:default,
.unlock-dialog .modal-dialog-button:default {
color: white;
background-color: #313131;
border: none;
text-shadow: none;
icon-shadow: none;
}
.login-dialog .modal-dialog-button:default:hover,
.login-dialog .modal-dialog-button:default:focus,
.unlock-dialog .modal-dialog-button:default:hover,
.unlock-dialog .modal-dialog-button:default:focus {
color: white;
border: none;
text-shadow: none;
icon-shadow: none;
background-color: st-mix(white, #313131, 6%);
}
.login-dialog .modal-dialog-button:default:active,
.unlock-dialog .modal-dialog-button:default:active {
color: white;
border: none;
text-shadow: none;
icon-shadow: none;
background-color: st-mix(white, #313131, 12%);
}
.login-dialog .modal-dialog-button:default:insensitive,
.unlock-dialog .modal-dialog-button:default:insensitive {
color: rgba(255, 255, 255, 0.45);
background-color: #313131;
border: none;
text-shadow: none;
icon-shadow: none;
}
.login-dialog .cancel-button,
.login-dialog .switch-user-button,
.login-dialog .login-dialog-session-list-button,
.unlock-dialog .cancel-button,
.unlock-dialog .switch-user-button,
.unlock-dialog .login-dialog-session-list-button {
padding: 0 !important;
border-radius: 9999px;
border: none;
background-color: rgba(255, 255, 255, 0.1);
color: white;
}
.login-dialog-message-warning {
color: rgba(255, 255, 255, 0.85);
}
.login-dialog-banner {
color: rgba(255, 255, 255, 0.85);
}
.login-dialog-message {
text-align: center;
}
.login-dialog-message-warning {
color: #e9873a;
}
.login-dialog-not-listed-button:focus .login-dialog-not-listed-label,
.login-dialog-not-listed-button:hover .login-dialog-not-listed-label {
color: white;
}
.login-dialog-not-listed-label {
font-weight: normal;
color: rgba(255, 255, 255, 0.85);
}
.login-dialog-not-listed-label:hover {
color: rgba(255, 255, 255, 0.85);
}
.login-dialog-not-listed-label:focus {
background-color: rgba(255, 255, 255, 0.12);
}
.login-dialog-user-list:expanded .login-dialog-user-list-item:selected {
background-color: rgba(255, 255, 255, 0.12);
color: rgba(255, 255, 255, 0.85);
}
.login-dialog-user-list:expanded .login-dialog-user-list-item:hover {
background-color: rgba(255, 255, 255, 0.12);
color: rgba(255, 255, 255, 0.85);
}
.login-dialog-user-list:expanded .login-dialog-user-list-item:active {
background-color: rgba(255, 255, 255, 0.2);
color: rgba(255, 255, 255, 0.85);
}
.login-dialog-user-list-item {
color: rgba(255, 255, 255, 0.85);
}
.login-dialog-user-list-item:focus {
background-color: rgba(255, 255, 255, 0.03) !important;
}
.login-dialog-user-list-item:hover,
.login-dialog-user-list-item:focus:hover {
background-color: rgba(255, 255, 255, 0.1) !important;
color: rgba(255, 255, 255, 0.85);
}
.login-dialog-user-list-item:active,
.login-dialog-user-list-item:focus:active {
background-color: rgba(255, 255, 255, 0.16) !important;
color: rgba(255, 255, 255, 0.85);
}
.login-dialog-user-list-item .login-dialog-timed-login-indicator {
background-color: rgba(255, 255, 255, 0.12) !important;
}
.user-widget-label {
color: rgba(255, 255, 255, 0.85);
}
.user-widget.horizontal .user-widget-label {
font-weight: normal;
}
.user-widget.vertical .user-widget-label {
text-align: center;
font-weight: normal;
}
.login-dialog-prompt-label {
color: rgba(255, 255, 255, 0.5);
}
/* Looking Glass */
#LookingGlassDialog {
background-color: #2a2a2a;
spacing: 4px;
margin: 4px;
padding: 0;
border: 1px solid black;
border-radius: 24px;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
color: #d3d7df;
}
#LookingGlassDialog > #Toolbar {
padding: 0 8px;
spacing: 4px;
border: none;
border-radius: 0;
background-color: rgba(36, 36, 36, 0.01);
box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.12);
}
#LookingGlassDialog > #Toolbar .lg-toolbar-button {
padding: 4px 8px;
border-radius: 6px;
margin: 2px;
}
#LookingGlassDialog > #Toolbar .lg-toolbar-button > StIcon {
icon-size: 16px;
}
#LookingGlassDialog .labels {
spacing: 4px;
color: #d3d7df;
}
#LookingGlassDialog .notebook-tab {
-natural-hpadding: 8px;
-minimum-hpadding: 8px;
font-weight: bold;
color: rgba(255, 255, 255, 0.5);
padding: 0 16px;
min-height: 32px;
border-radius: 0;
transition-duration: 100ms;
border: L none;
box-shadow: none;
border-bottom: 2px solid transparent;
background-color: transparent;
}
#LookingGlassDialog .notebook-tab:hover {
color: white;
text-shadow: none;
border-color: rgba(255, 255, 255, 0.2);
}
#LookingGlassDialog .notebook-tab:selected {
background-color: rgba(36, 36, 36, 0.01);
border-color: #0091ff;
color: white;
text-shadow: none;
box-shadow: none;
}
#LookingGlassDialog StBoxLayout#EvalBox,
#LookingGlassDialog StBoxLayout#ResultsArea {
padding: 4px;
spacing: 4px;
}
.lg-dialog StEntry {
min-height: 22px;
selection-background-color: #0091ff;
selected-color: rgba(255, 255, 255, 0.85);
caret-color: white;
color: white;
background-color: rgba(255, 255, 255, 0.12);
}
.lg-dialog .shell-link {
color: #3484e2;
}
.lg-dialog .shell-link:hover {
color: #619fe8;
}
.lg-dialog .shell-link:active {
color: #1c6bc7;
}
.lg-dialog .actor-link {
color: #3484e2;
}
.lg-dialog .actor-link:hover {
color: #8dbaef;
}
.lg-dialog .actor-link:active {
color: #16539a;
}
.lg-dialog .actor-link StIcon {
icon-size: 12px;
}
.lg-completions-text {
font-size: 0.9em;
font-style: italic;
}
.lg-obj-inspector-title {
spacing: 4px;
}
.lg-obj-inspector-button {
padding: 0 16px;
border: none;
border-radius: 6px;
font-size: 9.75pt;
font-weight: 500;
}
.lg-obj-inspector-button:hover {
border: none;
}
#lookingGlassExtensions {
padding: 4px;
}
.lg-extensions-list {
padding: 4px;
spacing: 4px;
}
.lg-extension {
border: none;
border-radius: 6px;
padding: 8px;
spacing: 4px;
background-color: rgba(255, 255, 255, 0.12);
color: rgba(255, 255, 255, 0.85);
box-shadow: none;
}
.lg-extension-name {
font-weight: bold;
color: rgba(255, 255, 255, 0.45);
}
.lg-extension-meta {
spacing: 4px;
}
#LookingGlassPropertyInspector {
background: #373737;
border: 1px solid black;
border-radius: 24px;
padding: 8px;
box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.15);
color: #d3d7df;
}
.lg-debug-flag-button {
color: white;
spacing: 4px;
}
.lg-debug-flag-button StLabel {
padding: 8px;
}
.lg-debug-flag-button:hover {
color: white;
}
.lg-debug-flag-button:active {
color: #cccccc;
}
.lg-debug-flags-header {
color: rgba(255, 255, 255, 0.45);
padding-top: 8px;
padding: 4px;
}
.select-area-rubberband {
border: 1px solid #0091ff;
border-radius: 3px;
background-color: st-transparentize(#0091ff, 0.3);
}
.user-icon {
background-size: contain;
color: rgba(255, 255, 255, 0.85);
border-radius: 9999px;
border: none;
icon-size: 64px;
}
.user-icon:hover {
color: white;
}
.user-icon StIcon {
background-color: rgba(255, 255, 255, 0.2);
border-radius: 9999px;
padding: 8px;
width: 40px;
height: 40px;
}
.user-icon.user-avatar {
border: none;
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0);
}
.popup-menu .user-icon {
color: #afafaf;
}
.popup-menu .user-icon StIcon {
background-color: rgba(255, 255, 255, 0.16);
}
.user-widget.vertical .user-icon {
icon-size: 96px;
}
.user-widget.vertical .user-icon StIcon {
padding: 14px;
padding-top: 12px;
padding-bottom: 16px;
width: 88px;
height: 88px;
}
.lightbox {
background-color: black;
}
.flashspot {
background-color: white;
}
.hidden {
color: rgba(0, 0, 0, 0);
}
.caps-lock-warning-label {
text-align: center;
padding-bottom: 8px;
color: #e9873a;
}
/* Workspace animation */
.workspace-animation {
background-color: #2a2a2a;
}
/* Network Dialogs */
.nm-dialog {
max-height: 34em;
min-height: 31em;
min-width: 32em;
}
.nm-dialog-content {
spacing: 20px;
padding: 24px;
}
.nm-dialog-header-hbox {
spacing: 10px;
}
.nm-dialog-airplane-box {
spacing: 12px;
}
.nm-dialog-airplane-headline {
font-weight: bold;
text-align: center;
}
.nm-dialog-airplane-text {
color: #dedede;
}
.nm-dialog-header {
font-weight: bold;
}
.nm-dialog-header-icon {
icon-size: 32px;
}
.nm-dialog-header-hbox {
spacing: 10px;
}
.nm-dialog-scroll-view {
border: 1px solid rgba(255, 255, 255, 0.12);
padding: 0;
background-color: rgba(0, 0, 0, 0.1);
border-radius: 6px;
}
.nm-dialog-item {
font-size: 1em;
border-bottom: 1px solid rgba(255, 255, 255, 0.12);
padding: 8px;
spacing: 0px;
}
.nm-dialog-item:selected {
background-color: #0091ff;
color: rgba(255, 255, 255, 0.85);
}
.nm-dialog-item:hover,
.nm-dialog-item:focus {
background-color: rgba(255, 255, 255, 0.1);
}
.nm-dialog-item:active {
background-color: rgba(255, 255, 255, 0.16);
}
.nm-dialog-icon {
icon-size: 16px;
}
.nm-dialog-icons {
spacing: 8px;
}
.no-networks-label {
color: #999999;
}
.no-networks-box {
spacing: 4px;
}
/* OSD */
.workspace-switcher-container,
.switcher-list,
.resize-popup,
.osd-window {
color: #fafafa;
padding: 8px;
background-color: rgba(0, 0, 0, 0.92);
border-radius: 30px;
border: solid rgba(0, 0, 0, 0);
border-width: 1px;
box-shadow: inset 1.6px 1.6px 4px -4px rgba(255, 255, 255, 0.6);
}
.osd-window {
text-align: center;
font-weight: bold;
}
.osd-window .osd-monitor-label {
font-size: 3em;
}
.osd-window .level {
height: 4px;
border-radius: 3px;
background-color: rgba(255, 255, 255, 0.12);
color: #dedede;
-barlevel-height: 4px;
-barlevel-background-color: rgba(255, 255, 255, 0.12);
-barlevel-active-background-color: #0091ff;
-barlevel-overdrive-color: #ed5f5d;
-barlevel-overdrive-separator-width: 2px;
-barlevel-border-width: 0;
-barlevel-border-color: transparent;
}
.osd-window .level-bar {
background-color: white;
border-radius: 16px;
}
.pad-osd-window {
padding: 32px;
background-color: rgba(0, 0, 0, 0.6);
}
.pad-osd-window .pad-osd-title-box {
spacing: 12px;
}
.pad-osd-window .pad-osd-title-menu-box {
spacing: 6px;
}
.combo-box-label {
width: 15em;
}
.overview-controls {
padding-bottom: 32px;
}
#overview StScrollBar StBin#trough {
background-color: rgba(255, 255, 255, 0.12);
}
#overview StScrollBar StButton#vhandle,
#overview StScrollBar StButton#hhandle {
background-color: rgba(255, 255, 255, 0.5);
}
#overview StScrollBar StButton#vhandle:hover,
#overview StScrollBar StButton#hhandle:hover {
background-color: rgba(255, 255, 255, 0.85);
}
#overview StScrollBar StButton#vhandle:active,
#overview StScrollBar StButton#hhandle:active {
background-color: white;
}
/* Top Bar */
#panel .panel-button#panelActivities {
-natural-hpadding: 12px;
color: white;
}
#panel .panel-button#panelActivities StBoxLayout {
padding: 0 0.2045em;
spacing: 6px;
}
#panel .panel-button#panelActivities .workspace-dot {
border-radius: 9999px;
min-width: 0.5455em;
min-height: 0.5455em;
background-color: white;
}
#panel .panel-button#panelActivities:overview .workspace-dot {
background-color: white;
}
#panel {
font-weight: 500;
color: white;
transition-duration: 250ms;
height: 40px !important;
background-color: transparent;
}
#panel .panel-corner {
-panel-corner-radius: 0;
-panel-corner-background-color: rgba(0, 0, 0, 0.15);
-panel-corner-border-width: 2px;
-panel-corner-border-color: transparent;
-panel-corner-opacity: 1;
transition-duration: 250ms;
}
#panel .panel-button {
-natural-hpadding: 12px;
-minimum-hpadding: 12px;
color: white;
transition-duration: 150ms;
border: 6px solid transparent !important;
border-radius: 9999px;
}
#panel .panel-button StLabel {
padding: 0;
margin: 0;
}
#panel .panel-button .popup-menu-arrow {
width: 0;
height: 0;
}
#panel .panel-button,
#panel .panel-button:hover,
#panel .panel-button:active,
#panel .panel-button:overview,
#panel .panel-button:focus,
#panel .panel-button:checked {
text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15);
}
#panel .panel-button .system-status-icon,
#panel .panel-button .app-menu-icon > StIcon,
#panel .panel-button .popup-menu-arrow,
#panel .panel-button:hover .system-status-icon,
#panel .panel-button:hover .app-menu-icon > StIcon,
#panel .panel-button:hover .popup-menu-arrow,
#panel .panel-button:active .system-status-icon,
#panel .panel-button:active .app-menu-icon > StIcon,
#panel .panel-button:active .popup-menu-arrow,
#panel .panel-button:overview .system-status-icon,
#panel .panel-button:overview .app-menu-icon > StIcon,
#panel .panel-button:overview .popup-menu-arrow,
#panel .panel-button:focus .system-status-icon,
#panel .panel-button:focus .app-menu-icon > StIcon,
#panel .panel-button:focus .popup-menu-arrow,
#panel .panel-button:checked .system-status-icon,
#panel .panel-button:checked .app-menu-icon > StIcon,
#panel .panel-button:checked .popup-menu-arrow {
icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15);
}
#panel .panel-button:hover {
color: white;
background-color: transparent;
box-shadow: inset 0 0 0 1000px rgba(255, 255, 255, 0.15);
}
#panel .panel-button:hover.clock-display {
background: none;
}
#panel .panel-button:hover.clock-display .clock {
background-color: transparent;
box-shadow: inset 0 0 0 1000px rgba(255, 255, 255, 0.15);
}
#panel .panel-button:active,
#panel .panel-button:overview,
#panel .panel-button:focus,
#panel .panel-button:checked {
color: white;
background-color: transparent;
box-shadow: inset 0 0 0 1000px rgba(255, 255, 255, 0.28);
}
#panel .panel-button:active.clock-display,
#panel .panel-button:overview.clock-display,
#panel .panel-button:focus.clock-display,
#panel .panel-button:checked.clock-display {
background: none;
}
#panel .panel-button:active.clock-display .clock,
#panel .panel-button:overview.clock-display .clock,
#panel .panel-button:focus.clock-display .clock,
#panel .panel-button:checked.clock-display .clock {
background-color: transparent;
box-shadow: inset 0 0 0 1000px rgba(255, 255, 255, 0.28);
}
.unlock-screen #panel .panel-button,
.unlock-screen #panel .panel-button:focus,
.unlock-screen #panel .panel-button:hover,
.unlock-screen #panel .panel-button:active,
.login-screen #panel .panel-button,
.login-screen #panel .panel-button:focus,
.login-screen #panel .panel-button:hover,
.login-screen #panel .panel-button:active,
.lock-screen #panel .panel-button,
.lock-screen #panel .panel-button:focus,
.lock-screen #panel .panel-button:hover,
.lock-screen #panel .panel-button:active {
color: white;
}
.login-screen #panel .panel-button,
.lock-screen #panel .panel-button {
box-shadow: none;
}
#panel .panel-button.clock-display {
background-color: transparent;
box-shadow: none;
}
#panel .panel-button.clock-display,
#panel .panel-button.clock-display .clock-display-box {
spacing: 0 !important;
padding: 0 !important;
margin: 0 !important;
}
#panel .panel-button.clock-display .clock {
border-radius: 9999px;
background-color: transparent;
padding: 0 16px !important;
margin: 0 !important;
border: 6px solid transparent !important;
box-shadow: none;
}
#panel .panel-button.clock-display .messages-indicator {
icon-size: 1.091em;
}
#panel .panel-button:hover.clock-display,
#panel .panel-button:active.clock-display,
#panel .panel-button:overview.clock-display,
#panel .panel-button:focus.clock-display,
#panel .panel-button:checked.clock-display {
box-shadow: none !important;
background-color: transparent !important;
}
#panel .panel-button .system-status-icon {
icon-size: 16px;
padding: 4px;
margin: 0;
}
#panel .panel-button .panel-status-menu-box StLabel {
padding: 0 0 0 2px;
}
#panel .panel-button .appindicator-trayicons-box {
margin: 0 4px;
}
#panel .panel-button .app-menu-icon {
-st-icon-style: symbolic;
}
#panel .panel-button#panelActivities {
background-gradient-direction: none;
}
#panel .panel-button.screen-recording-indicator,
#panel .panel-button.screen-sharing-indicator {
border: 6px solid transparent;
background-color: transparent;
}
#panel .panel-button.screen-recording-indicator StBoxLayout,
#panel .panel-button.screen-sharing-indicator StBoxLayout {
spacing: 0.409em;
}
#panel .panel-button.screen-recording-indicator StIcon,
#panel .panel-button.screen-sharing-indicator StIcon {
icon-size: 1.091em;
}
#panel .panel-button.screen-recording-indicator {
box-shadow: inset 0 0 0 1000px #ed5f5d !important;
}
#panel .panel-button.screen-recording-indicator:hover {
box-shadow: inset 0 0 0 1000px #ef7270 !important;
}
#panel .panel-button.screen-recording-indicator:active {
box-shadow: inset 0 0 0 1000px #f18584 !important;
}
#panel .panel-button.screen-sharing-indicator {
box-shadow: inset 0 0 0 1000px #e9873a !important;
}
#panel .panel-button.screen-sharing-indicator:hover {
box-shadow: inset 0 0 0 1000px #ec9552 !important;
}
#panel .panel-button.screen-sharing-indicator:active {
box-shadow: inset 0 0 0 1000px #eea469 !important;
}
#panel Gjs_AggregateMenu.panel-button .system-status-icon,
#panel Gjs_ui_panel_AggregateMenu.panel-button .system-status-icon,
#panel Gjs_ui_panel_QuickSettings.panel-button .system-status-icon {
margin: 0 2px !important;
}
#panel Gjs_ui_panel_AppMenuButton.panel-button,
#panel .desktop-name-label {
font-weight: bold !important;
}
#panel Gjs_status_keyboard_InputSourceIndicator.panel-button,
#panel
Gjs_appindicatorsupport_rgcjonas_gmail_com_indicatorStatusIcon_IndicatorStatusIcon.panel-button,
#panel
Gjs_appindicatorsupport_rgcjonas_gmail_com_indicatorStatusIcon_AppIndicatorsIndicatorStatusIcon.panel-button {
-natural-hpadding: 16px !important;
-minimum-hpadding: 16px !important;
}
#panel:overview,
#panel.unlock-screen,
#panel.login-screen,
#panel.lock-screen {
background-color: transparent;
box-shadow: none;
}
#panel:overview StLabel,
#panel:overview StIcon,
#panel.unlock-screen StLabel,
#panel.unlock-screen StIcon,
#panel.login-screen StLabel,
#panel.login-screen StIcon,
#panel.lock-screen StLabel,
#panel.lock-screen StIcon {
color: rgba(255, 255, 255, 0.85);
}
#panel:overview .panel-button,
#panel.unlock-screen .panel-button,
#panel.login-screen .panel-button,
#panel.lock-screen .panel-button {
box-shadow: none;
}
#panel:overview .panel-button.clock-display .clock,
#panel.unlock-screen .panel-button.clock-display .clock,
#panel.login-screen .panel-button.clock-display .clock,
#panel.lock-screen .panel-button.clock-display .clock {
box-shadow: none;
}
#panel:overview .panel-button:hover,
#panel.unlock-screen .panel-button:hover,
#panel.login-screen .panel-button:hover,
#panel.lock-screen .panel-button:hover {
color: white;
background-color: transparent;
box-shadow: inset 0 0 0 1000px rgba(255, 255, 255, 0.12);
}
#panel:overview .panel-button:hover.clock-display .clock,
#panel.unlock-screen .panel-button:hover.clock-display .clock,
#panel.login-screen .panel-button:hover.clock-display .clock,
#panel.lock-screen .panel-button:hover.clock-display .clock {
background-color: transparent;
box-shadow: inset 0 0 0 1000px rgba(255, 255, 255, 0.12);
}
#panel:overview .panel-button:active,
#panel:overview .panel-button:active:hover,
#panel:overview .panel-button:overview,
#panel:overview .panel-button:overview:hover,
#panel:overview .panel-button:focus,
#panel:overview .panel-button:focus:hover,
#panel:overview .panel-button:checked,
#panel:overview .panel-button:checked:hover,
#panel.unlock-screen .panel-button:active,
#panel.unlock-screen .panel-button:active:hover,
#panel.unlock-screen .panel-button:overview,
#panel.unlock-screen .panel-button:overview:hover,
#panel.unlock-screen .panel-button:focus,
#panel.unlock-screen .panel-button:focus:hover,
#panel.unlock-screen .panel-button:checked,
#panel.unlock-screen .panel-button:checked:hover,
#panel.login-screen .panel-button:active,
#panel.login-screen .panel-button:active:hover,
#panel.login-screen .panel-button:overview,
#panel.login-screen .panel-button:overview:hover,
#panel.login-screen .panel-button:focus,
#panel.login-screen .panel-button:focus:hover,
#panel.login-screen .panel-button:checked,
#panel.login-screen .panel-button:checked:hover,
#panel.lock-screen .panel-button:active,
#panel.lock-screen .panel-button:active:hover,
#panel.lock-screen .panel-button:overview,
#panel.lock-screen .panel-button:overview:hover,
#panel.lock-screen .panel-button:focus,
#panel.lock-screen .panel-button:focus:hover,
#panel.lock-screen .panel-button:checked,
#panel.lock-screen .panel-button:checked:hover {
color: white;
background-color: transparent;
box-shadow: inset 0 0 0 1000px rgba(255, 255, 255, 0.2);
}
#panel:overview .panel-button:active.clock-display .clock,
#panel:overview .panel-button:overview.clock-display .clock,
#panel:overview .panel-button:focus.clock-display .clock,
#panel:overview .panel-button:checked.clock-display .clock,
#panel.unlock-screen .panel-button:active.clock-display .clock,
#panel.unlock-screen .panel-button:overview.clock-display .clock,
#panel.unlock-screen .panel-button:focus.clock-display .clock,
#panel.unlock-screen .panel-button:checked.clock-display .clock,
#panel.login-screen .panel-button:active.clock-display .clock,
#panel.login-screen .panel-button:overview.clock-display .clock,
#panel.login-screen .panel-button:focus.clock-display .clock,
#panel.login-screen .panel-button:checked.clock-display .clock,
#panel.lock-screen .panel-button:active.clock-display .clock,
#panel.lock-screen .panel-button:overview.clock-display .clock,
#panel.lock-screen .panel-button:focus.clock-display .clock,
#panel.lock-screen .panel-button:checked.clock-display .clock {
background-color: transparent;
box-shadow: inset 0 0 0 1000px rgba(255, 255, 255, 0.2);
}
#panel:overview .panel-button#panelActivities,
#panel.unlock-screen .panel-button#panelActivities,
#panel.login-screen .panel-button#panelActivities,
#panel.lock-screen .panel-button#panelActivities {
color: white;
}
#panel:overview .panel-button#panelActivities .workspace-dot,
#panel.unlock-screen .panel-button#panelActivities .workspace-dot,
#panel.login-screen .panel-button#panelActivities .workspace-dot,
#panel.lock-screen .panel-button#panelActivities .workspace-dot {
background-color: white;
}
#panel:overview .panel-corner,
#panel.unlock-screen .panel-corner,
#panel.login-screen .panel-corner,
#panel.lock-screen .panel-corner {
-panel-corner-radius: 0;
-panel-corner-background-color: transparent;
-panel-corner-border-color: transparent;
}
#panel .screencast-indicator,
#panel .remote-access-indicator,
#panel .privacy-indicator {
color: #e9873a;
}
/* Popovers/Menus */
.popup-menu-boxpointer {
-arrow-border-radius: 14px;
-arrow-background-color: transparent;
-arrow-border-width: 0;
-arrow-border-color: transparent;
-arrow-base: 32px;
-arrow-rise: 0;
-arrow-box-shadow: none;
}
.arcmenu-menu {
-arrow-base: 0;
}
.popup-menu {
min-width: 12em;
color: #afafaf;
}
.popup-menu.panel-menu {
-boxpointer-gap: 3px;
margin-bottom: 1.75em;
}
.popup-menu StEntry {
selection-background-color: rgba(255, 255, 255, 0.85);
selected-background-color: rgba(255, 255, 255, 0.85);
selected-color: #0091ff;
caret-color: #dedede;
}
.popup-menu StEntry StLabel.hint-text {
margin-left: 2px;
color: rgba(222, 222, 222, 0.7);
}
.popup-menu-content {
padding: 4px;
margin: 4px 12px 17px 12px;
background-color: rgba(0, 0, 0, 0.92);
border-radius: 30px;
border: solid rgba(0, 0, 0, 0);
border-width: 1px;
box-shadow: inset 1.6px 1.6px 4px -4px rgba(255, 255, 255, 0.6);
}
/*
.popup-menu-content #calendarArea {
background-color: rgba(0, 0, 0, 0.92);
border-radius: 30px;
padding: 10px;
box-shadow: inset 1.6px 1.6px 4px -4px rgba(255, 255, 255, 0.6);
}
*/
.popup-menu-content #calendarArea .events-button {
background-color: rgba(255, 255, 255, 0.15);
color: white;
border-radius: 20px;
box-shadow: inset 0 0 4px 0.2px rgba(255, 255, 255, 0.4);
}
/*
.popup-menu-content #calendarArea .calendar {
background-color: rgba(255, 255, 255, 0.2);
border-radius: 20px;
padding: 10px;
box-shadow: inset 1.6px 1.6px 4px -4px rgba(255, 255, 255, 0.6);
}
*/
.popup-menu .popup-menu-item {
background-color: rgba(0, 0, 0, 0);
border: none;
spacing: 4px;
margin: 6px 8px 6px 8px;
padding: 8px;
color: #ffffff;
text-shadow: none !important;
icon-shadow: none !important;
border-radius: 9999px !important;
font-weight: normal;
transition: none;
}
.popup-menu .popup-menu-item:checked {
font-weight: normal;
border-radius: 20px 20px 0 0 !important;
border: none;
color: #ffffff !important;
background-gradient-direction: none !important;
background-color: rgba(255, 255, 255, 0.15);
box-shadow: inset 0 0 4px 0.2px rgba(255, 255, 255, 0.4);
}
.popup-menu .popup-menu-item:checked:focus,
.popup-menu .popup-menu-item:checked:hover,
.popup-menu .popup-menu-item:checked:selected {
color: white !important;
background-color: #0091ff !important;
background-gradient-direction: none !important;
}
.popup-menu .popup-menu-item:checked:active {
color: white !important;
background-color: #0091ff !important;
}
.popup-menu .popup-menu-item:checked:insensitive {
color: #0091ff !important;
}
.popup-menu .popup-menu-item:focus,
.popup-menu .popup-menu-item:hover,
.popup-menu .popup-menu-item:selected {
color: white !important;
background-color: #0091ff !important;
transition-duration: 0ms !important;
}
.popup-menu .popup-menu-item:active,
.popup-menu .popup-menu-item.selected:active {
color: white !important;
background-color: #0091ff !important;
}
.popup-menu .popup-menu-item:insensitive {
color: #0091ff !important;
}
.popup-menu .popup-menu-item .toggle-switch:ltr {
margin-left: 3px;
}
.popup-menu .popup-menu-item .toggle-switch:rtl {
margin-right: 3px;
}
.popup-sub-menu {
border-radius: 0 0 20px 20px !important;
border: none;
box-shadow: none;
margin: 0px 8px 6px 8px;
transition: none;
background-color: rgba(255, 255, 255, 0.15);
color: white;
box-shadow: inset 0 0 4px 0.2px rgba(255, 255, 255, 0.4);
}
.popup-sub-menu .popup-menu-item {
margin: 4px;
border-radius: 9999px !important;
background-color: transparent !important;
}
.popup-sub-menu .popup-menu-item:focus,
.popup-sub-menu .popup-menu-item:hover,
.popup-sub-menu .popup-menu-item:selected {
color: white !important;
background-color: #0091ff !important;
}
.popup-sub-menu .popup-menu-item:first-child,
.popup-sub-menu .popup-menu-item:first-child,
.popup-sub-menu .popup-menu-item:first-child {
border-radius: 0 0 9999px 9999px;
}
.popup-sub-menu .popup-menu-item:active {
color: white !important;
background-color: #0091ff !important;
}
.popup-ornamented-menu-item:ltr {
padding-left: 4px;
}
.popup-ornamented-menu-item:rtl {
padding-right: 4px;
}
.popup-inactive-menu-item {
color: #afafaf !important;
}
.popup-inactive-menu-item:insensitive {
color: rgba(222, 222, 222, 0.35) !important;
}
.popup-menu-arrow,
.popup-menu-icon {
icon-size: 16px;
icon-shadow: none !important;
}
.popup-menu-ornament {
icon-size: 1.091em !important;
width: 1.091em;
}
.background-menu {
-boxpointer-gap: 3px;
-arrow-rise: 0px;
}
.aggregate-menu {
min-width: 21em;
}
.aggregate-menu .popup-menu-icon {
padding: 0 !important;
-st-icon-style: symbolic;
}
.aggregate-menu .popup-menu-icon:ltr {
margin-right: 6px !important;
}
.aggregate-menu .popup-menu-icon:rtl {
margin-left: 6px !important;
}
.app-menu,
.app-well-menu {
max-width: 27.25em;
}
.rename-folder-popup .rename-folder-popup-item {
spacing: 4px;
}
.rename-folder-popup .rename-folder-popup-item:ltr,
.rename-folder-popup .rename-folder-popup-item:rtl {
padding: 0 8px;
}
/* Screen Shield */
.unlock-dialog-clock {
color: white;
font-weight: 300;
text-align: center;
spacing: 24px;
padding-bottom: 2.5em;
}
.unlock-dialog-clock-time {
font-size: 64pt;
padding-top: 42px;
font-feature-settings: 'tnum';
}
.unlock-dialog-clock-date {
font-size: 16pt;
font-weight: normal;
}
.unlock-dialog-clock-hint {
font-weight: normal;
padding-top: 48px;
}
.unlock-dialog-notifications-container {
margin: 12px 0;
spacing: 6px;
width: 23em;
background-color: transparent;
}
.unlock-dialog-notifications-container .summary-notification-stack-scrollview {
padding-top: 0;
padding-bottom: 0;
}
.unlock-dialog-notifications-container .notification,
.unlock-dialog-notifications-container .unlock-dialog-notification-source {
padding: 12px 6px;
border: none;
background-color: rgba(0, 0, 0, 0.6);
color: white;
border-radius: 6px;
}
.unlock-dialog-notifications-container .notification.critical,
.unlock-dialog-notifications-container
.unlock-dialog-notification-source.critical {
background-color: rgba(0, 0, 0, 0.3);
}
.unlock-dialog-notification-label {
padding: 0px 0px 0px 12px;
}
.unlock-dialog-notification-count-text {
weight: bold;
padding: 0 6px;
color: white;
background-color: #0091ff;
border-radius: 99px;
margin-right: 12px;
}
.screen-shield-background {
background: black;
box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15);
}
#unlockDialogNotifications StButton#vhandle,
#unlockDialogNotifications StButton#hhandle {
background-color: rgba(51, 51, 51, 0.3);
}
#unlockDialogNotifications StButton#vhandle:hover,
#unlockDialogNotifications StButton#vhandle:focus,
#unlockDialogNotifications StButton#hhandle:hover,
#unlockDialogNotifications StButton#hhandle:focus {
background-color: rgba(51, 51, 51, 0.5);
}
#unlockDialogNotifications StButton#vhandle:active,
#unlockDialogNotifications StButton#hhandle:active {
background-color: st-transparentize(#0091ff, 0.5);
}
/* Scrollbars */
StScrollView.vfade {
-st-vfade-offset: 68px;
}
StScrollView.hfade {
-st-hfade-offset: 68px;
}
StScrollBar {
padding: 0;
margin: 6px;
}
StScrollView StScrollBar {
min-width: 8px;
min-height: 8px;
}
StScrollBar StBin#trough {
border-radius: 9999px;
background-color: rgba(255, 255, 255, 0.1);
}
StScrollBar StButton#vhandle,
StScrollBar StButton#hhandle {
border-radius: 9999px;
background-color: #999999;
border: 4px solid transparent;
}
StScrollBar StButton#vhandle:hover,
StScrollBar StButton#hhandle:hover {
background-color: #afafaf;
}
StScrollBar StButton#vhandle:active,
StScrollBar StButton#hhandle:active {
background-color: #dedede;
}
.app-folder-dialog .folder-name-container .folder-name-entry,
#overview .search-entry {
width: 320px;
min-height: 28px;
padding: 0 10px !important;
background-clip: padding-box;
color: rgba(255, 255, 255, 0.5);
caret-color: rgba(255, 255, 255, 0.85);
selection-background-color: rgba(255, 255, 255, 0.2);
selected-color: rgba(255, 255, 255, 0.85);
background-color: rgba(255, 255, 255, 0.12);
border-radius: 8px;
border-color: transparent !important;
box-shadow: none !important;
box-shadow: none;
}
.app-folder-dialog .folder-name-container .folder-name-entry:hover,
#overview .search-entry:hover {
background-color: rgba(255, 255, 255, 0.2);
border-color: transparent !important;
box-shadow: none !important;
color: rgba(255, 255, 255, 0.85);
box-shadow: none;
}
.app-folder-dialog .folder-name-container .folder-name-entry:focus,
#overview .search-entry:focus {
border-color: transparent !important;
background-color: rgba(255, 255, 255, 0.18);
box-shadow: none !important;
color: rgba(255, 255, 255, 0.85);
box-shadow: none;
}
.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon,
#overview .search-entry .search-entry-icon {
icon-size: 16px;
padding: 0 0;
color: rgba(255, 255, 255, 0.5);
}
.app-folder-dialog
.folder-name-container
.folder-name-entry:hover
.search-entry-icon,
.app-folder-dialog
.folder-name-container
.folder-name-entry:focus
.search-entry-icon,
#overview .search-entry:hover .search-entry-icon,
#overview .search-entry:focus .search-entry-icon {
color: rgba(255, 255, 255, 0.85);
}
.app-folder-dialog .folder-name-container .folder-name-entry:insensitive,
#overview .search-entry:insensitive {
color: rgba(255, 255, 255, 0.45);
}
.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text,
#overview .search-entry StLabel.hint-text {
color: rgba(255, 255, 255, 0.5);
}
/* Search */
.list-search-result,
.search-provider-icon {
border-radius: 6px;
padding: 8px;
transition-duration: 0;
text-align: center;
background-color: transparent;
}
.list-search-result:focus,
.search-provider-icon:focus,
.list-search-result:hover,
.search-provider-icon:hover,
.list-search-result:selected,
.search-provider-icon:selected {
background-color: rgba(255, 255, 255, 0.12);
transition: none;
}
.list-search-result:active,
.search-provider-icon:active,
.list-search-result:checked,
.search-provider-icon:checked {
background-color: rgba(255, 255, 255, 0.2);
transition-duration: 150ms;
}
#searchResultsContent {
max-width: 1024px;
spacing: 6px;
}
.search-section {
spacing: 6px;
}
.search-section .search-section-separator {
height: 0;
background-color: rgba(255, 255, 255, 0.12);
}
.search-section-content {
spacing: 6px;
border-radius: 16px;
padding: 12px;
border: none;
box-shadow: none;
background: rgba(255, 255, 255, 0.12);
text-shadow: none;
color: rgba(255, 255, 255, 0.85);
}
.search-statustext {
font-size: 2em;
font-weight: bold;
color: rgba(255, 255, 255, 0.5);
}
.grid-search-results {
spacing: 24px;
}
.search-provider-icon .list-search-provider-content {
spacing: 8px;
}
.search-provider-icon
.list-search-provider-content
.list-search-provider-details {
width: 120px;
margin-top: 0;
color: rgba(255, 255, 255, 0.5);
}
.list-search-results {
spacing: 4px;
}
.list-search-result .list-search-result-content {
spacing: 4px;
}
.list-search-result .list-search-result-title {
spacing: 8px;
}
.list-search-result .list-search-result-description {
color: rgba(255, 255, 255, 0.85);
}
/* App Switcher */
.switcher-popup {
padding: 8px;
spacing: 16px;
}
.switcher-list {
border-radius: 20px;
}
.switcher-list .item-box {
padding: 8px;
border-radius: 12px;
border: 1px solid transparent;
background-color: transparent;
color: #dedede;
}
.switcher-list .item-box:outlined {
background-color: rgba(255, 255, 255, 0.1);
color: #dedede;
}
.switcher-list .item-box:selected {
background-image: url('gradient-bg.svg');
color: rgba(255, 255, 255, 0.85);
}
.switcher-list .thumbnail-box {
padding: 2px;
spacing: 4px;
}
.switcher-list .thumbnail {
width: 256px;
}
.switcher-list .separator {
width: 1px;
background: rgba(255, 255, 255, 0.12);
}
.switcher-list .switcher-list-item-container {
spacing: 8px;
}
.switcher-arrow {
border-color: rgba(0, 0, 0, 0);
color: #999999;
}
.switcher-arrow:highlighted {
color: #dedede;
}
.input-source-switcher-symbol {
font-size: 34pt;
width: 96px;
height: 96px;
}
.cycler-highlight {
border: 5px solid #0091ff;
}
/* Tiled window previews */
.tile-preview {
background-color: st-transparentize(#0091ff, 0.75);
border: 1px solid #0091ff;
}
.tile-preview-left.on-primary {
border-radius: 9px 0 0 0;
}
.tile-preview-right.on-primary {
border-radius: 0 9px 0 0;
}
.tile-preview-left.tile-preview-right.on-primary {
border-radius: 9px 9px 0 0;
}
/* Workspace Switcher */
.workspace-switcher-group {
padding: 8px;
}
.workspace-switcher {
background: transparent;
border: none;
border-radius: 0;
padding: 0;
spacing: 8px;
}
.ws-switcher-box {
background: transparent;
height: 50px;
background-size: 32px;
background: rgba(255, 255, 255, 0.1);
border-radius: 6px;
}
.ws-switcher-active-up,
.ws-switcher-active-down,
.ws-switcher-active-left,
.ws-switcher-active-right {
height: 52px;
background-color: #0091ff;
color: rgba(255, 255, 255, 0.85);
border-radius: 11px;
border: none;
}
/* App Grid */
.icon-grid {
row-spacing: 12px;
column-spacing: 12px;
max-row-spacing: 36px;
max-column-spacing: 36px;
page-padding-top: 24px;
page-padding-bottom: 24px;
page-padding-left: 18px;
page-padding-right: 18px;
}
/* App Icons */
.overview-tile {
color: rgba(255, 255, 255, 0.85);
background-color: transparent;
border-radius: 36px;
padding: 12px;
spacing: 4px;
text-align: center;
transition-duration: 100ms;
}
.overview-tile:focus {
color: white;
background-color: rgba(255, 255, 255, 0.12);
}
.overview-tile:hover {
color: white;
background-color: rgba(255, 255, 255, 0.12);
}
.overview-tile:active {
color: white;
background-color: rgba(255, 255, 255, 0.2);
}
.overview-tile:highlighted,
.overview-tile:selected,
.overview-tile:checked {
color: white;
background-color: rgba(255, 255, 255, 0.2);
}
.overview-tile:insensitive {
color: rgba(255, 255, 255, 0.35);
background-color: transparent;
}
.overview-tile .overview-icon.overview-icon-with-label > StBoxLayout {
spacing: 6px;
}
.app-grid-running-dot {
width: 5px;
height: 5px;
border-radius: 5px;
background-color: rgba(255, 255, 255, 0.85);
margin-bottom: 0 !important;
offset-y: 6px;
}
StWidget.focused .app-grid-running-dot {
background-color: #0091ff;
}
.app-folder {
background-color: rgba(255, 255, 255, 0.12);
}
.app-folder:focus {
background-color: rgba(255, 255, 255, 0.12);
}
.app-folder:hover {
background-color: rgba(255, 255, 255, 0.2);
}
.app-folder:active {
background-color: rgba(255, 255, 255, 0.3);
}
.app-folder:highlighted,
.app-folder:selected,
.app-folder:checked {
background-color: rgba(255, 255, 255, 0.3);
}
.app-folder:insensitive {
background-color: transparent;
}
.app-folder-dialog-container {
padding-top: 28px;
}
.app-folder-dialog {
width: 720px;
height: 720px;
}
.app-folder-dialog .page-indicators {
margin-bottom: 16px;
}
.app-folder-dialog .icon-button,
.app-folder-dialog .message .message-header .message-expand-button,
.message .message-header .app-folder-dialog .message-expand-button,
.app-folder-dialog .message .message-header .message-close-button,
.message .message-header .app-folder-dialog .message-close-button,
.app-folder-dialog .message-notification-group .message-collapse-button,
.message-notification-group .app-folder-dialog .message-collapse-button,
.app-folder-dialog .page-navigation-arrow {
color: rgba(255, 255, 255, 0.85);
background-color: transparent;
border: none !important;
}
.app-folder-dialog .icon-button:hover,
.app-folder-dialog .message .message-header .message-expand-button:hover,
.message .message-header .app-folder-dialog .message-expand-button:hover,
.app-folder-dialog .message .message-header .message-close-button:hover,
.message .message-header .app-folder-dialog .message-close-button:hover,
.app-folder-dialog .message-notification-group .message-collapse-button:hover,
.message-notification-group .app-folder-dialog .message-collapse-button:hover,
.app-folder-dialog .page-navigation-arrow:hover {
background-color: rgba(255, 255, 255, 0.12);
color: white;
}
.app-folder-dialog .icon-button:active,
.app-folder-dialog .message .message-header .message-expand-button:active,
.message .message-header .app-folder-dialog .message-expand-button:active,
.app-folder-dialog .message .message-header .message-close-button:active,
.message .message-header .app-folder-dialog .message-close-button:active,
.app-folder-dialog .message-notification-group .message-collapse-button:active,
.message-notification-group .app-folder-dialog .message-collapse-button:active,
.app-folder-dialog .page-navigation-arrow:active {
background-color: rgba(255, 255, 255, 0.2);
color: white;
}
.apps-scroll-view {
padding: 0;
}
.system-action-icon {
background-color: rgba(255, 255, 255, 0.06);
color: white;
border-radius: 9999px;
icon-size: 48px;
}
.page-navigation-hint {
width: 220px;
}
.page-navigation-hint.dnd {
background: rgba(255, 255, 255, 0.1);
}
.page-navigation-hint.next:ltr,
.page-navigation-hint.previous:rtl {
background-gradient-start: rgba(255, 255, 255, 0.12);
background-gradient-end: transparent;
background-gradient-direction: horizontal;
border-radius: 16px 0px 0px 16px;
}
.page-navigation-hint.previous:ltr,
.page-navigation-hint.next:rtl {
background-gradient-start: transparent;
background-gradient-end: rgba(255, 255, 255, 0.12);
background-gradient-direction: horizontal;
border-radius: 0px 16px 16px 0px;
}
.page-navigation-arrow {
margin: 4px;
padding: 12px;
width: 24px;
height: 24px;
border-radius: 9999px;
color: rgba(255, 255, 255, 0.85);
background-color: transparent;
}
.page-navigation-arrow > StIcon {
color: white;
}
.page-navigation-arrow:insensitive {
background-color: rgba(255, 255, 255, 0.06);
color: rgba(255, 255, 255, 0.35);
}
.page-navigation-arrow:hover {
background-color: rgba(255, 255, 255, 0.12);
color: white;
}
.page-navigation-arrow:active {
background-color: rgba(255, 255, 255, 0.2);
color: white;
}
/* Check Boxes */
.check-box StBoxLayout {
spacing: 0.8em;
}
.check-box StBin {
border-radius: 7px;
padding: 2px;
}
.check-box:focus StBin {
background-color: rgba(0, 0, 0, 0.01);
box-shadow: inset 0 0 0 2px st-transparentize(#0091ff, 0.65);
}
.check-box StIcon {
icon-size: 14px;
padding: 1px;
color: transparent;
border-radius: 6px;
border: 2px solid rgba(255, 255, 255, 0.15);
}
.check-box:hover StIcon {
border-color: rgba(255, 255, 255, 0.2);
}
.check-box:active StIcon {
border-color: rgba(255, 255, 255, 0.3);
}
.check-box:checked StIcon {
background-color: #0091ff;
color: -st-accent-fg-color;
border-color: transparent;
}
.check-box:checked:hover StIcon {
background-color: st-lighten(#0091ff, 5%);
color: st-lighten(-st-accent-fg-color, 5%);
}
.check-box:checked:active StIcon {
background-color: st-darken(#0091ff, 7%);
color: st-darken(-st-accent-fg-color, 7%);
}
/* Dash */
#dash {
padding-left: 0;
padding-right: 0;
}
#dash .dash-background {
background-color: rgba(255, 255, 255, 0.12);
border-radius: 28px;
padding-top: 8px;
padding-bottom: 8px;
padding-left: 6.5px;
padding-right: 6.5px;
border: none;
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
}
#dash .dash-item-container .placeholder {
background-image: none;
background-size: contain;
height: 32px;
}
#dash .dash-item-container .empty-dash-drop-target {
width: 32px;
height: 32px;
}
#dash .dash-item-container .show-apps,
#dash .dash-item-container .overview-tile {
background: none;
box-shadow: none;
border: none;
border-radius: 0;
padding: 0;
margin: 0 1.5px;
padding-bottom: 9px;
}
#dash .dash-item-container .show-apps .overview-icon,
#dash .dash-item-container .overview-tile .overview-icon {
border-radius: 20px;
padding: 4px;
spacing: 4px;
text-align: center;
transition-duration: 100ms;
background: none;
}
#dash .dash-item-container .show-apps:focus .overview-icon,
#dash .dash-item-container .overview-tile:focus .overview-icon {
background-color: rgba(255, 255, 255, 0.12);
}
#dash .dash-item-container .show-apps:hover .overview-icon,
#dash .dash-item-container .overview-tile:hover .overview-icon {
background-color: rgba(255, 255, 255, 0.12);
}
#dash .dash-item-container .show-apps:active .overview-icon,
#dash .dash-item-container .overview-tile:active .overview-icon {
background-color: rgba(255, 255, 255, 0.2);
}
#dash .dash-item-container .show-apps:highlighted .overview-icon,
#dash .dash-item-container .show-apps:selected .overview-icon,
#dash .dash-item-container .show-apps:checked .overview-icon,
#dash .dash-item-container .overview-tile:highlighted .overview-icon,
#dash .dash-item-container .overview-tile:selected .overview-icon,
#dash .dash-item-container .overview-tile:checked .overview-icon {
background-color: rgba(255, 255, 255, 0.2);
}
#dash .dash-item-container .show-apps:insensitive .overview-icon,
#dash .dash-item-container .overview-tile:insensitive .overview-icon {
background-color: transparent;
}
#dash .dash-item-container .app-grid-running-dot {
offset-y: -9px;
}
#dash .dash-separator {
width: 1px;
margin-left: 3px;
margin-right: 3px;
background-color: rgba(255, 255, 255, 0.15);
}
#dash .dash-separator,
#dash .dash-background {
margin-bottom: 9px;
}
.dash-label {
-y-offset: 6px;
}
/* Modal Dialogs */
.modal-dialog,
.candidate-popup-content {
background-color: rgba(0, 0, 0, 0.92);
border-radius: 30px;
box-shadow: inset 1.6px 1.6px 4px -4px rgba(255, 255, 255, 0.6);
}
.modal-dialog .modal-dialog-button:last-child,
.modal-dialog .modal-dialog-linked-button:last-child {
color: white !important;
background-color: #0091ff;
background-gradient-direction: none !important;
border-radius: 20px;
}
.modal-dialog .modal-dialog-button:hover:last-child,
.modal-dialog .modal-dialog-linked-button:hover:last-child {
color: white !important;
background-gradient-direction: none !important;
background-color: st-lighten(#0091ff, 9%);
}
.modal-dialog .modal-dialog-button:active:last-child,
.modal-dialog .modal-dialog-linked-button:active:last-child {
color: white !important;
background-gradient-direction: none !important;
background-color: st-darken(#0091ff, 5%);
}
.modal-dialog .modal-dialog-button:insensitive:last-child,
.modal-dialog .modal-dialog-linked-button:insensitive:last-child {
background-gradient-direction: none !important;
background-color: st-transparentize(#0091ff, 0.9);
color: st-transparentize(#0091ff, 0.65) !important;
}
.modal-dialog {
color: #dedede;
padding: 12px;
}
.modal-dialog .modal-dialog-content-box {
padding: 16px 32px 6px;
spacing: 12px;
max-width: 28em;
}
.modal-dialog .modal-dialog-button-box {
padding-top: 4px;
spacing: 4px;
}
.modal-dialog .modal-dialog-button,
.modal-dialog .modal-dialog-linked-button {
min-height: 40px;
padding: 0 16px;
margin: 0;
border: none !important;
border-radius: 9999px;
font-weight: bold;
color: #dedede;
background-color: #313131;
border: none;
text-shadow: none;
icon-shadow: none;
}
.modal-dialog .modal-dialog-button:hover,
.modal-dialog .modal-dialog-linked-button:hover {
color: #dedede;
border: none;
text-shadow: none;
icon-shadow: none;
background-color: st-mix(#dedede, #313131, 6%);
}
.modal-dialog .modal-dialog-button:active,
.modal-dialog .modal-dialog-linked-button:active {
color: #dedede;
border: none;
text-shadow: none;
icon-shadow: none;
background-color: st-mix(#dedede, #313131, 12%);
}
.modal-dialog .modal-dialog-button:checked,
.modal-dialog .modal-dialog-linked-button:checked {
color: white;
background-color: #0091ff;
border: none;
text-shadow: none;
icon-shadow: none;
}
.modal-dialog .modal-dialog-button:insensitive,
.modal-dialog .modal-dialog-linked-button:insensitive {
color: rgba(222, 222, 222, 0.35);
background-color: #313131;
border: none;
text-shadow: none;
icon-shadow: none;
}
.modal-dialog .modal-dialog-button:focus,
.modal-dialog .modal-dialog-linked-button:focus {
color: #dedede;
text-shadow: none;
icon-shadow: none;
box-shadow: none !important;
}
.end-session-dialog {
width: 28em;
}
.end-session-dialog .end-session-dialog-battery-warning,
.end-session-dialog .dialog-list-title {
color: #e9873a;
}
.message-dialog-content {
spacing: 18px;
}
.message-dialog-content .message-dialog-title {
text-align: center;
}
.message-dialog-content .message-dialog-description {
text-align: center;
}
.dialog-list {
spacing: 18px;
}
.dialog-list .dialog-list-title {
text-align: center;
}
.dialog-list .dialog-list-scrollview {
max-height: 200px;
}
.dialog-list .dialog-list-box {
spacing: 1em;
}
.dialog-list .dialog-list-box .dialog-list-item {
spacing: 1em;
}
.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title {
font-weight: bold;
}
.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description {
color: #afafaf;
}
.run-dialog {
width: 24em;
}
.run-dialog .run-dialog-entry {
padding: 8px 6px;
}
.run-dialog .run-dialog-description {
text-align: center;
color: #afafaf;
}
.prompt-dialog {
width: 24em;
}
.prompt-dialog-password-grid {
spacing-rows: 8px;
spacing-columns: 4px;
}
.prompt-dialog-password-grid .prompt-dialog-password-entry {
width: auto;
}
.prompt-dialog-password-grid .prompt-dialog-password-entry:ltr {
margin-left: 20px;
}
.prompt-dialog-password-grid .prompt-dialog-password-entry:rtl {
margin-right: 20px;
}
.prompt-dialog-password-layout {
spacing: 8px;
}
.prompt-dialog-password-entry {
width: 20em;
padding: 8px 6px;
}
.prompt-dialog-error-label,
.prompt-dialog-info-label,
.prompt-dialog-null-label {
text-align: center;
}
.prompt-dialog-error-label {
color: #ed5f5d;
}
.prompt-dialog-info-label,
.prompt-dialog-null-label {
color: #999999;
}
.polkit-dialog-user-layout {
text-align: center;
spacing: 8px;
margin-bottom: 6px;
}
.polkit-dialog-user-layout .polkit-dialog-user-root-label {
color: #e9873a;
}
.audio-device-selection-dialog .modal-dialog-content-box {
margin-bottom: 28px;
}
.audio-device-selection-dialog .audio-selection-box {
spacing: 20px;
}
.audio-selection-device {
min-width: 24em;
border: 1px solid rgba(255, 255, 255, 0.12);
border-radius: 6px;
}
.audio-selection-device:hover,
.audio-selection-device:focus {
background-color: rgba(255, 255, 255, 0.12);
}
.audio-selection-device:active {
background-color: #0091ff;
color: white;
}
.audio-selection-device-box {
padding: 8px;
spacing: 8px;
}
.audio-selection-device-icon {
icon-size: 64px;
}
.welcome-dialog-image {
background-image: url('resource:///org/gnome/shell/theme/gnome-shell-start.svg');
background-size: contain;
height: 300px;
width: 300px;
}
/* Access portal dialog */
.access-dialog {
text-align: center;
}
/* Message List */
.message-list {
width: 29em;
text-shadow: none;
border: none;
padding: 0 3px;
}
.message-list:ltr {
margin-left: 0;
margin-right: 0;
padding-right: 4px;
border-right-width: 0;
}
.message-list:rtl {
margin-right: 0;
margin-left: 0;
padding-left: 4px;
border-left-width: 0;
}
.message-list .message-list-placeholder {
color: rgba(222, 222, 222, 0.35);
}
.message-list .message-list-placeholder > StIcon {
icon-size: 96px;
margin-bottom: 9px;
-st-icon-style: symbolic;
}
.message-view {
-st-vfade-offset: 68px;
}
.message-view:ltr {
margin-right: 15px;
}
.message-view:rtl {
margin-left: 15px;
}
.message-view .message {
margin-bottom: 8px !important;
}
.message-list-controls {
padding: 8px;
padding-bottom: 4px;
spacing: 4px;
}
.message-list-controls .dnd-button {
border-width: 2px;
border-color: transparent;
border-radius: 32px;
border-style: solid;
}
.message-list-controls .dnd-button:focus {
border-color: st-transparentize(#0091ff, 0.4);
}
.message-notification-group {
spacing: 8px;
}
.message-notification-group .message-group-header {
padding: 4px;
}
.message-notification-group .message-group-header .message-group-title {
margin: 0 3px;
}
.message-notification-group .message-collapse-button {
color: #dedede;
background-color: rgba(222, 222, 222, 0.2);
padding: 4px !important;
border: 4px transparent solid;
}
.message-notification-group .message-collapse-button:hover {
background-color: rgba(222, 222, 222, 0.3);
}
.message-notification-group .message-collapse-button:active {
background-color: rgba(222, 222, 222, 0.2);
}
.popup-menu .message {
border-radius: 20px;
padding: 4px;
margin: 3px;
background-color: rgba(255, 255, 255, 0.15);
border-radius: 20px;
box-shadow: inset 0 0 4px 0.1px rgba(255, 255, 255, 0.4);
color: #afafaf;
}
.popup-menu .message:hover,
.popup-menu .message:focus {
color: #dedede;
background-color: rgba(255, 255, 255, 0.3);
}
.popup-menu .message:active {
color: #dedede;
background-color: rgba(255, 255, 255, 0.3);
box-shadow: none !important;
}
.popup-menu .message:insensitive {
color: rgba(175, 175, 175, 0.35);
background-color: rgba(62, 62, 62, 0.5);
box-shadow: none !important;
}
.message {
border: none;
}
.message:second-in-stack {
background-color: #404040;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.02);
}
.message:lower-in-stack {
background-color: #363636;
box-shadow: none;
border-color: transparent;
}
.message .message-header {
padding: 0 4px;
spacing: 4px;
color: rgba(222, 222, 222, 0.35);
}
.message .message-header:ltr {
padding-right: 0;
}
.message .message-header:rtl {
padding-left: 0;
}
.message .message-header .message-source-icon {
icon-size: 1.091em;
-st-icon-style: symbolic;
}
.message .message-header .message-header-content {
spacing: 4px;
min-height: 1.637em;
padding-bottom: 4px;
}
.message .message-header .message-header-content .message-source-title {
font-weight: bold;
}
.message .message-header .message-header-content .event-time {
color: rgba(222, 222, 222, 0.35);
padding-bottom: 0.068em;
}
.message .message-header .message-header-content .event-time:ltr {
text-align: right;
}
.message .message-header .message-header-content .event-time:rtl {
text-align: left;
}
.message .message-header .message-expand-button,
.message .message-header .message-close-button {
color: #dedede;
background-color: rgba(222, 222, 222, 0.1);
padding: 4px;
border: none;
}
.message .message-header .message-expand-button:hover,
.message .message-header .message-close-button:hover {
background-color: rgba(222, 222, 222, 0.19);
}
.message .message-header .message-expand-button:active,
.message .message-header .message-expand-button:active:hover,
.message .message-header .message-close-button:active,
.message .message-header .message-close-button:active:hover {
background-color: rgba(222, 222, 222, 0.24);
}
.message .message-header .message-expand-button:insensitive,
.message .message-header .message-close-button:insensitive {
background-color: rgba(222, 222, 222, 0.07);
}
.message .message-header .message-expand-button {
padding: 4px;
}
.message .message-header .message-expand-button:ltr {
margin-right: 4px;
}
.message .message-header .message-expand-button:rtl {
margin-left: 4px;
}
.message .message-box {
padding: 4px;
margin: 4px;
margin-top: 0;
spacing: 4px;
}
.message .message-box .message-icon {
icon-size: 48px;
}
.message .message-box .message-icon:ltr {
margin-right: 4px;
}
.message .message-box .message-icon:rtl {
margin-left: 4px;
}
.message .message-box .message-icon.message-themed-icon {
border-radius: 9999px;
background-color: rgba(222, 222, 222, 0.2);
icon-size: 16px;
min-width: 32px;
min-height: 32px;
padding: 8px;
}
.message .message-box:first-child {
margin-top: 8px;
}
.message .message-box .message-content {
spacing: 3px;
}
.message .message-box .message-content .message-title {
font-weight: bold;
}
.message .message-action-bin {
padding: 3px;
spacing: 4px;
}
.message .message-action-bin * {
margin: 0 3px;
}
.message .message-action-bin *:first-child:ltr {
margin-left: 0;
}
.message .message-action-bin *:first-child:rtl {
margin-right: 0;
}
.message .message-action-bin *:last-child:ltr {
margin-right: 0;
}
.message .message-action-bin *:last-child:rtl {
margin-left: 0;
}
.url-highlighter {
link-color: #3484e2;
}
.message-media-control {
margin: 7px 4px !important;
padding: 8px !important;
border-radius: 9999px;
color: #afafaf;
}
.message-media-control:hover,
.message-media-control:focus {
color: #dedede;
background-color: rgba(255, 255, 255, 0.1);
}
.message-media-control:active {
color: #dedede;
background-color: rgba(255, 255, 255, 0.16);
}
.message-media-control:insensitive {
color: rgba(222, 222, 222, 0.35);
}
.message-media-control StIcon {
icon-size: 16px;
}
.media-message .message-icon {
border-radius: 6px !important;
}
.media-message .message-icon.message-themed-icon {
icon-size: 32px !important;
}
/* Notifications & Message Tray */
.notification-banner {
min-height: 64px;
width: 34em;
border-radius: 14px;
margin: 8px;
padding: 4px;
color: #dedede;
background-color: rgba(36, 36, 36, 0.92);
border: 1px solid rgba(0, 0, 0, 0.75);
text-shadow: none;
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.15);
}
.notification-buttons-bin {
spacing: 0;
padding: 0;
}
.notification-button {
min-height: 32px;
padding: 0 8px;
background-color: rgba(255, 255, 255, 0.05);
color: #afafaf;
font-weight: 500;
border: 1px solid transparent;
border-radius: 6px;
}
.notification-button:focus {
background-color: #242424;
color: #dedede;
box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.1) !important;
}
.notification-button:hover {
background-color: rgba(255, 255, 255, 0.1);
color: #dedede;
box-shadow: none;
}
.notification-button:active,
.notification-button:checked {
background-color: rgba(255, 255, 255, 0.16);
color: #dedede;
}
.notification-button:insensitive {
background-color: transparent;
color: rgba(175, 175, 175, 0.35);
}
.controls-manager,
.secondary-monitor-workspaces {
spacing: 8px;
}
#overviewGroup {
background-color: #2a2a2a;
}
.osd-window {
spacing: 8px;
padding: 8px 12px;
margin-bottom: 4em;
}
.osd-window > * {
spacing: 8px;
}
.osd-window StIcon {
icon-size: 32px;
}
.osd-window StLabel:ltr {
margin-right: 6px;
}
.osd-window StLabel:rtl {
margin-left: 6px;
}
.osd-window .level {
margin-bottom: 4px;
min-width: 160px;
}
.osd-window .level:first-child {
margin-bottom: 0px;
}
.osd-window .level:ltr {
margin-right: 4px;
}
.osd-window .level:rtl {
margin-left: 4px;
}
#appMenu {
spacing: 4px;
}
#appMenu .label-shadow {
color: transparent;
}
#appMenu .panel-status-menu-box {
padding: 0 4px;
spacing: 4px;
}
.popup-menu-item:ltr {
padding-right: 8px;
padding-left: 8px;
}
.popup-menu-item:rtl {
padding-left: 8px;
padding-right: 8px;
}
.popup-separator-menu-item {
border: none !important;
}
.popup-separator-menu-item:ltr {
margin-right: 4px;
}
.popup-separator-menu-item:rtl {
margin-left: 4px;
}
.popup-separator-menu-item .popup-separator-menu-item-separator {
height: 1px;
background-color: rgba(255, 255, 255, 0.12);
}
.popup-separator-menu-item .popup-menu-ornament {
width: 0 !important;
}
.popup-sub-menu .popup-separator-menu-item {
background-color: transparent;
}
.popup-sub-menu .popup-separator-menu-item:ltr {
margin-right: 2.5em;
}
.popup-sub-menu .popup-separator-menu-item:rtl {
margin-left: 2.5em;
}
.popup-sub-menu
.popup-separator-menu-item
.popup-separator-menu-item-separator {
background-color: rgba(255, 255, 255, 0.08);
}
.aggregate-menu .popup-menu-ornament,
.aggregate-menu .popup-sub-menu .popup-menu-ornament {
width: 0 !important;
}
.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr {
margin-left: 10px;
}
.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl {
margin-right: 10px;
}
.app-menu {
max-width: 27.25em;
}
.app-menu .popup-menu-ornament {
width: 0 !important;
}
.app-menu .popup-inactive-menu-item:first-child > StLabel:ltr {
margin-right: 6px;
}
.app-menu .popup-inactive-menu-item:first-child > StLabel:rtl {
margin-left: 6px;
}
.quick-settings {
padding: 20px !important;
padding-top: 8px !important;
border-radius: 33px !important;
margin-top: 8px !important;
background: none;
border: none;
box-shadow: none;
border-image: url('assets/menu.svg') 30 30 30 30;
}
.quick-settings .icon-button,
.quick-settings .message-notification-group .message-collapse-button,
.message-notification-group .quick-settings .message-collapse-button,
.quick-settings .message .message-header .message-expand-button,
.message .message-header .quick-settings .message-expand-button,
.quick-settings .message .message-header .message-close-button,
.message .message-header .quick-settings .message-close-button,
.quick-settings .button {
padding: 7px;
}
.quick-settings .icon-button StIcon,
.quick-settings .message-notification-group .message-collapse-button StIcon,
.message-notification-group .quick-settings .message-collapse-button StIcon,
.quick-settings .message .message-header .message-expand-button StIcon,
.message .message-header .quick-settings .message-expand-button StIcon,
.quick-settings .message .message-header .message-close-button StIcon,
.message .message-header .quick-settings .message-close-button StIcon,
.quick-settings .button StIcon {
icon-size: 16px;
}
.quick-settings-grid {
spacing-rows: 12px;
spacing-columns: 12px;
}
.quick-toggle,
.quick-toggle-has-menu {
min-width: 13em;
max-width: 13em;
min-height: 3.4em;
border: none;
box-shadow: inset 0 0 4px rgba(255, 255, 255, 0.35) !important;
color: white;
}
.quick-toggle {
background-color: rgba(255, 255, 255, 0.15) !important;
border-radius: 9999px;
color: white;
padding: 0 12px;
/* Move padding into the box; this is to allow menu arrows
to extend to the border */
}
.quick-toggle:hover {
background-color: rgba(255, 255, 255, 0.2) !important;
color: white;
}
.quick-toggle:active {
background-color: rgba(255, 255, 255, 0.25) !important;
color: white;
}
.quick-toggle:checked {
background-color: white !important;
color: #0091ff;
}
.quick-toggle:checked:hover {
color: #0091ff;
background-color: st-mix(#dadada, white, 6%) !important;
}
.quick-toggle:checked:active {
color: #0091ff;
background-color: st-mix(#dadada, white, 15%) !important;
}
.quick-toggle > StBoxLayout {
spacing: 8px;
}
.quick-toggle.button {
padding: 0;
}
.quick-toggle > StBoxLayout {
padding: 0 8px;
}
.quick-toggle:ltr > StBoxLayout {
padding-left: 20px;
}
.quick-toggle:rtl > StBoxLayout {
padding-right: 20px;
}
.quick-toggle .quick-toggle-subtitle {
font-weight: normal;
}
.quick-toggle .quick-toggle-icon {
icon-size: 16px;
}
.quick-toggle-has-menu {
background-color: rgba(255, 255, 255, 0.15) !important;
border-radius: 9999px;
padding: 4px 0;
}
.quick-toggle-has-menu:hover {
background-color: rgba(255, 255, 255, 0.2) !important;
}
.quick-toggle-has-menu:active {
background-color: rgba(255, 255, 255, 0.25) !important;
}
.quick-toggle-has-menu:checked {
background-color: rgba(255, 255, 255, 0.15) !important;
}
.quick-toggle-has-menu .quick-toggle {
min-width: auto;
max-width: auto;
}
.quick-toggle-has-menu .quick-toggle,
.quick-toggle-has-menu .quick-toggle:hover,
.quick-toggle-has-menu .quick-toggle:active,
.quick-toggle-has-menu .quick-toggle:checked {
background: none !important;
box-shadow: none !important;
color: white;
}
.quick-toggle-has-menu .quick-toggle .quick-toggle-icon {
border-radius: 9999px;
min-height: 3.4em !important;
min-width: 3.4em !important;
background-color: rgba(255, 255, 255, 0.15);
}
.quick-toggle-has-menu .quick-toggle:hover .quick-toggle-icon {
background-color: rgba(255, 255, 255, 0.2);
}
.quick-toggle-has-menu .quick-toggle:active .quick-toggle-icon {
background-color: rgba(255, 255, 255, 0.25);
}
.quick-toggle-has-menu .quick-toggle:checked .quick-toggle-icon {
color: #0091ff;
background-color: white;
}
.quick-toggle-has-menu .quick-toggle:ltr {
border-radius: 9999px;
}
.quick-toggle-has-menu .quick-toggle:ltr > StBoxLayout {
padding-left: 12px;
padding-right: 8px;
}
.quick-toggle-has-menu .quick-toggle:rtl {
border-radius: 9999px;
}
.quick-toggle-has-menu .quick-toggle:rtr > StBoxLayout {
padding-left: 8px;
padding-right: 12px;
}
.quick-toggle-has-menu .quick-toggle:ltr:last-child {
border-radius: 9999px;
}
.quick-toggle-has-menu .quick-toggle:rtl:last-child {
border-radius: 9999px;
}
.quick-toggle-has-menu .quick-toggle-menu-button {
padding: 0;
min-width: 2.4em;
min-height: 2.4em;
margin: 1em;
border-radius: 9999px;
border: none;
color: white;
background-color: transparent;
}
.quick-toggle-has-menu .quick-toggle-menu-button:hover {
background-color: rgba(255, 255, 255, 0.2);
color: white;
}
.quick-toggle-has-menu .quick-toggle-menu-button:active {
background-color: rgba(255, 255, 255, 0.25);
color: white;
}
.quick-toggle-has-menu .quick-toggle-menu-button:ltr {
border-radius: 9999px;
}
.quick-toggle-has-menu .quick-toggle-menu-button:rtl {
border-radius: 9999px;
}
.quick-toggle-has-menu .quick-toggle-separator {
width: 0;
}
.quick-slider {
background-color: rgba(255, 255, 255, 0.15);
border-radius: 24px;
box-shadow: inset 0 0 4px rgba(255, 255, 255, 0.35) !important;
padding: 1.636em 0.818em;
color: white;
}
.quick-slider > StBoxLayout {
spacing: 4px;
}
.quick-slider .icon-button,
.quick-slider .message-notification-group .message-collapse-button,
.message-notification-group .quick-slider .message-collapse-button,
.quick-slider .message .message-header .message-expand-button,
.message .message-header .quick-slider .message-expand-button,
.quick-slider .message .message-header .message-close-button,
.message .message-header .quick-slider .message-close-button {
padding: 0.6135em;
color: white;
}
.quick-slider .icon-button:hover,
.quick-slider .message-notification-group .message-collapse-button:hover,
.message-notification-group .quick-slider .message-collapse-button:hover,
.quick-slider .message .message-header .message-expand-button:hover,
.message .message-header .quick-slider .message-expand-button:hover,
.quick-slider .message .message-header .message-close-button:hover,
.message .message-header .quick-slider .message-close-button:hover {
background-color: rgba(255, 255, 255, 0.2);
color: white;
}
.quick-slider .icon-button:active,
.quick-slider .message-notification-group .message-collapse-button:active,
.message-notification-group .quick-slider .message-collapse-button:active,
.quick-slider .message .message-header .message-expand-button:active,
.message .message-header .quick-slider .message-expand-button:active,
.quick-slider .message .message-header .message-close-button:active,
.message .message-header .quick-slider .message-close-button:active {
background-color: rgba(255, 255, 255, 0.25);
color: white;
}
.quick-slider .slider-bin {
min-height: 16px;
padding: 4px;
border-radius: 9999px;
}
.quick-slider .slider-bin:focus {
color: white;
}
.quick-toggle-menu {
background-color: rgba(36, 36, 36, 0.92) !important;
border-radius: 20px;
padding: 12px;
margin: 8px 28px 0;
border: none !important;
box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.18);
}
.quick-toggle-menu .popup-menu-item {
min-height: 20px;
padding: 8px 12px;
}
.quick-toggle-menu .popup-menu-item:focus,
.quick-toggle-menu .popup-menu-item:hover,
.quick-toggle-menu .popup-menu-item:selected {
background-color: rgba(255, 255, 255, 0.1) !important;
color: #dedede !important;
}
.quick-toggle-menu .popup-menu-item:active {
background-color: rgba(255, 255, 255, 0.16) !important;
color: #dedede !important;
}
.quick-toggle-menu .popup-menu-item > StIcon {
-st-icon-style: symbolic;
}
.quick-toggle-menu .header {
spacing-rows: 2px;
spacing-columns: 8px;
padding-bottom: 8px;
color: #dedede;
}
.quick-toggle-menu .header .icon {
icon-size: 16px;
border-radius: 9999px;
padding: 10px;
background-color: rgba(255, 255, 255, 0.05);
color: #dedede;
}
.quick-toggle-menu .header .icon.active {
background-color: #0091ff;
color: white;
}
.quick-settings-system-item > StBoxLayout {
spacing: 8px;
}
.quick-settings-system-item .icon-button,
.quick-settings-system-item
.message-notification-group
.message-collapse-button,
.message-notification-group
.quick-settings-system-item
.message-collapse-button,
.quick-settings-system-item .message .message-header .message-expand-button,
.message .message-header .quick-settings-system-item .message-expand-button,
.quick-settings-system-item .message .message-header .message-close-button,
.message .message-header .quick-settings-system-item .message-close-button {
background-color: rgba(255, 255, 255, 0.15);
color: white;
border-radius: 9999px;
min-height: 28px !important;
min-width: 28px !important;
padding: 0.818em;
box-shadow: inset 0 0 4px rgba(255, 255, 255, 0.35) !important;
}
.quick-settings-system-item .icon-button:hover,
.quick-settings-system-item
.message-notification-group
.message-collapse-button:hover,
.message-notification-group
.quick-settings-system-item
.message-collapse-button:hover,
.quick-settings-system-item
.message
.message-header
.message-expand-button:hover,
.message
.message-header
.quick-settings-system-item
.message-expand-button:hover,
.quick-settings-system-item
.message
.message-header
.message-close-button:hover,
.message
.message-header
.quick-settings-system-item
.message-close-button:hover {
background-color: rgba(255, 255, 255, 0.2);
}
.quick-settings-system-item .icon-button:active,
.quick-settings-system-item
.message-notification-group
.message-collapse-button:active,
.message-notification-group
.quick-settings-system-item
.message-collapse-button:active,
.quick-settings-system-item
.message
.message-header
.message-expand-button:active,
.message
.message-header
.quick-settings-system-item
.message-expand-button:active,
.quick-settings-system-item
.message
.message-header
.message-close-button:active,
.message
.message-header
.quick-settings-system-item
.message-close-button:active {
background-color: rgba(255, 255, 255, 0.25);
}
.quick-settings-system-item .icon-button > StIcon,
.quick-settings-system-item .background-app-item .icon-button > StIcon,
.quick-settings-system-item
.message-notification-group
.background-app-item
.message-collapse-button
> StIcon,
.quick-settings-system-item
.message
.message-header
.background-app-item
.message-expand-button
> StIcon,
.quick-settings-system-item
.message
.message-header
.background-app-item
.message-close-button
> StIcon,
.quick-settings-system-item
.message-notification-group
.message-collapse-button
> StIcon,
.message-notification-group
.quick-settings-system-item
.message-collapse-button
> StIcon,
.quick-settings-system-item
.message
.message-header
.message-expand-button
> StIcon,
.message
.message-header
.quick-settings-system-item
.message-expand-button
> StIcon,
.quick-settings-system-item
.message
.message-header
.message-close-button
> StIcon,
.message
.message-header
.quick-settings-system-item
.message-close-button
> StIcon {
-st-icon-style: symbolic;
icon-size: 16px;
}
.quick-settings-system-item .power-item {
min-height: 0;
min-width: 0;
}
.quick-settings-system-item .power-item:insensitive {
color: rgba(255, 255, 255, 0.35);
background-color: transparent;
}
.nm-network-item .wireless-secure-icon {
icon-size: 8px;
}
.bt-device-item .popup-menu-icon {
-st-icon-style: symbolic;
}
.bt-menu-placeholder.popup-menu-item {
text-align: center;
padding: 2em 4em;
}
.device-subtitle {
color: rgba(222, 222, 222, 0.5);
}
.keyboard-brightness-level {
spacing: 4px;
}
.background-apps-quick-toggle {
min-height: 38px;
padding: 0.818em !important;
background-color: transparent;
}
.background-apps-quick-toggle StIcon {
icon-size: 16px !important;
}
.background-app-item .popup-menu-icon {
icon-size: 24px !important;
-st-icon-style: regular !important;
}
.background-app-item .icon-button,
.background-app-item .message-notification-group .message-collapse-button,
.message-notification-group .background-app-item .message-collapse-button,
.background-app-item .message .message-header .message-expand-button,
.message .message-header .background-app-item .message-expand-button,
.background-app-item .message .message-header .message-close-button,
.message .message-header .background-app-item .message-close-button {
padding: 4px;
}
.background-app-item .spinner {
padding: 4px;
}
.background-app-item.popup-inactive-menu-item {
color: #dedede;
}
#unlockDialogNotifications StButton#vhandle,
#unlockDialogNotifications StButton#hhandle {
background-color: rgba(51, 51, 51, 0.3);
}
#unlockDialogNotifications StButton#vhandle:hover,
#unlockDialogNotifications StButton#vhandle:focus,
#unlockDialogNotifications StButton#hhandle:hover,
#unlockDialogNotifications StButton#hhandle:focus {
background-color: rgba(51, 51, 51, 0.5);
}
#unlockDialogNotifications StButton#vhandle:active,
#unlockDialogNotifications StButton#hhandle:active {
background-color: st-transparentize(#0091ff, 0.5);
}
.icon-label-button-container {
spacing: 4px;
font-size: 9pt;
font-weight: 400;
}
.icon-label-button-container StIcon {
icon-size: 32px;
}
.screenshot-ui-panel {
border-radius: 28px;
padding: 12px;
margin-bottom: 4em;
spacing: 12px;
color: #d3d7df;
background-color: rgba(42, 42, 42, 0.96);
border: 1px solid rgba(0, 0, 0, 0.75);
box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25);
}
.screenshot-ui-close-button {
padding: 4px !important;
}
.screenshot-ui-close-button.left {
margin-left: 6px;
}
.screenshot-ui-close-button.right {
margin-right: 6px;
}
.screenshot-ui-type-button {
min-width: 48px;
padding: 12px 16px !important;
border-radius: 16px;
}
.screenshot-ui-capture-button {
width: 36px;
height: 36px;
border-radius: 9999px;
border: 4px white;
padding: 4px;
}
.screenshot-ui-capture-button .screenshot-ui-capture-button-circle {
background-color: white;
transition-duration: 200ms;
border-radius: 9999px;
}
.screenshot-ui-capture-button .screenshot-ui-capture-button-circle:hover,
.screenshot-ui-capture-button .screenshot-ui-capture-button-circle:focus {
background-color: rgba(255, 255, 255, 0.1);
}
.screenshot-ui-capture-button:hover .screenshot-ui-capture-button-circle,
.screenshot-ui-capture-button:focus .screenshot-ui-capture-button-circle {
background-color: #d9d9d9;
}
.screenshot-ui-capture-button:active .screenshot-ui-capture-button-circle {
background-color: gray;
}
.screenshot-ui-capture-button:cast .screenshot-ui-capture-button-circle {
background-color: #ed5f5d;
}
.screenshot-ui-capture-button:cast:hover .screenshot-ui-capture-button-circle,
.screenshot-ui-capture-button:cast:focus .screenshot-ui-capture-button-circle {
background-color: #f07674;
}
.screenshot-ui-capture-button:cast:active .screenshot-ui-capture-button-circle {
background-color: #e93f3d;
}
.screenshot-ui-shot-cast-container {
background-color: rgba(255, 255, 255, 0.06);
border-radius: 6px;
padding: 2px;
spacing: 2px;
}
.screenshot-ui-shot-cast-container:ltr {
margin-left: 0px;
}
.screenshot-ui-shot-cast-container:rtl {
margin-right: 0px;
}
.screenshot-ui-shot-cast-button {
padding: 4px 8px;
background-color: transparent;
border-radius: 4px;
}
.screenshot-ui-shot-cast-button:hover,
.screenshot-ui-shot-cast-button:focus {
background-color: rgba(255, 255, 255, 0.1);
}
.screenshot-ui-shot-cast-button:active {
background-color: rgba(255, 255, 255, 0.2);
}
.screenshot-ui-shot-cast-button:checked {
background-color: white;
color: black;
}
.screenshot-ui-shot-cast-button StIcon {
icon-size: 16px;
}
.screenshot-ui-show-pointer-button {
border-radius: 9999px;
padding: 15px !important;
}
.screenshot-ui-show-pointer-button StIcon {
icon-size: 16px;
}
.screenshot-ui-area-indicator-shade {
background-color: rgba(0, 0, 0, 0.3);
}
.screenshot-ui-area-selector .screenshot-ui-area-indicator-shade {
background-color: rgba(0, 0, 0, 0.5);
}
.screenshot-ui-area-selector .screenshot-ui-area-indicator-selection {
border: 2px white;
}
.screenshot-ui-area-selector-handle {
border-radius: 9999px;
background-color: white;
box-shadow: 0 1px 3px 2px rgba(0, 0, 0, 0.2);
width: 24px;
height: 24px;
}
.screenshot-ui-window-selector {
background-color: rgba(42, 42, 42, 0.96);
}
.screenshot-ui-window-selector .screenshot-ui-window-selector-window-container {
margin: 100px;
}
.screenshot-ui-window-selector:primary-monitor
.screenshot-ui-window-selector-window-container {
margin-bottom: 200px;
}
.screenshot-ui-window-selector-window-border {
transition-duration: 200ms;
border-radius: 6px;
border: 6px transparent;
}
.screenshot-ui-window-selector-check {
transition-duration: 200ms;
color: transparent;
border-radius: 9999px;
border-width: 12px;
icon-size: 24px;
}
.screenshot-ui-window-selector-window:hover
.screenshot-ui-window-selector-window-border {
border-color: st-darken(#0091ff, 15%);
}
.screenshot-ui-window-selector-window:checked
.screenshot-ui-window-selector-window-border {
border-color: #0091ff;
background-color: st-transparentize(#0091ff, 0.8);
}
.screenshot-ui-window-selector-window:checked
.screenshot-ui-window-selector-check {
color: white;
background-color: #0091ff;
}
.screenshot-ui-screen-selector {
transition-duration: 200ms;
background-color: rgba(0, 0, 0, 0.5);
}
.screenshot-ui-screen-selector:hover {
background-color: rgba(0, 0, 0, 0.3);
}
.screenshot-ui-screen-selector:active {
background-color: rgba(0, 0, 0, 0.7);
}
.screenshot-ui-screen-selector:checked {
background-color: transparent;
border: 2px white;
}
.screenshot-ui-tooltip {
color: #d3d7df;
background-color: rgba(42, 42, 42, 0.96);
border-radius: 9999px;
padding: 4px 8px;
text-align: center;
-y-offset: 24px;
}
.search-entry {
margin-top: 16px;
margin-bottom: 4px;
}
/* Slider */
.slider {
height: 8px;
color: white;
border-radius: 8px;
-slider-handle-radius: 4px;
-barlevel-height: 8px;
-barlevel-background-color: rgba(255, 255, 255, 0.1);
-barlevel-active-background-color: white;
-barlevel-overdrive-color: #ed5f5d;
-barlevel-overdrive-separator-width: 1px;
}
.slider:hover {
color: white;
}
/* Switches */
.toggle-switch {
width: 40px;
height: 18px;
border-radius: 9999px;
background: rgba(222, 222, 222, 0.1);
}
.toggle-switch:hover {
background: rgba(222, 222, 222, 0.2);
}
.toggle-switch StIcon {
icon-size: 0;
}
.toggle-switch .handle {
margin: 2px;
width: 22px;
height: 14px;
background: white;
border-radius: 9999px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
transition-duration: 100ms;
}
.toggle-switch:checked {
background: #0091ff;
color: #0091ff;
}
.toggle-switch:checked:hover {
background: st-lighten(#0091ff, 10%);
color: #0091ff;
}
.toggle-switch:checked .handle {
background: white;
}
.window-picker {
spacing: 4px;
}
.window-caption {
color: rgba(255, 255, 255, 0.85);
background-color: rgba(0, 0, 0, 0.75);
border-radius: 9999px;
padding: 4px 8px;
}
.window-close,
.screenshot-ui-close-button {
background-color: #ed5f5d;
color: white;
border-radius: 9999px;
padding: 3px;
height: 30px;
width: 30px;
box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.5);
transition-duration: 300ms;
background-image: url('assets/window-close-symbolic.svg');
}
.window-close StIcon,
.screenshot-ui-close-button StIcon {
color: white;
icon-size: 1px;
}
.window-close:hover,
.screenshot-ui-close-button:hover {
color: white;
background-color: #f07a79;
}
.window-close:active,
.screenshot-ui-close-button:active {
color: white;
background-color: #ea4441;
}
.workspace-background {
border-radius: 30px;
background-color: rgba(42, 42, 42, 0.96);
box-shadow: 0 4px 16px 4px rgba(0, 0, 0, 0.3);
}
/* Workspace pager */
.workspace-thumbnails {
visible-width: 32px;
spacing: 4px;
padding: 4px;
}
.workspace-thumbnails .workspace-thumbnail {
color: rgba(255, 255, 255, 0.85);
background-color: rgba(255, 255, 255, 0.12);
border: none;
border-radius: 6px;
}
.workspace-thumbnails .placeholder {
background-image: url('assets/dash-placeholder.svg');
background-size: contain;
width: 18px;
height: 24px;
}
.workspace-thumbnail-indicator {
border: 3px solid #0091ff;
border-radius: 9px;
padding: 0px;
}
.bottom #dashtodockDashScrollview,
.top #dashtodockDashScrollview {
-st-hfade-offset: 24px;
}
.left #dashtodockDashScrollview,
.right #dashtodockDashScrollview {
-st-vfade-offset: 24px;
}
#dashtodockContainer {
background-color: transparent;
box-shadow: none;
}
#dashtodockContainer .number-overlay {
color: white;
background-color: rgba(0, 0, 0, 0.75);
text-align: center;
}
#dashtodockContainer .notification-badge {
color: white;
background-color: #0091ff;
box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25);
border-radius: 9999px;
margin: 2px 3px 5px;
padding: 0.2em 0.6em;
font-weight: bold;
text-align: center;
}
#dashtodockContainer.top.straight-corner #dash,
#dashtodockContainer.top.shrink.straight-corner #dash,
#dashtodockContainer.top.extended #dash {
margin: 0 !important;
padding: 0 !important;
}
#dashtodockContainer.top.straight-corner #dash .dash-background,
#dashtodockContainer.top.shrink.straight-corner #dash .dash-background,
#dashtodockContainer.top.extended #dash .dash-background {
border-radius: 0;
border-width: 0;
border-bottom-width: 1px;
margin: 0 !important;
box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05);
}
#dashtodockContainer.bottom.straight-corner #dash,
#dashtodockContainer.bottom.shrink.straight-corner #dash,
#dashtodockContainer.bottom.extended #dash {
margin: 0 !important;
padding: 0 !important;
}
#dashtodockContainer.bottom.straight-corner #dash .dash-background,
#dashtodockContainer.bottom.shrink.straight-corner #dash .dash-background,
#dashtodockContainer.bottom.extended #dash .dash-background {
border-radius: 0;
border-width: 0;
border-top-width: 1px;
margin: 0 !important;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05);
}
#dashtodockContainer.left.straight-corner #dash,
#dashtodockContainer.left.shrink.straight-corner #dash,
#dashtodockContainer.left.extended #dash {
margin: 0 !important;
padding: 0 !important;
}
#dashtodockContainer.left.straight-corner #dash .dash-background,
#dashtodockContainer.left.shrink.straight-corner #dash .dash-background,
#dashtodockContainer.left.extended #dash .dash-background {
border-radius: 0;
border-width: 0;
border-right-width: 1px;
margin: 0 !important;
box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05);
}
#dashtodockContainer.right.straight-corner #dash,
#dashtodockContainer.right.shrink.straight-corner #dash,
#dashtodockContainer.right.extended #dash {
margin: 0 !important;
padding: 0 !important;
}
#dashtodockContainer.right.straight-corner #dash .dash-background,
#dashtodockContainer.right.shrink.straight-corner #dash .dash-background,
#dashtodockContainer.right.extended #dash .dash-background {
border-radius: 0;
border-width: 0;
border-left-width: 1px;
margin: 0 !important;
box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05);
}
#dashtodockContainer.left #dash,
#dashtodockContainer.right #dash {
margin-top: 0 !important;
padding: 8px !important;
}
#dashtodockContainer.left #dash #dashtodockDashContainer,
#dashtodockContainer.right #dash #dashtodockDashContainer {
padding: 8px 0 !important;
}
#dashtodockContainer.left #dash .dash-background,
#dashtodockContainer.right #dash .dash-background {
margin-bottom: 0 !important;
padding: 8px !important;
}
#dashtodockContainer.left #dash .overview-tile,
#dashtodockContainer.left #dash .show-apps,
#dashtodockContainer.right #dash .overview-tile,
#dashtodockContainer.right #dash .show-apps {
padding: 1.5px 4px !important;
}
#dashtodockContainer.left.extended #dash #dashtodockDashContainer,
#dashtodockContainer.right.extended #dash #dashtodockDashContainer {
padding: 0 !important;
}
#dashtodockContainer.left.extended
#dash
#dashtodockDashContainer
#dashtodockDashScrollview:first-child,
#dashtodockContainer.right.extended
#dash
#dashtodockDashContainer
#dashtodockDashScrollview:first-child {
padding-top: 0 !important;
}
#dashtodockContainer.left.extended
#dash
#dashtodockDashContainer
#dashtodockDashScrollview:last-child,
#dashtodockContainer.right.extended
#dash
#dashtodockDashContainer
#dashtodockDashScrollview:last-child {
padding-bottom: 0 !important;
}
#dashtodockContainer.left.extended
#dash
#dashtodockDashContainer
> :first-child
.show-apps,
#dashtodockContainer.right.extended
#dash
#dashtodockDashContainer
> :first-child
.show-apps {
padding-bottom: 6px !important;
}
#dashtodockContainer.left.extended
#dash
#dashtodockDashContainer
> :last-child
.show-apps,
#dashtodockContainer.right.extended
#dash
#dashtodockDashContainer
> :last-child
.show-apps {
padding-bottom: 14px !important;
}
#dashtodockContainer.top.extended #dash .overview-tile,
#dashtodockContainer.top.extended #dash .show-apps,
#dashtodockContainer.bottom.extended #dash .overview-tile,
#dashtodockContainer.bottom.extended #dash .show-apps {
padding: 4px 1.5px !important;
}
#dashtodockContainer.top.extended #dash #dashtodockDashContainer,
#dashtodockContainer.bottom.extended #dash #dashtodockDashContainer {
padding: 0 !important;
}
#dashtodockContainer.top.extended
#dash
#dashtodockDashContainer
#dashtodockDashScrollview:first-child,
#dashtodockContainer.bottom.extended
#dash
#dashtodockDashContainer
#dashtodockDashScrollview:first-child {
padding-left: 0 !important;
}
#dashtodockContainer.top.extended
#dash
#dashtodockDashContainer
#dashtodockDashScrollview:last-child,
#dashtodockContainer.bottom.extended
#dash
#dashtodockDashContainer
#dashtodockDashScrollview:last-child {
padding-right: 0 !important;
}
#dashtodockContainer.top.extended
#dash
#dashtodockDashContainer
> :first-child
.show-apps,
#dashtodockContainer.bottom.extended
#dash
#dashtodockDashContainer
> :first-child
.show-apps {
padding-left: 6px !important;
}
#dashtodockContainer.top.extended
#dash
#dashtodockDashContainer
> :last-child
.show-apps,
#dashtodockContainer.bottom.extended
#dash
#dashtodockDashContainer
> :last-child
.show-apps {
padding-right: 14px !important;
}
#dashtodockContainer #dash {
background: none;
box-shadow: none;
}
#dashtodockContainer #dash .app-grid-running-dot {
background-color: rgba(255, 255, 255, 0.75);
margin: 0 !important;
offset-y: 0 !important;
}
#dashtodockContainer #dash StWidget.focused .app-grid-running-dot {
background-color: #0091ff;
}
#dashtodockContainer #dash .show-apps {
margin: 0;
}
#dashtodockContainer #dash .show-apps:hover .overview-icon,
#dashtodockContainer #dash .show-apps:focus .overview-icon,
#dashtodockContainer #dash .overview-tile:hover .overview-icon,
#dashtodockContainer #dash .overview-tile:focus .overview-icon {
background-color: rgba(255, 255, 255, 0.12);
}
#dashtodockContainer #dash .show-apps:active .overview-icon,
#dashtodockContainer #dash .show-apps:highlighted .overview-icon,
#dashtodockContainer #dash .show-apps:selected .overview-icon,
#dashtodockContainer #dash .show-apps:checked .overview-icon,
#dashtodockContainer #dash .overview-tile:active .overview-icon,
#dashtodockContainer #dash .overview-tile:highlighted .overview-icon,
#dashtodockContainer #dash .overview-tile:selected .overview-icon,
#dashtodockContainer #dash .overview-tile:checked .overview-icon {
background-color: rgba(255, 255, 255, 0.2);
}
#dashtodockContainer #dash .dash-background {
background-color: rgba(255, 255, 255, 0.1);
border: none;
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2);
}
#dashtodockContainer #dash .dash-separator {
background-color: rgba(255, 255, 255, 0.1);
}
#dashtodockContainer:overview #dash {
background: none;
}
#dashtodockContainer:overview #dash .show-apps,
#dashtodockContainer:overview #dash .overview-tile {
color: white;
}
#dashtodockContainer:overview #dash .show-apps:hover .overview-icon,
#dashtodockContainer:overview #dash .show-apps:focus .overview-icon,
#dashtodockContainer:overview #dash .show-apps:selected .overview-icon,
#dashtodockContainer:overview #dash .overview-tile:hover .overview-icon,
#dashtodockContainer:overview #dash .overview-tile:focus .overview-icon,
#dashtodockContainer:overview #dash .overview-tile:selected .overview-icon {
background-color: rgba(255, 255, 255, 0.12);
}
#dashtodockContainer:overview #dash .show-apps:active .overview-icon,
#dashtodockContainer:overview #dash .show-apps:checked .overview-icon,
#dashtodockContainer:overview #dash .overview-tile:active .overview-icon,
#dashtodockContainer:overview #dash .overview-tile:checked .overview-icon {
background-color: rgba(255, 255, 255, 0.2);
}
#dashtodockContainer:overview #dash .dash-background {
background-color: rgba(255, 255, 255, 0.12);
border: none;
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
}
#dashtodockContainer:overview #dash .app-grid-running-dot {
background-color: rgba(255, 255, 255, 0.85);
}
#dashtodockContainer:overview #dash StWidget.focused .app-grid-running-dot {
background-color: #0091ff;
}
#dashtodockContainer.opaque:overview #dash,
#dashtodockContainer.transparent:overview #dash {
background-color: transparent;
box-shadow: none;
}
#dashtodockContainer.opaque:overview .dash-background,
#dashtodockContainer.transparent:overview .dash-background {
background-color: transparent;
}
#dashtodockContainer.opaque.extended:overview #dash,
#dashtodockContainer.transparent.extended:overview #dash {
background: none;
}
#dashtodockContainer.opaque.extended:overview .dash-background,
#dashtodockContainer.transparent.extended:overview .dash-background {
background-color: transparent !important;
border: none !important;
box-shadow: none !important;
}
#dashtodockContainer.running-dots .dash-item-container > StButton,
#dashtodockContainer.dashtodock .dash-item-container > StButton {
transition-duration: 250ms;
background-size: contain;
}
#dashtodockContainer.extended .overview-tile .overview-icon,
#dashtodockContainer.extended .show-apps .overview-icon,
#dashtodockContainer.extended:overview .overview-tile .overview-icon,
#dashtodockContainer.extended:overview .show-apps .overview-icon {
border-radius: 6px;
}
#dashtodockContainer .metro .overview-tile {
border-radius: 0;
}
.dashtodock-app-well-preview-menu-item {
padding: 1em 1em 0.5em 1em;
}
#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal {
width: 1px;
height: auto;
border-right-width: 1px;
margin: 32px 0;
}
#preview-menu {
margin: 0 6px 6px !important;
padding-bottom: 8px !important;
}
#preview-menu,
#preview-menu:hover,
#preview-menu:selected {
border-radius: 24px !important;
}
.openweather-button,
.openweather-button-action,
.openweather-menu-button-container,
.openweather-button-box {
border: 1px solid transparent !important;
}
.openweather-provider {
padding: 0 16px;
font-weight: 500;
color: #dedede;
background-color: transparent;
border-color: transparent;
box-shadow: none;
text-shadow: none;
icon-shadow: none;
border: 1px solid transparent !important;
}
.openweather-provider:hover {
color: #dedede;
background-color: rgba(255, 255, 255, 0.1);
border-color: transparent;
box-shadow: none;
text-shadow: none;
icon-shadow: none;
}
.openweather-provider:focus {
color: #dedede;
text-shadow: none;
icon-shadow: none;
}
.openweather-provider:focus,
.openweather-provider:focus:hover,
.openweather-provider:focus:active {
box-shadow: none !important;
}
.openweather-provider:active {
color: #dedede;
background-color: rgba(255, 255, 255, 0.16);
border-color: transparent;
box-shadow: none;
text-shadow: none;
icon-shadow: none;
}
.openweather-current-icon,
.openweather-current-summary,
.openweather-current-summarybox {
background: none;
color: #dedede;
}
.openweather-current-databox-values {
background: none;
color: #999999;
}
.openweather-current-databox-captions {
background: none;
color: #999999;
}
.openweather-forecast-icon,
.openweather-forecast-summary {
background: none;
color: #afafaf;
}
.openweather-forecast-day,
.openweather-forecast-temperature {
background: none;
color: #999999;
}
.openweather-sunrise-icon,
.openweather-sunset-icon,
.openweather-build-icon {
color: #afafaf;
}
.gsconnect-device-menu {
background-color: rgba(255, 255, 255, 0.05);
border-radius: 6px;
margin: 0 3px;
padding: 6px 0;
box-shadow: none;
}
.gsconnect-device-menu .popup-menu-item {
margin: 0 3px !important;
height: 16px !important;
border-radius: 6px !important;
}
.gsconnect-device-menu .popup-menu-item:hover {
color: #dedede !important;
background-color: rgba(222, 222, 222, 0.1) !important;
}
.gsconnect-device-menu .popup-menu-item > :first-child:ltr {
padding-left: 0 !important;
margin-left: 0 !important;
}
.gsconnect-device-menu .popup-menu-item > :first-child:rtl {
padding-right: 0 !important;
margin-right: 0 !important;
}
.cosmic-solid-bg {
background-color: #222222;
}
.cosmic-dock #dock {
background-color: transparent;
}
.cosmic-dock #dock .dash-background {
background-color: rgba(255, 255, 255, 0.1);
border: 1px solid rgba(0, 0, 0, 0.75);
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05);
}
.cosmic-dock.extended #dash {
margin-left: 0;
margin-right: 0;
margin-top: 0;
margin-bottom: 0;
padding: 0 0;
}
.cosmic-dock.extended #dash .dash-background {
border-radius: 0;
margin-left: 0;
margin-right: 0;
margin-top: 0;
margin-bottom: 0;
}
.place-menu-item:ltr {
padding-left: 0 !important;
padding-right: 20px !important;
}
.place-menu-item:rtl {
padding-right: 0 !important;
padding-left: 20px !important;
}
.place-menu-item StLabel {
margin-left: 2px;
}
.place-menu-item .button {
border-radius: 9999px;
padding: 2px;
}
.place-menu-item .button:ltr {
margin-left: 0 !important;
}
.place-menu-item .button:rtl {
margin-right: 0 !important;
}
.popup-menu-container {
padding: 8px !important;
min-width: 20em !important;
}
.popup-menu-control-icon {
min-height: 24px !important;
min-width: 24px !important;
border-radius: 9999px !important;
}
.popup-menu-player-icons-icon {
background: rgba(255, 255, 255, 0.1) !important;
}
================================================
FILE: gtk/Tahoe-Dark/gnome-shell/pad-osd.css
================================================
.Leader {
stroke-width: .5 !important;
stroke: #333333;
fill: none !important;
}
.Button {
stroke-width: .25;
stroke: #ededed;
fill: #ededed;
}
.Ring {
stroke-width: .5 !important;
stroke: #333333 !important;
fill: none !important;
}
.Label {
stroke: none !important;
stroke-width: .1 !important;
font-size: .1 !important;
fill: transparent !important;
}
.TouchStrip, .TouchRing {
stroke-width: .1 !important;
stroke: #ededed !important;
fill: #333333 !important;
}
================================================
FILE: gtk/Tahoe-Dark/gtk-3.0/gtk-dark.css
================================================
@import url("resource:///org/gnome/theme/gtk-dark.css");
================================================
FILE: gtk/Tahoe-Dark/gtk-3.0/gtk.css
================================================
@import url("resource:///org/gnome/theme/gtk.css");
================================================
FILE: gtk/Tahoe-Dark/gtk-3.0/libadwaita-tweaks.css
================================================
/*
This file will fix some legacy widget styles that aren't styled in libadwaita
*/
@define-color accent_bg_color @blue_3;
@define-color accent_fg_color white;
/* add a bg color to notebook headers */
notebook > header {
background-color: @headerbar_bg_color;
border-color: mix(currentColor,@window_bg_color,0.85);
}
:root {
--accent-blue: #3584e4;
--accent-teal: #2190a4;
--accent-green: #3a944a;
--accent-yellow: #c88800;
--accent-orange: #ed5b00;
--accent-red: #e62d42;
--accent-pink: #d56199;
--accent-purple: #9141ac;
--accent-slate: #6f8396;
--accent-color: var(--accent-bg-color);
--accent-bg-color: var(--accent-blue);
--accent-fg-color: @accent_fg_color;
}
================================================
FILE: gtk/Tahoe-Dark/gtk-3.0/libadwaita.css
================================================
:root { --blue-1: #99c1f1; --blue-2: #62a0ea; --blue-3: #3584e4; --blue-4: #1c71d8; --blue-5: #1a5fb4; --green-1: #8ff0a4; --green-2: #57e389; --green-3: #33d17a; --green-4: #2ec27e; --green-5: #26a269; --yellow-1: #f9f06b; --yellow-2: #f8e45c; --yellow-3: #f6d32d; --yellow-4: #f5c211; --yellow-5: #e5a50a; --orange-1: #ffbe6f; --orange-2: #ffa348; --orange-3: #ff7800; --orange-4: #e66100; --orange-5: #c64600; --red-1: #f66151; --red-2: #ed333b; --red-3: #e01b24; --red-4: #c01c28; --red-5: #a51d2d; --purple-1: #dc8add; --purple-2: #c061cb; --purple-3: #9141ac; --purple-4: #813d9c; --purple-5: #613583; --brown-1: #cdab8f; --brown-2: #b5835a; --brown-3: #986a44; --brown-4: #865e3c; --brown-5: #63452c; --light-1: #ffffff; --light-2: #f6f5f4; --light-3: #deddda; --light-4: #c0bfbc; --light-5: #9a9996; --dark-1: #77767b; --dark-2: #5e5c64; --dark-3: #3d3846; --dark-4: #241f31; --dark-5: #000000; }
@define-color blue_1 #99c1f1;
@define-color blue_2 #62a0ea;
@define-color blue_3 #3584e4;
@define-color blue_4 #1c71d8;
@define-color blue_5 #1a5fb4;
@define-color green_1 #8ff0a4;
@define-color green_2 #57e389;
@define-color green_3 #33d17a;
@define-color green_4 #2ec27e;
@define-color green_5 #26a269;
@define-color yellow_1 #f9f06b;
@define-color yellow_2 #f8e45c;
@define-color yellow_3 #f6d32d;
@define-color yellow_4 #f5c211;
@define-color yellow_5 #e5a50a;
@define-color orange_1 #ffbe6f;
@define-color orange_2 #ffa348;
@define-color orange_3 #ff7800;
@define-color orange_4 #e66100;
@define-color orange_5 #c64600;
@define-color red_1 #f66151;
@define-color red_2 #ed333b;
@define-color red_3 #e01b24;
@define-color red_4 #c01c28;
@define-color red_5 #a51d2d;
@define-color purple_1 #dc8add;
@define-color purple_2 #c061cb;
@define-color purple_3 #9141ac;
@define-color purple_4 #813d9c;
@define-color purple_5 #613583;
@define-color brown_1 #cdab8f;
@define-color brown_2 #b5835a;
@define-color brown_3 #986a44;
@define-color brown_4 #865e3c;
@define-color brown_5 #63452c;
@define-color light_1 #ffffff;
@define-color light_2 #f6f5f4;
@define-color light_3 #deddda;
@define-color light_4 #c0bfbc;
@define-color light_5 #9a9996;
@define-color dark_1 #77767b;
@define-color dark_2 #5e5c64;
@define-color dark_3 #3d3846;
@define-color dark_4 #241f31;
@define-color dark_5 #000000;
:root { --accent-blue: #3584e4; --accent-teal: #2190a4; --accent-green: #3a944a; --accent-yellow: #c88800; --accent-orange: #ed5b00; --accent-red: #e62d42; --accent-pink: #d56199; --accent-purple: #9141ac; --accent-slate: #6f8396; --accent-bg-color: @accent_bg_color; --accent-fg-color: @accent_fg_color; --destructive-bg-color: @destructive_bg_color; --destructive-fg-color: @destructive_fg_color; --success-bg-color: @success_bg_color; --success-fg-color: @success_fg_color; --warning-bg-color: @warning_bg_color; --warning-fg-color: @warning_fg_color; --error-bg-color: @error_bg_color; --error-fg-color: @error_fg_color; --window-bg-color: @window_bg_color; --window-fg-color: @window_fg_color; --view-bg-color: @view_bg_color; --view-fg-color: @view_fg_color; --headerbar-bg-color: @headerbar_bg_color; --headerbar-fg-color: @headerbar_fg_color; --headerbar-border-color: @headerbar_border_color; --headerbar-backdrop-color: @headerbar_backdrop_color; --headerbar-shade-color: @headerbar_shade_color; --headerbar-darker-shade-color: @headerbar_darker_shade_color; --sidebar-bg-color: @sidebar_bg_color; --sidebar-fg-color: @sidebar_fg_color; --sidebar-backdrop-color: @sidebar_backdrop_color; --sidebar-border-color: @sidebar_border_color; --sidebar-shade-color: @sidebar_shade_color; --secondary-sidebar-bg-color: @secondary_sidebar_bg_color; --secondary-sidebar-fg-color: @secondary_sidebar_fg_color; --secondary-sidebar-backdrop-color: @secondary_sidebar_backdrop_color; --secondary-sidebar-border-color: @secondary_sidebar_border_color; --secondary-sidebar-shade-color: @secondary_sidebar_shade_color; --card-bg-color: @card_bg_color; --card-fg-color: @card_fg_color; --card-shade-color: @card_shade_color; --dialog-bg-color: @dialog_bg_color; --dialog-fg-color: @dialog_fg_color; --popover-bg-color: @popover_bg_color; --popover-fg-color: @popover_fg_color; --popover-shade-color: @popover_shade_color; --thumbnail-bg-color: @thumbnail_bg_color; --thumbnail-fg-color: @thumbnail_fg_color; --shade-color: @shade_color; --scrollbar-outline-color: @scrollbar_outline_color; }
:root { --border-color: color-mix(in srgb, currentColor var(--border-opacity), transparent); --border-opacity: 15%; --dim-opacity: 55%; --disabled-opacity: 50%; }
:root { --window-radius: 15px; }
.background { color: var(--window-fg-color); background-color: var(--window-bg-color); }
dnd { color: var(--window-fg-color); }
.normal-icons { -gtk-icon-size: 16px; }
.large-icons { -gtk-icon-size: 32px; }
.osd popover > arrow, .osd popover > contents, popover.touch-selection > arrow, popover.touch-selection > contents, popover.magnifier > arrow, popover.magnifier > contents, .app-notification, dialog-host > dialog.osd:not(progressbar):not(button):not(menubutton):not(splitbutton) sheet, .osd:not(progressbar):not(button):not(menubutton):not(splitbutton):not(inline-view-switcher) { --accent-bg-color: RGB(255 255 255 / 75%); --accent-fg-color: RGB(0 0 0 / 75%); --scrollbar-outline-color: RGB(0 0 0 / 50%); --standalone-color-oklab: Max(l, 0.85) a b; --accent-color: oklab(from var(--accent-bg-color) var(--standalone-color-oklab)); --destructive-color: oklab(from var(--destructive-bg-color) var(--standalone-color-oklab)); --success-color: oklab(from var(--success-bg-color) var(--standalone-color-oklab)); --warning-color: oklab(from var(--warning-bg-color) var(--standalone-color-oklab)); --error-color: oklab(from var(--error-bg-color) var(--standalone-color-oklab)); color: RGB(255 255 255/90%); border: none; background-color: RGB(0 0 0/70%); background-clip: padding-box; }
/* Text selection */
selection { background-color: color-mix(in srgb, var(--view-fg-color) 10%, transparent); color: transparent; }
selection:focus-within { background-color: color-mix(in srgb, var(--accent-bg-color) 30%, transparent); }
:not(window):drop(active):focus, :not(window):drop(active) { border-color: var(--accent-bg-color); box-shadow: inset 0 0 0 1px var(--accent-bg-color); caret-color: var(--accent-bg-color); }
.navigation-sidebar :not(window):drop(active):focus, .navigation-sidebar :not(window):drop(active), placessidebar :not(window):drop(active):focus, placessidebar :not(window):drop(active), stackswitcher :not(window):drop(active):focus, stackswitcher :not(window):drop(active), expander-widget :not(window):drop(active):focus, expander-widget :not(window):drop(active) { box-shadow: none; }
/* Outline for low res icons */
.lowres-icon { -gtk-icon-shadow: 0 -1px RGB(0 0 6/5%), 1px 0 RGB(0 0 6/10%), 0 1px RGB(0 0 6/30%), -1px 0 RGB(0 0 6/10%); }
/* Drop shadow for large icons */
.icon-dropshadow { -gtk-icon-shadow: 0 1px 12px RGB(0 0 6/5%), 0 -1px RGB(0 0 6/5%), 1px 0 RGB(0 0 6/10%), 0 1px RGB(0 0 6/30%), -1px 0 RGB(0 0 6/10%); }
@keyframes needs_attention { from { background-image: radial-gradient(farthest-side, var(--accent-color) 0%, transparent 0%); }
to { background-image: radial-gradient(farthest-side, var(--accent-color) 95%, transparent); } }
stacksidebar row.needs-attention > label, stackswitcher > button.needs-attention > label, stackswitcher > button.needs-attention > image { animation: needs_attention 150ms ease-in; background-image: radial-gradient(farthest-side, var(--accent-color) 96%, transparent); background-size: 6px 6px; background-repeat: no-repeat; background-position: right 3px; }
stacksidebar row.needs-attention > label:dir(rtl), stackswitcher > button.needs-attention > label:dir(rtl), stackswitcher > button.needs-attention > image:dir(rtl) { background-position: left 3px; }
avatar { border-radius: 9999px; font-weight: bold; }
avatar.color1 { background-image: linear-gradient(#83b6ec, #337fdc); color: #cfe1f5; }
avatar.color2 { background-image: linear-gradient(#7ad9f1, #0f9ac8); color: #caeaf2; }
avatar.color3 { background-image: linear-gradient(#8de6b1, #29ae74); color: #cef8d8; }
avatar.color4 { background-image: linear-gradient(#b5e98a, #6ab85b); color: #e6f9d7; }
avatar.color5 { background-image: linear-gradient(#f8e359, #d29d09); color: #f9f4e1; }
avatar.color6 { background-image: linear-gradient(#ffcb62, #d68400); color: #ffead1; }
avatar.color7 { background-image: linear-gradient(#ffa95a, #ed5b00); color: #ffe5c5; }
avatar.color8 { background-image: linear-gradient(#f78773, #e62d42); color: #f8d2ce; }
avatar.color9 { background-image: linear-gradient(#e973ab, #e33b6a); color: #fac7de; }
avatar.color10 { background-image: linear-gradient(#cb78d4, #9945b5); color: #e7c2e8; }
avatar.color11 { background-image: linear-gradient(#9e91e8, #7a59ca); color: #d5d2f5; }
avatar.color12 { background-image: linear-gradient(#e3cf9c, #b08952); color: #f2eade; }
avatar.color13 { background-image: linear-gradient(#be916d, #785336); color: #e5d6ca; }
avatar.color14 { background-image: linear-gradient(#c0bfbc, #6e6d71); color: #d8d7d3; }
avatar.contrasted { color: white; }
avatar.image { background: none; }
bottom-sheet > dimming { background-color: RGB(from var(--shade-color) r g b/calc(alpha * 2)); }
bottom-sheet > sheet { box-shadow: 0 2px 8px 2px RGB(0 0 6/7%), 0 3px 20px 10px RGB(0 0 6/5%), 0 6px 32px 16px RGB(0 0 6/2%), 0 0 0 1px RGB(0 0 6 / 5%); transition: border-radius 100ms ease-out, box-shadow 250ms ease; }
bottom-sheet > sheet > stack > widget > drag-handle { background-color: color-mix(in srgb, currentColor 25%, transparent); min-width: 54px; min-height: 6px; margin: 15px; border-radius: 99px; }
bottom-sheet > sheet > outline { box-shadow: inset 1px 0 RGB(255 255 255/7%), inset -1px 0 RGB(255 255 255/7%), inset 0 1px RGB(255 255 255/7%); transition: border-radius 100ms ease-out; }
bottom-sheet > sheet > stack > button { border-radius: 0; padding: 0; min-width: 0; min-height: 0; font-weight: inherit; background: none; box-shadow: none; }
bottom-sheet > sheet > stack > button { outline: 0 solid transparent; outline-offset: 4px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
bottom-sheet > sheet > stack > button:focus:focus-visible { outline-color: color-mix(in srgb, var(--accent-color) 50%, transparent); outline-width: 2px; outline-offset: 0; }
bottom-sheet > sheet > stack > button:hover { background: color-mix(in srgb, currentColor 4%, transparent); }
bottom-sheet > sheet > stack > button.keyboard-activating, bottom-sheet > sheet > stack > button:active { background: color-mix(in srgb, currentColor 8%, transparent); }
bottom-sheet > sheet > stack > button.inert:hover, bottom-sheet > sheet > stack > button.inert:active, bottom-sheet > sheet > stack > button.inert.keyboard-activating { background: none; }
bottom-sheet > sheet, bottom-sheet > sheet > outline, bottom-sheet > sheet > stack > widget, bottom-sheet > sheet > stack > button, bottom-sheet > sheet > stack > button > widget { border-top-left-radius: 15px; border-top-right-radius: 15px; }
bottom-sheet > sheet.flush-left > outline { box-shadow: inset -1px 0 RGB(255 255 255/7%), inset 0 1px RGB(255 255 255/7%); }
bottom-sheet > sheet.flush-right > outline { box-shadow: inset 1px 0 RGB(255 255 255/7%), inset 0 1px RGB(255 255 255/7%); }
bottom-sheet > sheet.flush-left.flush-right > outline { box-shadow: inset 0 1px RGB(255 255 255/7%); }
bottom-sheet > sheet.bottom-bar { box-shadow: 0 0 0 1px color-mix(in srgb, var(--shade-color) 75%, transparent), 0 2px 8px 2px var(--shade-color), 0 3px 20px 10px RGB(0 0 6/5%), 0 6px 32px 16px RGB(0 0 6/2%); }
bottom-sheet > sheet.bottom-bar.hidden { box-shadow: none; }
bottom-sheet > sheet.bottom-bar.flush-left, bottom-sheet > sheet.bottom-bar.flush-left > outline, bottom-sheet > sheet.bottom-bar.flush-left > stack > widget, bottom-sheet > sheet.bottom-bar.flush-left > stack > button, bottom-sheet > sheet.bottom-bar.flush-left > stack > button > widget { border-top-left-radius: 0; }
bottom-sheet > sheet.bottom-bar.flush-right, bottom-sheet > sheet.bottom-bar.flush-right > outline, bottom-sheet > sheet.bottom-bar.flush-right > stack > widget, bottom-sheet > sheet.bottom-bar.flush-right > stack > button, bottom-sheet > sheet.bottom-bar.flush-right > stack > button > widget { border-top-right-radius: 0; }
bottom-sheet > sheet.bottom-bar > outline, bottom-sheet > sheet.bottom-bar > stack > widget, bottom-sheet > sheet.bottom-bar > stack > button, bottom-sheet > sheet.bottom-bar > stack > button > widget, bottom-sheet > sheet.bottom-bar.flush-left > outline, bottom-sheet > sheet.bottom-bar.flush-left > stack > widget, bottom-sheet > sheet.bottom-bar.flush-left > stack > button, bottom-sheet > sheet.bottom-bar.flush-left > stack > button > widget, bottom-sheet > sheet.bottom-bar.flush-right > outline, bottom-sheet > sheet.bottom-bar.flush-right > stack > widget, bottom-sheet > sheet.bottom-bar.flush-right > stack > button, bottom-sheet > sheet.bottom-bar.flush-right > stack > button > widget, bottom-sheet > sheet.bottom-bar.flush-left.flush-right > outline, bottom-sheet > sheet.bottom-bar.flush-left.flush-right > stack > widget, bottom-sheet > sheet.bottom-bar.flush-left.flush-right > stack > button, bottom-sheet > sheet.bottom-bar.flush-left.flush-right > stack > button > widget { box-shadow: none; }
bottom-sheet > sheet.has-drag-handle toolbarview .top-bar > windowhandle { min-height: 36px; }
bottom-sheet > sheet.has-drag-handle toolbarview toolbarview .top-bar > windowhandle { min-height: 0; }
notebook > header > tabs > arrow, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr):last-child, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay, button { min-height: 24px; min-width: 16px; padding: 5px 10px; border-radius: 9px; font-weight: bold; }
notebook > header > tabs > arrow, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr):last-child, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay, button { outline: 0 solid transparent; outline-offset: 4px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
notebook > header > tabs > arrow:focus:focus-visible, row.spin spinbutton > button.image-button.up:focus:focus-visible:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.down:focus:focus-visible:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.image-button.down:focus:focus-visible:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.image-button.down:focus:focus-visible:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay:focus:focus-visible, button:focus:focus-visible { outline-color: color-mix(in srgb, var(--accent-color) 50%, transparent); outline-width: 2px; outline-offset: -2px; }
actionbar > revealer > box popover menubutton.image-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, searchbar > revealer > box popover menubutton.image-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, .toolbar popover menubutton.image-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, headerbar popover menubutton.image-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, actionbar > revealer > box popover button.arrow-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.arrow-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.arrow-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.arrow-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover button.image-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.image-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.image-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.image-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover button.image-text-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.image-text-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.image-text-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.image-text-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr):last-child, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay, button { background-color: color-mix(in srgb, currentColor 10%, transparent); }
actionbar > revealer > box popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:hover, searchbar > revealer > box popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:hover, .toolbar popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:hover, headerbar popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:hover, actionbar > revealer > box popover button.arrow-button:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.arrow-button:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.arrow-button:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.arrow-button:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover button.image-button:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.image-button:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.image-button:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.image-button:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover button.image-text-button:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.image-text-button:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.image-text-button:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.image-text-button:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.arrow-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.arrow-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.arrow-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.arrow-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.image-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.image-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.image-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.image-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.image-text-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.image-text-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.image-text-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.image-text-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.arrow-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.arrow-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.arrow-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.arrow-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.image-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.image-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.image-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.image-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.image-text-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.image-text-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.image-text-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.image-text-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow:hover, row.spin spinbutton > button.image-button.up:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.up:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr), row.spin spinbutton > button.image-button.up:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, row.spin spinbutton > button.image-button.down:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.image-button.down:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.image-button.down:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay:hover, button:hover { background-color: color-mix(in srgb, currentColor 15%, transparent); }
actionbar > revealer > box popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button.keyboard-activating, searchbar > revealer > box popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button.keyboard-activating, .toolbar popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button.keyboard-activating, headerbar popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button.keyboard-activating, actionbar > revealer > box popover button.keyboard-activating.arrow-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.keyboard-activating.arrow-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.keyboard-activating.arrow-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.keyboard-activating.arrow-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover button.keyboard-activating.image-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.keyboard-activating.image-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.keyboard-activating.image-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.keyboard-activating.image-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover button.keyboard-activating.image-text-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.keyboard-activating.image-text-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.keyboard-activating.image-text-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.keyboard-activating.image-text-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.keyboard-activating.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.keyboard-activating.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.keyboard-activating.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.keyboard-activating.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.keyboard-activating.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.keyboard-activating.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.keyboard-activating.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.keyboard-activating.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.keyboard-activating.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.keyboard-activating.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.keyboard-activating.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.keyboard-activating.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.keyboard-activating.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.keyboard-activating.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.keyboard-activating.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.keyboard-activating.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.keyboard-activating.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.keyboard-activating.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.keyboard-activating.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.keyboard-activating.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.keyboard-activating.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.keyboard-activating.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.keyboard-activating.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.keyboard-activating.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:active, searchbar > revealer > box popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:active, .toolbar popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:active, headerbar popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:active, actionbar > revealer > box popover button.arrow-button:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.arrow-button:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.arrow-button:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.arrow-button:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover button.image-button:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.image-button:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.image-button:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.image-button:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover button.image-text-button:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.image-text-button:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.image-text-button:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.image-text-button:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.arrow-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.arrow-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.arrow-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.arrow-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.image-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.image-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.image-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.image-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.image-text-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.image-text-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.image-text-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.image-text-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.arrow-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.arrow-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.arrow-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.arrow-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.image-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.image-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.image-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.image-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.image-text-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.image-text-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.image-text-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.image-text-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow.keyboard-activating, row.spin spinbutton > button.keyboard-activating.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.keyboard-activating.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr), row.spin spinbutton > button.keyboard-activating.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, row.spin spinbutton > button.keyboard-activating.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.keyboard-activating.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.keyboard-activating.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay.keyboard-activating, notebook > header > tabs > arrow:active, row.spin spinbutton > button.image-button.up:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.up:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr), row.spin spinbutton > button.image-button.up:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, row.spin spinbutton > button.image-button.down:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.image-button.down:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.image-button.down:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay:active, button.keyboard-activating, button:active { background-color: color-mix(in srgb, currentColor 30%, transparent); }
actionbar > revealer > box popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked, searchbar > revealer > box popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked, .toolbar popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked, headerbar popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked, actionbar > revealer > box popover button.arrow-button:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.arrow-button:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.arrow-button:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.arrow-button:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover button.image-button:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.image-button:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.image-button:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.image-button:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover button.image-text-button:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.image-text-button:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.image-text-button:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.image-text-button:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.arrow-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.arrow-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.arrow-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.arrow-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.image-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.image-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.image-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.image-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.image-text-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.image-text-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.image-text-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.image-text-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.arrow-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.arrow-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.arrow-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.arrow-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.image-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.image-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.image-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.image-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.image-text-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.image-text-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.image-text-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.image-text-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow:checked, row.spin spinbutton > button.image-button.up:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.up:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr), row.spin spinbutton > button.image-button.up:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, row.spin spinbutton > button.image-button.down:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.image-button.down:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.image-button.down:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay:checked, button:checked { background-color: color-mix(in srgb, currentColor 30%, transparent); }
actionbar > revealer > box popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:hover, searchbar > revealer > box popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:hover, .toolbar popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:hover, headerbar popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:hover, actionbar > revealer > box popover button.arrow-button:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.arrow-button:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.arrow-button:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.arrow-button:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover button.image-button:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.image-button:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.image-button:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.image-button:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover button.image-text-button:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.image-text-button:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.image-text-button:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.image-text-button:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.arrow-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.arrow-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.arrow-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.arrow-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.image-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.image-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.image-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.image-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.image-text-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.image-text-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.image-text-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.image-text-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.arrow-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.arrow-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.arrow-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.arrow-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.image-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.image-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.image-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.image-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.image-text-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.image-text-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.image-text-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.image-text-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow:checked:hover, row.spin spinbutton > button.image-button.up:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.down:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.image-button.down:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.image-button.down:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay:checked:hover, button:checked:hover { background-color: color-mix(in srgb, currentColor 35%, transparent); }
actionbar > revealer > box popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked.keyboard-activating, searchbar > revealer > box popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked.keyboard-activating, .toolbar popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked.keyboard-activating, headerbar popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked.keyboard-activating, actionbar > revealer > box popover button.arrow-button:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.arrow-button:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.arrow-button:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.arrow-button:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover button.image-button:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.image-button:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.image-button:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.image-button:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover button.image-text-button:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.image-text-button:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.image-text-button:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.image-text-button:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.arrow-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.arrow-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.arrow-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.arrow-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.image-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.image-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.image-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.image-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.image-text-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.image-text-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.image-text-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.image-text-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.arrow-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.arrow-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.arrow-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.arrow-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.image-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.image-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.image-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.image-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.image-text-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.image-text-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.image-text-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.image-text-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:active, searchbar > revealer > box popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:active, .toolbar popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:active, headerbar popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:active, actionbar > revealer > box popover button.arrow-button:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.arrow-button:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.arrow-button:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.arrow-button:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover button.image-button:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.image-button:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.image-button:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.image-button:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover button.image-text-button:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.image-text-button:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.image-text-button:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.image-text-button:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.arrow-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.arrow-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.arrow-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.arrow-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.image-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.image-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.image-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.image-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.image-text-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.image-text-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.image-text-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.image-text-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.arrow-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.arrow-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.arrow-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.arrow-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.image-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.image-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.image-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.image-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.image-text-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.image-text-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.image-text-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.image-text-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow:checked.keyboard-activating, row.spin spinbutton > button.image-button.up:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.down:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.image-button.down:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.image-button.down:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay:checked.keyboard-activating, notebook > header > tabs > arrow:checked:active, row.spin spinbutton > button.image-button.up:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.down:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.image-button.down:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.image-button.down:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay:checked:active, button:checked.keyboard-activating, button:checked:active { background-color: color-mix(in srgb, currentColor 40%, transparent); }
notebook > header > tabs > arrow:disabled, row.spin spinbutton > button.image-button.up:disabled:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.up:disabled:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr), row.spin spinbutton > button.image-button.up:disabled:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, row.spin spinbutton > button.image-button.down:disabled:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.image-button.down:disabled:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.image-button.down:disabled:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay:disabled, button:disabled { filter: Opacity(var(--disabled-opacity)); }
notebook > header > tabs > arrow:disabled label, row.spin spinbutton > button.image-button.up:disabled:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child label, row.spin spinbutton > button.image-button.up:disabled:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr) label, row.spin spinbutton > button.image-button.up:disabled:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child label, row.spin spinbutton > button.image-button.down:disabled:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) label, row.spin spinbutton > button.image-button.down:disabled:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child label, row.spin spinbutton > button.image-button.down:disabled:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child label, colorswatch#add-color-button > overlay:disabled label, button:disabled label { filter: none; }
notebook > header > tabs > arrow.image-button, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr), row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay.image-button, button.image-button { min-width: 24px; padding-left: 5px; padding-right: 5px; }
notebook > header > tabs > arrow.text-button, row.spin spinbutton > button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr), row.spin spinbutton > button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, row.spin spinbutton > button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay.text-button, button.text-button { padding-left: 17px; padding-right: 17px; }
notebook > header > tabs > arrow.text-button.image-button, row.spin spinbutton > button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr), row.spin spinbutton > button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, row.spin spinbutton > button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay.text-button.image-button, notebook > header > tabs > arrow.image-text-button, row.spin spinbutton > button.image-text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr), row.spin spinbutton > button.image-text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, row.spin spinbutton > button.image-text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.image-text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.image-text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay.image-text-button, button.text-button.image-button, button.image-text-button { padding-left: 9px; padding-right: 9px; }
notebook > header > tabs > arrow.text-button.image-button > box, row.spin spinbutton > button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child > box, row.spin spinbutton > button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr) > box, row.spin spinbutton > button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child > box, row.spin spinbutton > button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > box, row.spin spinbutton > button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child > box, row.spin spinbutton > button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child > box, colorswatch#add-color-button > overlay.text-button.image-button > box, notebook > header > tabs > arrow.text-button.image-button > box > box, row.spin spinbutton > button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child > box > box, row.spin spinbutton > button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr) > box > box, row.spin spinbutton > button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child > box > box, row.spin spinbutton > button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > box > box, row.spin spinbutton > button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child > box > box, row.spin spinbutton > button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child > box > box, colorswatch#add-color-button > overlay.text-button.image-button > box > box, notebook > header > tabs > arrow.image-text-button > box, row.spin spinbutton > button.image-text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child > box, row.spin spinbutton > button.image-text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr) > box, row.spin spinbutton > button.image-text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child > box, row.spin spinbutton > button.image-text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > box, row.spin spinbutton > button.image-text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child > box, row.spin spinbutton > button.image-text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child > box, colorswatch#add-color-button > overlay.image-text-button > box, notebook > header > tabs > arrow.image-text-button > box > box, row.spin spinbutton > button.image-text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child > box > box, row.spin spinbutton > button.image-text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr) > box > box, row.spin spinbutton > button.image-text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child > box > box, row.spin spinbutton > button.image-text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > box > box, row.spin spinbutton > button.image-text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child > box > box, row.spin spinbutton > button.image-text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child > box > box, colorswatch#add-color-button > overlay.image-text-button > box > box, button.text-button.image-button > box, button.text-button.image-button > box > box, button.image-text-button > box, button.image-text-button > box > box { border-spacing: 4px; }
notebook > header > tabs > arrow.text-button.image-button > box > label, row.spin spinbutton > button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child > box > label, row.spin spinbutton > button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr) > box > label, row.spin spinbutton > button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child > box > label, row.spin spinbutton > button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > box > label, row.spin spinbutton > button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child > box > label, row.spin spinbutton > button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child > box > label, colorswatch#add-color-button > overlay.text-button.image-button > box > label, notebook > header > tabs > arrow.text-button.image-button > box > box > label, row.spin spinbutton > button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child > box > box > label, row.spin spinbutton > button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr) > box > box > label, row.spin spinbutton > button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child > box > box > label, row.spin spinbutton > button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > box > box > label, row.spin spinbutton > button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child > box > box > label, row.spin spinbutton > button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child > box > box > label, colorswatch#add-color-button > overlay.text-button.image-button > box > box > label, notebook > header > tabs > arrow.image-text-button > box > label, row.spin spinbutton > button.image-text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child > box > label, row.spin spinbutton > button.image-text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr) > box > label, row.spin spinbutton > button.image-text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child > box > label, row.spin spinbutton > button.image-text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > box > label, row.spin spinbutton > button.image-text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child > box > label, row.spin spinbutton > button.image-text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child > box > label, colorswatch#add-color-button > overlay.image-text-button > box > label, notebook > header > tabs > arrow.image-text-button > box > box > label, row.spin spinbutton > button.image-text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child > box > box > label, row.spin spinbutton > button.image-text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr) > box > box > label, row.spin spinbutton > button.image-text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child > box > box > label, row.spin spinbutton > button.image-text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > box > box > label, row.spin spinbutton > button.image-text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child > box > box > label, row.spin spinbutton > button.image-text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child > box > box > label, colorswatch#add-color-button > overlay.image-text-button > box > box > label, button.text-button.image-button > box > label, button.text-button.image-button > box > box > label, button.image-text-button > box > label, button.image-text-button > box > box > label { padding-left: 2px; padding-right: 2px; }
notebook > header > tabs > arrow.arrow-button, row.spin spinbutton > button.arrow-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.arrow-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr), row.spin spinbutton > button.arrow-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, row.spin spinbutton > button.arrow-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.arrow-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.arrow-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay.arrow-button, button.arrow-button { padding-left: 9px; padding-right: 9px; }
notebook > header > tabs > arrow.arrow-button > box, row.spin spinbutton > button.arrow-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child > box, row.spin spinbutton > button.arrow-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr) > box, row.spin spinbutton > button.arrow-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child > box, row.spin spinbutton > button.arrow-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > box, row.spin spinbutton > button.arrow-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child > box, row.spin spinbutton > button.arrow-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child > box, colorswatch#add-color-button > overlay.arrow-button > box, button.arrow-button > box { border-spacing: 4px; }
notebook > header > tabs > arrow.arrow-button.text-button > box, row.spin spinbutton > button.arrow-button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child > box, row.spin spinbutton > button.arrow-button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > box, row.spin spinbutton > button.arrow-button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child > box, row.spin spinbutton > button.arrow-button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child > box, colorswatch#add-color-button > overlay.arrow-button.text-button > box, button.arrow-button.text-button > box { border-spacing: 4px; }
dropdown:drop(active) button.combo, combobox:drop(active) button.combo, searchbar > revealer > box .close:drop(active), actionbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:drop(active), searchbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:drop(active), .toolbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:drop(active), headerbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:drop(active), actionbar > revealer > box button.arrow-button:drop(active):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.arrow-button:drop(active):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.arrow-button:drop(active):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.arrow-button:drop(active):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-button:drop(active):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-button:drop(active):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-button:drop(active):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-button:drop(active):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-text-button:drop(active):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-text-button:drop(active):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-text-button:drop(active):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-text-button:drop(active):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.up:drop(active):not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.down:drop(active):not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), popover.menu box.circular-buttons button.circular.image-button.model:drop(active), popover.menu box.inline-buttons button.image-button.model:drop(active), filechooser #pathbarbox > stack > box > button:drop(active), filechooser #pathbarbox > stack > box > box > button:drop(active), filechooser #pathbarbox > stack > box > menubutton > button:drop(active), button.sidebar-button:drop(active), button.emoji-section.image-button:drop(active):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), infobar .close:drop(active), calendar > header > button:drop(active), actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:drop(active), searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:drop(active), .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:drop(active), headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:drop(active), actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:drop(active), searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:drop(active), .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:drop(active), headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:drop(active), splitbutton.flat > button:drop(active), splitbutton.flat > menubutton > button:drop(active), menubutton.flat > button:drop(active), button.flat:drop(active), menubutton.osd > button:drop(active), button.osd:drop(active), notebook > header > tabs > arrow:drop(active), row.spin spinbutton > button.image-button.up:drop(active):not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.up:drop(active):not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr), row.spin spinbutton > button.image-button.up:drop(active):not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, row.spin spinbutton > button.image-button.down:drop(active):not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.image-button.down:drop(active):not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.image-button.down:drop(active):not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay:drop(active), button:drop(active) { color: var(--accent-bg-color); box-shadow: inset 0 0 0 2px var(--accent-bg-color); }
menubutton.osd > button, button.osd { min-width: 32px; min-height: 32px; color: RGB(255 255 255/90%); background-color: RGB(0 0 0/65%); }
menubutton.osd > button, button.osd { outline: 0 solid transparent; outline-offset: 5px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
menubutton.osd > button:focus:focus-visible, button.osd:focus:focus-visible { outline-color: color-mix(in srgb, var(--accent-color) 50%, transparent); outline-width: 2px; outline-offset: 1px; }
menubutton.osd > button:hover, button.osd:hover { color: white; background-color: color-mix(in srgb, black calc(0.85 * 65%), currentColor calc(0.15 * 65%)); }
menubutton.osd > button.keyboard-activating, menubutton.osd > button:active, button.osd.keyboard-activating, button.osd:active { color: white; background-color: color-mix(in srgb, black calc(0.75 * 65%), currentColor calc(0.25 * 65%)); }
menubutton.osd > button:checked, button.osd:checked { background-color: color-mix(in srgb, black calc(0.8 * 65%), currentColor calc(0.2 * 65%)); }
menubutton.osd > button:checked:hover, button.osd:checked:hover { background-color: color-mix(in srgb, black calc(0.75 * 65%), currentColor calc(0.25 * 65%)); }
menubutton.osd > button:checked.keyboard-activating, menubutton.osd > button:checked:active, button.osd:checked.keyboard-activating, button.osd:checked:active { background-color: color-mix(in srgb, black calc(0.65 * 65%), currentColor calc(0.35 * 65%)); }
actionbar > revealer > box menubutton.suggested-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.suggested-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.suggested-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.suggested-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.opaque > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.opaque > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.opaque > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.opaque > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), splitbutton.suggested-action > button, splitbutton.suggested-action > menubutton > button, splitbutton.opaque > button, splitbutton.opaque > menubutton > button, menubutton.suggested-action > button, menubutton.opaque > button, button.suggested-action, button.opaque { box-shadow: none; }
actionbar > revealer > box menubutton.suggested-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.suggested-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.suggested-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.suggested-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.opaque > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.opaque > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.opaque > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.opaque > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), splitbutton.suggested-action > button, splitbutton.suggested-action > menubutton > button, splitbutton.opaque > button, splitbutton.opaque > menubutton > button, menubutton.suggested-action > button, menubutton.opaque > button, button.suggested-action, button.opaque { outline: 0 solid transparent; outline-offset: 5px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
actionbar > revealer > box menubutton.suggested-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.suggested-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.suggested-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.suggested-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.opaque > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.opaque > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.opaque > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.opaque > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), splitbutton.suggested-action > button:focus:focus-visible, splitbutton.suggested-action > menubutton > button:focus:focus-visible, splitbutton.opaque > button:focus:focus-visible, splitbutton.opaque > menubutton > button:focus:focus-visible, menubutton.suggested-action > button:focus:focus-visible, menubutton.opaque > button:focus:focus-visible, button.suggested-action:focus:focus-visible, button.opaque:focus:focus-visible { outline-color: color-mix(in srgb, var(--accent-color) 50%, transparent); outline-width: 2px; outline-offset: 1px; }
actionbar > revealer > box menubutton.suggested-action > button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.suggested-action > button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.suggested-action > button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.suggested-action > button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.opaque > button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.opaque > button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.opaque > button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.opaque > button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), splitbutton.suggested-action > button:hover, splitbutton.suggested-action > menubutton > button:hover, splitbutton.opaque > button:hover, splitbutton.opaque > menubutton > button:hover, menubutton.suggested-action > button:hover, menubutton.opaque > button:hover, button.suggested-action:hover, button.opaque:hover { background-image: image(color-mix(in srgb, currentColor 10%, transparent)); }
actionbar > revealer > box menubutton.suggested-action > button.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.suggested-action > button.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.suggested-action > button.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.suggested-action > button.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.opaque > button.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.opaque > button.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.opaque > button.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.opaque > button.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), splitbutton.suggested-action > button.keyboard-activating, splitbutton.suggested-action > menubutton > button.keyboard-activating, splitbutton.opaque > button.keyboard-activating, splitbutton.opaque > menubutton > button.keyboard-activating, menubutton.suggested-action > button.keyboard-activating, menubutton.opaque > button.keyboard-activating, button.keyboard-activating.suggested-action, button.keyboard-activating.opaque, actionbar > revealer > box menubutton.suggested-action > button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.suggested-action > button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.suggested-action > button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.suggested-action > button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.opaque > button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.opaque > button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.opaque > button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.opaque > button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), splitbutton.suggested-action > button:active, splitbutton.suggested-action > menubutton > button:active, splitbutton.opaque > button:active, splitbutton.opaque > menubutton > button:active, menubutton.suggested-action > button:active, menubutton.opaque > button:active, button.suggested-action:active, button.opaque:active { background-image: image(RGB(0 0 6/20%)); }
actionbar > revealer > box menubutton.suggested-action > button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.suggested-action > button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.suggested-action > button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.suggested-action > button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.opaque > button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.opaque > button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.opaque > button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.opaque > button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), splitbutton.suggested-action > button:checked, splitbutton.suggested-action > menubutton > button:checked, splitbutton.opaque > button:checked, splitbutton.opaque > menubutton > button:checked, menubutton.suggested-action > button:checked, menubutton.opaque > button:checked, button.suggested-action:checked, button.opaque:checked { background-image: image(RGB(0 0 6/15%)); }
actionbar > revealer > box menubutton.suggested-action > button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.suggested-action > button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.suggested-action > button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.suggested-action > button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.opaque > button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.opaque > button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.opaque > button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.opaque > button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), splitbutton.suggested-action > button:checked:hover, splitbutton.suggested-action > menubutton > button:checked:hover, splitbutton.opaque > button:checked:hover, splitbutton.opaque > menubutton > button:checked:hover, menubutton.suggested-action > button:checked:hover, menubutton.opaque > button:checked:hover, button.suggested-action:checked:hover, button.opaque:checked:hover { background-image: image(RGB(0 0 6/5%)); }
actionbar > revealer > box menubutton.suggested-action > button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.suggested-action > button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.suggested-action > button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.suggested-action > button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.opaque > button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.opaque > button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.opaque > button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.opaque > button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), splitbutton.suggested-action > button:checked.keyboard-activating, splitbutton.suggested-action > menubutton > button:checked.keyboard-activating, splitbutton.opaque > button:checked.keyboard-activating, splitbutton.opaque > menubutton > button:checked.keyboard-activating, menubutton.suggested-action > button:checked.keyboard-activating, menubutton.opaque > button:checked.keyboard-activating, button.suggested-action:checked.keyboard-activating, button.opaque:checked.keyboard-activating, actionbar > revealer > box menubutton.suggested-action > button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.suggested-action > button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.suggested-action > button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.suggested-action > button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.opaque > button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.opaque > button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.opaque > button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.opaque > button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), splitbutton.suggested-action > button:checked:active, splitbutton.suggested-action > menubutton > button:checked:active, splitbutton.opaque > button:checked:active, splitbutton.opaque > menubutton > button:checked:active, menubutton.suggested-action > button:checked:active, menubutton.opaque > button:checked:active, button.suggested-action:checked:active, button.opaque:checked:active { background-image: image(RGB(0 0 6/30%)); }
actionbar > revealer > box menubutton.destructive-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.destructive-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.destructive-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.destructive-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), splitbutton.destructive-action > button, splitbutton.destructive-action > menubutton > button, menubutton.destructive-action > button, button.destructive-action { --accent-bg-color: var(--destructive-bg-color); --accent-fg-color: var(--destructive-fg-color); --accent-color: var(--destructive-color); color: var(--accent-color); background-color: color-mix(in srgb, currentColor 15%, transparent); }
actionbar > revealer > box menubutton.destructive-action > button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.destructive-action > button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.destructive-action > button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.destructive-action > button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), splitbutton.destructive-action > button:hover, splitbutton.destructive-action > menubutton > button:hover, menubutton.destructive-action > button:hover, button.destructive-action:hover { background-color: color-mix(in srgb, currentColor 20%, transparent); }
actionbar > revealer > box menubutton.destructive-action > button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.destructive-action > button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.destructive-action > button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.destructive-action > button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), splitbutton.destructive-action > button:active, splitbutton.destructive-action > menubutton > button:active, menubutton.destructive-action > button:active, button.destructive-action:active, actionbar > revealer > box menubutton.destructive-action > button.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.destructive-action > button.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.destructive-action > button.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.destructive-action > button.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), splitbutton.destructive-action > button.keyboard-activating, splitbutton.destructive-action > menubutton > button.keyboard-activating, menubutton.destructive-action > button.keyboard-activating, button.keyboard-activating.destructive-action { background-color: color-mix(in srgb, currentColor 35%, transparent); }
actionbar > revealer > box menubutton.destructive-action > button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.destructive-action > button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.destructive-action > button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.destructive-action > button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), splitbutton.destructive-action > button:checked, splitbutton.destructive-action > menubutton > button:checked, menubutton.destructive-action > button:checked, button.destructive-action:checked { background-color: color-mix(in srgb, currentColor 35%, transparent); }
actionbar > revealer > box menubutton.destructive-action > button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.destructive-action > button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.destructive-action > button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.destructive-action > button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), splitbutton.destructive-action > button:checked:hover, splitbutton.destructive-action > menubutton > button:checked:hover, menubutton.destructive-action > button:checked:hover, button.destructive-action:checked:hover { background-color: color-mix(in srgb, currentColor 40%, transparent); }
actionbar > revealer > box menubutton.destructive-action > button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.destructive-action > button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.destructive-action > button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.destructive-action > button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), splitbutton.destructive-action > button:checked.keyboard-activating, splitbutton.destructive-action > menubutton > button:checked.keyboard-activating, menubutton.destructive-action > button:checked.keyboard-activating, button.destructive-action:checked.keyboard-activating, actionbar > revealer > box menubutton.destructive-action > button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.destructive-action > button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.destructive-action > button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.destructive-action > button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), splitbutton.destructive-action > button:checked:active, splitbutton.destructive-action > menubutton > button:checked:active, menubutton.destructive-action > button:checked:active, button.destructive-action:checked:active { background-color: color-mix(in srgb, currentColor 45%, transparent); }
button.opaque { background-color: color-mix(in srgb, var(--window-bg-color) 85%, var(--window-fg-color)); color: var(--window-fg-color); }
button.suggested-action { color: var(--accent-fg-color); }
button.suggested-action, button.suggested-action:checked { background-color: var(--accent-bg-color); }
searchbar > revealer > box .close, actionbar > revealer > box menubutton.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, searchbar > revealer > box menubutton.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, .toolbar menubutton.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, headerbar menubutton.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, actionbar > revealer > box button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow, popover.menu box.circular-buttons button.circular.image-button.model, popover.menu box.inline-buttons button.image-button.model, filechooser #pathbarbox > stack > box > button, filechooser #pathbarbox > stack > box > box > button, filechooser #pathbarbox > stack > box > menubutton > button, button.sidebar-button, button.emoji-section.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), infobar .close, calendar > header > button, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button, splitbutton.flat > button, splitbutton.flat > menubutton > button, menubutton.flat > button, button.flat { background: transparent; box-shadow: none; }
searchbar > revealer > box .close, actionbar > revealer > box menubutton.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, searchbar > revealer > box menubutton.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, .toolbar menubutton.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, headerbar menubutton.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, actionbar > revealer > box button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow, popover.menu box.circular-buttons button.circular.image-button.model, popover.menu box.inline-buttons button.image-button.model, filechooser #pathbarbox > stack > box > button, filechooser #pathbarbox > stack > box > box > button, filechooser #pathbarbox > stack > box > menubutton > button, button.sidebar-button, button.emoji-section.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), infobar .close, calendar > header > button, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button, splitbutton.flat > button, splitbutton.flat > menubutton > button, menubutton.flat > button, button.flat { outline: 0 solid transparent; outline-offset: 4px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
searchbar > revealer > box .close:focus:focus-visible, actionbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:focus:focus-visible, searchbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:focus:focus-visible, .toolbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:focus:focus-visible, headerbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:focus:focus-visible, actionbar > revealer > box button.arrow-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.arrow-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.arrow-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.arrow-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-text-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-text-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-text-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-text-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.up:focus:focus-visible:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.down:focus:focus-visible:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow:focus:focus-visible, popover.menu box.circular-buttons button.circular.image-button.model:focus:focus-visible, popover.menu box.inline-buttons button.image-button.model:focus:focus-visible, filechooser #pathbarbox > stack > box > button:focus:focus-visible, filechooser #pathbarbox > stack > box > box > button:focus:focus-visible, filechooser #pathbarbox > stack > box > menubutton > button:focus:focus-visible, button.sidebar-button:focus:focus-visible, button.emoji-section.image-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), infobar .close:focus:focus-visible, calendar > header > button:focus:focus-visible, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:focus:focus-visible, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:focus:focus-visible, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:focus:focus-visible, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:focus:focus-visible, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:focus:focus-visible, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:focus:focus-visible, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:focus:focus-visible, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:focus:focus-visible, splitbutton.flat > button:focus:focus-visible, splitbutton.flat > menubutton > button:focus:focus-visible, menubutton.flat > button:focus:focus-visible, button.flat:focus:focus-visible { outline-color: color-mix(in srgb, var(--accent-color) 50%, transparent); outline-width: 2px; outline-offset: -2px; }
searchbar > revealer > box .close:hover, actionbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:hover, searchbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:hover, .toolbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:hover, headerbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:hover, actionbar > revealer > box button.arrow-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.arrow-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.arrow-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.arrow-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-text-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-text-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-text-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-text-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.up:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.down:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow:hover, popover.menu box.circular-buttons button.circular.image-button.model:hover, popover.menu box.inline-buttons button.image-button.model:hover, filechooser #pathbarbox > stack > box > button:hover, filechooser #pathbarbox > stack > box > box > button:hover, filechooser #pathbarbox > stack > box > menubutton > button:hover, button.sidebar-button:hover, button.emoji-section.image-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), infobar .close:hover, calendar > header > button:hover, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:hover, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:hover, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:hover, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:hover, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:hover, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:hover, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:hover, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:hover, splitbutton.flat > button:hover, splitbutton.flat > menubutton > button:hover, menubutton.flat > button:hover, button.flat:hover { background: color-mix(in srgb, currentColor 7%, transparent); }
searchbar > revealer > box .keyboard-activating.close, actionbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button.keyboard-activating, searchbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button.keyboard-activating, .toolbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button.keyboard-activating, headerbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button.keyboard-activating, actionbar > revealer > box button.keyboard-activating.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.keyboard-activating.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.keyboard-activating.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.keyboard-activating.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.keyboard-activating.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.keyboard-activating.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.keyboard-activating.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.keyboard-activating.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.keyboard-activating.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.keyboard-activating.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.keyboard-activating.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.keyboard-activating.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.keyboard-activating.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.keyboard-activating.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow.keyboard-activating, popover.menu box.circular-buttons button.keyboard-activating.circular.image-button.model, popover.menu box.inline-buttons button.keyboard-activating.image-button.model, filechooser #pathbarbox > stack > box > button.keyboard-activating, filechooser #pathbarbox > stack > box > box > button.keyboard-activating, filechooser #pathbarbox > stack > box > menubutton > button.keyboard-activating, button.keyboard-activating.sidebar-button, button.keyboard-activating.emoji-section.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), infobar .keyboard-activating.close, calendar > header > button.keyboard-activating, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button.keyboard-activating, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button.keyboard-activating, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button.keyboard-activating, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button.keyboard-activating, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button.keyboard-activating, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button.keyboard-activating, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button.keyboard-activating, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button.keyboard-activating, splitbutton.flat > button.keyboard-activating, splitbutton.flat > menubutton > button.keyboard-activating, menubutton.flat > button.keyboard-activating, searchbar > revealer > box .close:active, actionbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:active, searchbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:active, .toolbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:active, headerbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:active, actionbar > revealer > box button.arrow-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.arrow-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.arrow-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.arrow-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-text-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-text-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-text-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-text-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.up:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.down:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow:active, popover.menu box.circular-buttons button.circular.image-button.model:active, popover.menu box.inline-buttons button.image-button.model:active, filechooser #pathbarbox > stack > box > button:active, filechooser #pathbarbox > stack > box > box > button:active, filechooser #pathbarbox > stack > box > menubutton > button:active, button.sidebar-button:active, button.emoji-section.image-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), infobar .close:active, calendar > header > button:active, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:active, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:active, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:active, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:active, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:active, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:active, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:active, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:active, splitbutton.flat > button:active, splitbutton.flat > menubutton > button:active, menubutton.flat > button:active, button.flat.keyboard-activating, button.flat:active { background: color-mix(in srgb, currentColor 16%, transparent); }
searchbar > revealer > box .close:checked, actionbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked, searchbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked, .toolbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked, headerbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked, actionbar > revealer > box button.arrow-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.arrow-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.arrow-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.arrow-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-text-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-text-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-text-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-text-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.up:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.down:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow:checked, popover.menu box.circular-buttons button.circular.image-button.model:checked, popover.menu box.inline-buttons button.image-button.model:checked, filechooser #pathbarbox > stack > box > button:checked, filechooser #pathbarbox > stack > box > box > button:checked, filechooser #pathbarbox > stack > box > menubutton > button:checked, button.sidebar-button:checked, button.emoji-section.image-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), infobar .close:checked, calendar > header > button:checked, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked, splitbutton.flat > button:checked, splitbutton.flat > menubutton > button:checked, menubutton.flat > button:checked, button.flat:checked { background: color-mix(in srgb, currentColor 10%, transparent); }
searchbar > revealer > box .close:checked:hover, actionbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:hover, searchbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:hover, .toolbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:hover, headerbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:hover, actionbar > revealer > box button.arrow-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.arrow-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.arrow-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.arrow-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-text-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-text-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-text-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-text-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.up:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.down:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow:checked:hover, popover.menu box.circular-buttons button.circular.image-button.model:checked:hover, popover.menu box.inline-buttons button.image-button.model:checked:hover, filechooser #pathbarbox > stack > box > button:checked:hover, filechooser #pathbarbox > stack > box > box > button:checked:hover, filechooser #pathbarbox > stack > box > menubutton > button:checked:hover, button.sidebar-button:checked:hover, button.emoji-section.image-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), infobar .close:checked:hover, calendar > header > button:checked:hover, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked:hover, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked:hover, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked:hover, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked:hover, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked:hover, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked:hover, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked:hover, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked:hover, splitbutton.flat > button:checked:hover, splitbutton.flat > menubutton > button:checked:hover, menubutton.flat > button:checked:hover, button.flat:checked:hover { background: color-mix(in srgb, currentColor 13%, transparent); }
searchbar > revealer > box .close:checked.keyboard-activating, actionbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked.keyboard-activating, searchbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked.keyboard-activating, .toolbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked.keyboard-activating, headerbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked.keyboard-activating, actionbar > revealer > box button.arrow-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.arrow-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.arrow-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.arrow-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-text-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-text-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-text-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-text-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.up:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.down:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow:checked.keyboard-activating, popover.menu box.circular-buttons button.circular.image-button.model:checked.keyboard-activating, popover.menu box.inline-buttons button.image-button.model:checked.keyboard-activating, filechooser #pathbarbox > stack > box > button:checked.keyboard-activating, filechooser #pathbarbox > stack > box > box > button:checked.keyboard-activating, filechooser #pathbarbox > stack > box > menubutton > button:checked.keyboard-activating, button.sidebar-button:checked.keyboard-activating, button.emoji-section.image-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), infobar .close:checked.keyboard-activating, calendar > header > button:checked.keyboard-activating, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked.keyboard-activating, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked.keyboard-activating, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked.keyboard-activating, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked.keyboard-activating, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked.keyboard-activating, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked.keyboard-activating, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked.keyboard-activating, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked.keyboard-activating, splitbutton.flat > button:checked.keyboard-activating, splitbutton.flat > menubutton > button:checked.keyboard-activating, menubutton.flat > button:checked.keyboard-activating, searchbar > revealer > box .close:checked:active, actionbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:active, searchbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:active, .toolbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:active, headerbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:active, actionbar > revealer > box button.arrow-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.arrow-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.arrow-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.arrow-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-text-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-text-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-text-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-text-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.up:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.down:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow:checked:active, popover.menu box.circular-buttons button.circular.image-button.model:checked:active, popover.menu box.inline-buttons button.image-button.model:checked:active, filechooser #pathbarbox > stack > box > button:checked:active, filechooser #pathbarbox > stack > box > box > button:checked:active, filechooser #pathbarbox > stack > box > menubutton > button:checked:active, button.sidebar-button:checked:active, button.emoji-section.image-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), infobar .close:checked:active, calendar > header > button:checked:active, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked:active, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked:active, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked:active, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked:active, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked:active, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked:active, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked:active, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked:active, splitbutton.flat > button:checked:active, splitbutton.flat > menubutton > button:checked:active, menubutton.flat > button:checked:active, button.flat:checked.keyboard-activating, button.flat:checked:active { background: color-mix(in srgb, currentColor 19%, transparent); }
searchbar > revealer > box .close:disabled:not(:checked), actionbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:disabled:not(:checked), searchbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:disabled:not(:checked), .toolbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:disabled:not(:checked), headerbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:disabled:not(:checked), actionbar > revealer > box button.arrow-button:disabled:not(:checked):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.arrow-button:disabled:not(:checked):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.arrow-button:disabled:not(:checked):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.arrow-button:disabled:not(:checked):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-button:disabled:not(:checked):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-button:disabled:not(:checked):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-button:disabled:not(:checked):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-button:disabled:not(:checked):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-text-button:disabled:not(:checked):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-text-button:disabled:not(:checked):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-text-button:disabled:not(:checked):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-text-button:disabled:not(:checked):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.up:disabled:not(:checked):not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.down:disabled:not(:checked):not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow:disabled:not(:checked), popover.menu box.circular-buttons button.circular.image-button.model:disabled:not(:checked), popover.menu box.inline-buttons button.image-button.model:disabled:not(:checked), filechooser #pathbarbox > stack > box > button:disabled:not(:checked), filechooser #pathbarbox > stack > box > box > button:disabled:not(:checked), filechooser #pathbarbox > stack > box > menubutton > button:disabled:not(:checked), button.sidebar-button:disabled:not(:checked), button.emoji-section.image-button:disabled:not(:checked):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), infobar .close:disabled:not(:checked), calendar > header > button:disabled:not(:checked), actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:disabled:not(:checked), searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:disabled:not(:checked), .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:disabled:not(:checked), headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:disabled:not(:checked), actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:disabled:not(:checked), searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:disabled:not(:checked), .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:disabled:not(:checked), headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:disabled:not(:checked), splitbutton.flat > button:disabled:not(:checked), splitbutton.flat > menubutton > button:disabled:not(:checked), menubutton.flat > button:disabled:not(:checked), button.flat:disabled:not(:checked) { filter: opacity(30%); }
stackswitcher > button > label { padding: 0 6px; margin: 0 -6px; }
stackswitcher > button > image { padding: 3px 6px; margin: -3px -6px; }
stackswitcher > button.text-button { min-width: 100px; }
button.font separator { background-color: transparent; }
button.font > box { border-spacing: 6px; }
button.font > box > box > label { font-weight: bold; }
row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr):last-child, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, button.emoji-section.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), menubutton.circular > button, button.circular { min-width: 34px; min-height: 34px; padding: 0; border-radius: 9999px; }
row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child label, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr):last-child label, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child label, row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) label, row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child label, row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child label, button.emoji-section.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) label, menubutton.circular > button label, button.circular label { padding: 0; }
menubutton.pill > button, button.pill { padding: 10px 32px; border-radius: 9999px; }
button.card { background-color: var(--card-bg-color); background-clip: padding-box; font-weight: inherit; padding: 0; }
button.card { outline: 0 solid transparent; outline-offset: 5px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
button.card:focus:focus-visible { outline-color: color-mix(in srgb, var(--accent-color) 50%, transparent); outline-width: 2px; outline-offset: -1px; }
button.card:hover { background-image: image(color-mix(in srgb, currentColor 4%, transparent)); }
button.card.keyboard-activating, button.card:active { background-image: image(color-mix(in srgb, currentColor 8%, transparent)); }
button.card:checked { background-color: var(--card-bg-color); background-image: image(color-mix(in srgb, var(--accent-bg-color) 25%, transparent)); }
button.card:checked:hover { background-image: image(color-mix(in srgb, var(--accent-bg-color) 32%, transparent)); }
button.card:checked.keyboard-activating, button.card:checked:active { background-image: image(color-mix(in srgb, var(--accent-bg-color) 39%, transparent)); }
button.card:checked.has-open-popup { background-image: image(color-mix(in srgb, var(--accent-bg-color) 32%, transparent)); }
.osd button.card:checked { background-color: color-mix(in srgb, currentColor 10%, transparent); }
button.card:drop(active) { color: var(--accent-bg-color); box-shadow: inset 0 0 0 1px var(--accent-bg-color); }
button.color { padding: 5px; }
button.color > colorswatch:only-child { border-radius: 4.5px; }
button.color > colorswatch:only-child > overlay { border-radius: 4px; }
button.color > colorswatch:only-child:disabled { filter: none; }
button.color > colorswatch:only-child.light > overlay { border-color: color-mix(in srgb, var(--view-fg-color) 10%, transparent); }
menubutton.osd { background: none; color: inherit; }
menubutton:disabled { filter: opacity(50%); }
menubutton > button:disabled:not(:checked) { filter: none; }
menubutton.flat:disabled { filter: none; }
menubutton.suggested-action { background-color: var(--accent-bg-color); color: var(--accent-fg-color); }
menubutton.opaque { background-color: color-mix(in srgb, var(--window-bg-color) 85%, var(--window-fg-color)); color: var(--window-fg-color); }
menubutton.suggested-action, menubutton.opaque { border-radius: 9px; }
menubutton.suggested-action.circular, menubutton.suggested-action.pill, menubutton.opaque.circular, menubutton.opaque.pill { border-radius: 9999px; }
menubutton.suggested-action > button, menubutton.suggested-action > button:checked, menubutton.opaque > button, menubutton.opaque > button:checked { background-color: transparent; color: inherit; }
menubutton.image-button > button { min-width: 24px; padding-left: 5px; padding-right: 5px; }
menubutton.card > button { border-radius: 12px; }
menubutton arrow { min-height: 16px; min-width: 16px; }
menubutton arrow.none { -gtk-icon-source: -gtk-icontheme("open-menu-symbolic"); }
menubutton arrow.down { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
menubutton arrow.up { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); }
menubutton arrow.left { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); }
menubutton arrow.right { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
splitbutton { border-radius: 9px; }
splitbutton, splitbutton > separator { transition: background 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: background; }
splitbutton > separator { margin-top: 6px; margin-bottom: 6px; background: none; }
splitbutton > menubutton > button { padding-left: 4px; padding-right: 4px; }
splitbutton.image-button > button { min-width: 24px; padding-left: 5px; padding-right: 5px; }
splitbutton.text-button.image-button > button, splitbutton.image-text-button > button { padding-left: 9px; padding-right: 9px; }
splitbutton.text-button.image-button > button > box, splitbutton.image-text-button > button > box { border-spacing: 6px; }
splitbutton:disabled { filter: Opacity(var(--disabled-opacity)); }
splitbutton:disabled > button, splitbutton:disabled > menubutton, splitbutton:disabled > menubutton > button { filter: none; }
splitbutton > button:dir(ltr), splitbutton > menubutton > button:dir(rtl) { border-top-right-radius: 0; border-bottom-right-radius: 0; margin-right: -1px; }
splitbutton > button:dir(rtl), splitbutton > menubutton > button:dir(ltr) { border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: -1px; }
actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, splitbutton.flat > separator { background: color-mix(in srgb, currentColor 30%, transparent); }
actionbar > revealer > box splitbutton:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box splitbutton:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar splitbutton:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar splitbutton:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box splitbutton:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box splitbutton:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar splitbutton:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar splitbutton:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box splitbutton:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box splitbutton:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar splitbutton:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar splitbutton:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), splitbutton.flat:hover, splitbutton.flat:active, splitbutton.flat:checked { background: color-mix(in srgb, currentColor 7%, transparent); }
actionbar > revealer > box splitbutton:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, searchbar > revealer > box splitbutton:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, .toolbar splitbutton:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, headerbar splitbutton:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, actionbar > revealer > box splitbutton:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, searchbar > revealer > box splitbutton:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, .toolbar splitbutton:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, headerbar splitbutton:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, actionbar > revealer > box splitbutton:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, searchbar > revealer > box splitbutton:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, .toolbar splitbutton:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, headerbar splitbutton:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, splitbutton.flat:hover > separator, splitbutton.flat:active > separator, splitbutton.flat:checked > separator { background: none; }
actionbar > revealer > box splitbutton:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box splitbutton:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar splitbutton:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar splitbutton:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), splitbutton.flat:disabled { filter: opacity(30%); }
actionbar > revealer > box splitbutton:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:disabled, searchbar > revealer > box splitbutton:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:disabled, .toolbar splitbutton:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:disabled, headerbar splitbutton:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:disabled, actionbar > revealer > box splitbutton:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:disabled, searchbar > revealer > box splitbutton:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:disabled, .toolbar splitbutton:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:disabled, headerbar splitbutton:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:disabled, splitbutton.flat:disabled > button:disabled, splitbutton.flat:disabled > menubutton > button:disabled { filter: none; }
actionbar > revealer > box splitbutton:focus-within:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, searchbar > revealer > box splitbutton:focus-within:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, .toolbar splitbutton:focus-within:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, headerbar splitbutton:focus-within:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, splitbutton.flat:focus-within:focus-visible > separator { background: none; }
actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button, splitbutton.flat > button, splitbutton.flat > menubutton > button { border-radius: 9px; }
splitbutton.suggested-action { background-color: var(--accent-bg-color); color: var(--accent-fg-color); }
splitbutton.destructive-action { --accent-bg-color: var(--destructive-bg-color); --accent-fg-color: var(--destructive-fg-color); --accent-color: var(--destructive-color); color: var(--accent-color); }
splitbutton.opaque { background-color: color-mix(in srgb, var(--window-bg-color) 85%, var(--window-fg-color)); color: var(--window-fg-color); }
splitbutton.suggested-action > button, splitbutton.suggested-action > button:checked, splitbutton.suggested-action > menubutton > button, splitbutton.suggested-action > menubutton > button:checked, splitbutton.opaque > button, splitbutton.opaque > button:checked, splitbutton.opaque > menubutton > button, splitbutton.opaque > menubutton > button:checked { color: inherit; background-color: transparent; }
splitbutton.suggested-action > menubutton > button:dir(ltr), splitbutton.opaque > menubutton > button:dir(ltr) { box-shadow: inset 1px 0 color-mix(in srgb, currentColor 30%, transparent); }
splitbutton.suggested-action > menubutton > button:dir(rtl), splitbutton.opaque > menubutton > button:dir(rtl) { box-shadow: inset -1px 0 color-mix(in srgb, currentColor 30%, transparent); }
splitbutton > menubutton > button > arrow.none { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
buttoncontent > box { border-spacing: 6px; }
buttoncontent > box > label { font-weight: bold; }
buttoncontent > box > label:dir(ltr) { padding-right: 2px; }
buttoncontent > box > label:dir(rtl) { padding-left: 2px; }
.arrow-button > box > buttoncontent > box > label:dir(ltr), splitbutton > button > buttoncontent > box > label:dir(ltr) { padding-right: 0; }
.arrow-button > box > buttoncontent > box > label:dir(rtl), splitbutton > button > buttoncontent > box > label:dir(rtl) { padding-left: 0; }
tabbutton label { font-weight: 800; font-size: 10.5px; }
tabbutton label.small { font-size: 8px; }
tabbutton indicatorbin > indicator:dir(ltr), tabbutton indicatorbin > mask:dir(ltr) { transform: translate(-1px, 1px); }
tabbutton indicatorbin > indicator:dir(rtl), tabbutton indicatorbin > mask:dir(rtl) { transform: translate(1px, 1px); }
calendar { color: var(--view-fg-color); background-clip: padding-box; border: 1px solid color-mix(in srgb, currentColor var(--border-opacity), transparent); font-feature-settings: "tnum"; }
calendar > header { border-bottom: 1px solid color-mix(in srgb, currentColor var(--border-opacity), transparent); }
calendar > header > button { border-radius: 0; }
calendar > grid { padding-left: 3px; padding-bottom: 3px; }
calendar > grid > label.today { box-shadow: inset 0px -2px color-mix(in srgb, currentColor var(--border-opacity), transparent); }
calendar > grid > label.today:selected { box-shadow: none; }
calendar > grid > label { margin-top: 3px; margin-right: 3px; }
calendar > grid > label { outline: 0 solid transparent; outline-offset: 4px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
calendar > grid > label:focus { outline-color: color-mix(in srgb, var(--accent-color) 50%, transparent); outline-width: 2px; outline-offset: -2px; }
calendar > grid > label.day-number { padding: 3px; }
calendar > grid > label.day-number:checked { border-radius: 9px; background-color: color-mix(in srgb, var(--accent-bg-color) 30%, transparent); }
calendar > grid > label.day-number:selected { border-radius: 9px; background-color: var(--accent-bg-color); color: var(--accent-fg-color); }
calendar > grid > label.day-number.other-month { color: color-mix(in srgb, currentColor 30%, transparent); }
checkbutton { border-spacing: 4px; border-radius: 9px; padding: 3px; }
checkbutton { outline: 0 solid transparent; outline-offset: 4px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
checkbutton:focus:focus-visible { outline-color: color-mix(in srgb, var(--accent-color) 50%, transparent); outline-width: 2px; outline-offset: -2px; }
checkbutton.text-button { padding: 4px; }
checkbutton.grouped { border-radius: 999px; }
check, radio { transition: background 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); min-height: 14px; min-width: 14px; -gtk-icon-size: 14px; padding: 3px; box-shadow: inset 0 0 0 2px color-mix(in srgb, currentColor 15%, transparent); }
check:not(:checked):not(:indeterminate):hover, radio:not(:checked):not(:indeterminate):hover { box-shadow: inset 0 0 0 2px color-mix(in srgb, currentColor 20%, transparent); }
check:not(:checked):not(:indeterminate):active, radio:not(:checked):not(:indeterminate):active { background-color: color-mix(in srgb, currentColor 25%, transparent); box-shadow: none; }
check:checked, check:indeterminate, radio:checked, radio:indeterminate { background-color: var(--accent-bg-color); color: var(--accent-fg-color); box-shadow: none; }
check:checked:hover, check:indeterminate:hover, radio:checked:hover, radio:indeterminate:hover { background-image: image(color-mix(in srgb, currentColor 10%, transparent)); }
check:checked:active, check:indeterminate:active, radio:checked:active, radio:indeterminate:active { background-image: image(RGB(0 0 6/20%)); }
check:disabled, radio:disabled { filter: Opacity(var(--disabled-opacity)); }
check { border-radius: 6px; }
check:checked { -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/check-symbolic.symbolic.png")), -gtk-recolor(url("assets/check@2-symbolic.symbolic.png"))); }
radio { border-radius: 100%; }
radio:checked { -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/bullet-symbolic.symbolic.png")), -gtk-recolor(url("assets/bullet@2-symbolic.symbolic.png"))); }
check:indeterminate, radio:indeterminate { -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/dash-symbolic.symbolic.png")), -gtk-recolor(url("assets/dash@2-symbolic.symbolic.png"))); }
checkbutton.selection-mode { border-radius: 100px; }
checkbutton.selection-mode check, checkbutton.selection-mode radio { padding: 7px; border-radius: 100px; }
checkbutton.selection-mode label:dir(ltr) { margin-right: 6px; }
checkbutton.selection-mode label:dir(rtl) { margin-left: 6px; }
colorswatch { outline: 0 solid transparent; outline-offset: 6px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
colorswatch:focus:focus-visible { outline-color: color-mix(in srgb, var(--accent-color) 50%, transparent); outline-width: 4px; outline-offset: -2px; }
colorswatch.top { border-top-left-radius: 9.5px; border-top-right-radius: 9.5px; }
colorswatch.top > overlay { border-top-left-radius: 9px; border-top-right-radius: 9px; }
colorswatch.bottom { border-bottom-left-radius: 9.5px; border-bottom-right-radius: 9.5px; }
colorswatch.bottom > overlay { border-bottom-left-radius: 9px; border-bottom-right-radius: 9px; }
colorswatch.left, colorswatch:first-child:not(.top) { border-top-left-radius: 9.5px; border-bottom-left-radius: 9.5px; }
colorswatch.left > overlay, colorswatch:first-child:not(.top) > overlay { border-top-left-radius: 9px; border-bottom-left-radius: 9px; }
colorswatch.right, colorswatch:last-child:not(.bottom) { border-top-right-radius: 9.5px; border-bottom-right-radius: 9.5px; }
colorswatch.right > overlay, colorswatch:last-child:not(.bottom) > overlay { border-top-right-radius: 9px; border-bottom-right-radius: 9px; }
colorswatch.dark > overlay { color: white; }
colorswatch.light > overlay { color: RGB(0 0 6/75%); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--view-fg-color) 10%, transparent); }
colorswatch:drop(active).light > overlay { box-shadow: inset 0 0 0 2px var(--accent-bg-color); }
colorswatch:drop(active).dark > overlay { box-shadow: inset 0 0 0 2px var(--accent-bg-color); }
colorswatch#add-color-button > overlay { border-radius: 9px 0 0 9px; }
colorswatch#add-color-button:only-child > overlay { border-radius: 9px; }
colorswatch:disabled { filter: Opacity(var(--disabled-opacity)); }
colorswatch#editor-color-sample { border-radius: 9px; }
colorswatch#editor-color-sample > overlay { border-radius: 9.5px; }
plane { outline: 0 solid transparent; outline-offset: 6px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
plane:focus:focus-visible { outline-color: color-mix(in srgb, var(--accent-color) 50%, transparent); outline-width: 2px; outline-offset: 2px; }
colorchooser .popover.osd { border-radius: 15px; }
columnview, treeview.view, window.print:not(.ssd-frame) treeview.dialog-action-box { outline: 0 solid transparent; outline-offset: 4px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
columnview:focus:focus-visible, treeview.view:focus:focus-visible, window.print:not(.ssd-frame) treeview.dialog-action-box:focus:focus-visible { outline-color: color-mix(in srgb, var(--accent-color) 50%, transparent); outline-width: 2px; outline-offset: -2px; }
columnview:drop(active), treeview.view:drop(active), window.print:not(.ssd-frame) treeview.dialog-action-box:drop(active) { box-shadow: none; }
columnview > header > button, treeview.view > header > button, window.print:not(.ssd-frame) treeview.dialog-action-box > header > button { background-color: transparent; padding-top: 3px; padding-bottom: 3px; padding-left: 6px; padding-right: 6px; border-radius: 0; box-shadow: none; line-height: 100%; border-left: 1px solid transparent; }
columnview > header > button:first-child, treeview.view > header > button:first-child, window.print:not(.ssd-frame) treeview.dialog-action-box > header > button:first-child { border-left-width: 0; }
columnview > header > button > box, treeview.view > header > button > box, window.print:not(.ssd-frame) treeview.dialog-action-box > header > button > box { color: color-mix(in srgb, currentColor 40%, transparent); border-spacing: 6px; }
columnview > header > button:hover > box, treeview.view > header > button:hover > box, window.print:not(.ssd-frame) treeview.dialog-action-box > header > button:hover > box { color: color-mix(in srgb, currentColor 70%, transparent); box-shadow: none; }
columnview > header > button:active > box, treeview.view > header > button:active > box, window.print:not(.ssd-frame) treeview.dialog-action-box > header > button:active > box { color: currentColor; }
columnview > header > button sort-indicator, treeview.view > header > button sort-indicator, window.print:not(.ssd-frame) treeview.dialog-action-box > header > button sort-indicator { min-height: 16px; min-width: 16px; }
columnview > header > button sort-indicator.ascending, treeview.view > header > button sort-indicator.ascending, window.print:not(.ssd-frame) treeview.dialog-action-box > header > button sort-indicator.ascending { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); }
columnview > header > button sort-indicator.descending, treeview.view > header > button sort-indicator.descending, window.print:not(.ssd-frame) treeview.dialog-action-box > header > button sort-indicator.descending { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
columnview button.dnd:active, columnview button.dnd:selected, columnview button.dnd:hover, columnview button.dnd, treeview.view button.dnd, window.print:not(.ssd-frame) treeview.dialog-action-box button.dnd, columnview header.button.dnd:active, columnview header.button.dnd:selected, columnview header.button.dnd:hover, columnview header.button.dnd, treeview.view header.button.dnd, window.print:not(.ssd-frame) treeview.dialog-action-box header.button.dnd { color: var(--accent-fg-color); background-color: var(--accent-bg-color); transition: none; }
columnview.view > listview.view, treeview.view > listview.view, window.print:not(.ssd-frame) columnview.dialog-action-box > listview.view, window.print:not(.ssd-frame) treeview.dialog-action-box > listview.view, window.print:not(.ssd-frame) columnview.view > listview.dialog-action-box, window.print:not(.ssd-frame) treeview.view > listview.dialog-action-box, window.print:not(.ssd-frame) columnview.dialog-action-box > listview.dialog-action-box, window.print:not(.ssd-frame) treeview.dialog-action-box > listview.dialog-action-box { background: none; color: inherit; }
columnview > listview > row, treeview.view > listview > row, window.print:not(.ssd-frame) treeview.dialog-action-box > listview > row { padding: 0; }
columnview > listview > row > cell, treeview.view > listview > row > cell, window.print:not(.ssd-frame) treeview.dialog-action-box > listview > row > cell { padding: 8px 6px; }
columnview > listview > row > cell:not(:first-child), treeview.view > listview > row > cell:not(:first-child), window.print:not(.ssd-frame) treeview.dialog-action-box > listview > row > cell:not(:first-child) { border-left: 1px solid transparent; }
columnview.column-separators > listview > row > cell, treeview.column-separators.view > listview > row > cell, window.print:not(.ssd-frame) treeview.column-separators.dialog-action-box > listview > row > cell, columnview.column-separators > header > button, treeview.column-separators.view > header > button, window.print:not(.ssd-frame) treeview.column-separators.dialog-action-box > header > button { border-left-color: color-mix(in srgb, currentColor var(--border-opacity), transparent); }
columnview > listview:not(.horizontal).separators > row:not(.separator), treeview.view > listview:not(.horizontal).separators > row:not(.separator), window.print:not(.ssd-frame) treeview.dialog-action-box > listview:not(.horizontal).separators > row:not(.separator) { border-top: 1px solid color-mix(in srgb, currentColor var(--border-opacity), transparent); border-bottom: none; }
columnview.data-table > listview > row > cell, treeview.data-table.view > listview > row > cell, window.print:not(.ssd-frame) treeview.data-table.dialog-action-box > listview > row > cell { padding-top: 2px; padding-bottom: 2px; }
columnview ~ undershoot.top, treeview.view ~ undershoot.top, window.print:not(.ssd-frame) treeview.dialog-action-box ~ undershoot.top { box-shadow: inset 0 1px color-mix(in srgb, var(--shade-color) 75%, transparent); background: linear-gradient(to bottom, color-mix(in srgb, var(--shade-color) 75%, transparent), transparent 4px); }
columnview row:not(:selected) cell editablelabel:not(.editing):focus-within, treeview.view row:not(:selected) cell editablelabel:not(.editing):focus-within, window.print:not(.ssd-frame) treeview.dialog-action-box row:not(:selected) cell editablelabel:not(.editing):focus-within { outline: 2px solid color-mix(in srgb, var(--accent-color) 50%, transparent); }
columnview row:not(:selected) cell editablelabel.editing:focus-within, treeview.view row:not(:selected) cell editablelabel.editing:focus-within, window.print:not(.ssd-frame) treeview.dialog-action-box row:not(:selected) cell editablelabel.editing:focus-within { outline: 2px solid var(--accent-color); }
treeexpander { border-spacing: 4px; }
.dialog-action-area { margin: 6px; border-spacing: 6px; }
/**************** Print dialog * */
window.print:not(.ssd-frame) drawing { color: var(--window-fg-color); background: none; border: none; padding: 0; }
window.print:not(.ssd-frame) drawing paper { background-color: white; color: RGB(0 0 6/80%); background-clip: padding-box; border: 1px solid color-mix(in srgb, currentColor var(--border-opacity), transparent); }
/******************** Page setup dalog * */
/****************** GtkAboutDialog * */
window.aboutdialog:not(.ssd-frame) image.large-icons { -gtk-icon-size: 128px; }
/************************* GtkColorChooserDialog * */
/************* AdwDialog * */
floating-sheet > dimming { background-color: RGB(from var(--shade-color) r g b/calc(alpha * 2)); }
floating-sheet > sheet { border-radius: 15px; box-shadow: 0 2px 8px 2px RGB(0 0 6/7%), 0 3px 20px 10px RGB(0 0 6/5%), 0 6px 32px 16px RGB(0 0 6/2%), 0 0 0 1px RGB(0 0 6 / 5%); outline: 1px solid RGB(255 255 255/7%); outline-offset: -1px; }
dialog.bottom-sheet:not(.narrow) sheet { margin-left: 30px; margin-right: 30px; }
dialog.bottom-sheet:not(.narrow) sheet.flush-left > outline, dialog.bottom-sheet:not(.narrow) sheet.flush-right > outline, dialog.bottom-sheet:not(.narrow) sheet.flush-left.flush-right > outline { box-shadow: inset 1px 0 RGB(255 255 255/7%), inset -1px 0 RGB(255 255 255/7%), inset 0 1px RGB(255 255 255/7%); }
dialog-host > dialog.background { background: none; }
dialog-host > dialog.background sheet { background-color: var(--window-bg-color); color: var(--window-fg-color); }
dialog-host > dialog.view, window.print:not(.ssd-frame) dialog-host > dialog.dialog-action-box { background: none; }
dialog-host > dialog.osd:not(progressbar):not(button):not(menubutton):not(splitbutton) { background: none; }
/*********************** GtkAppChooserDialog * */
window.appchooser:not(.ssd-frame) headerbar.titlebar > windowhandle { padding-top: 3px; }
window.appchooser:not(.ssd-frame) headerbar.titlebar box.start + box { margin-top: -6px; margin-bottom: -6px; min-height: 12px; }
window.appchooser:not(.ssd-frame) searchbar { background: none; }
window.appchooser:not(.ssd-frame) .dialog-vbox > box > box:not(.dialog-action-area) { margin: 6px; }
window.appchooser:not(.ssd-frame) .dialog-action-area { margin-top: 0; }
/**************** GtkAssistant * */
window.assistant .sidebar { padding: 6px; background-color: var(--sidebar-bg-color); color: var(--sidebar-fg-color); }
window.assistant .sidebar:not(separator):dir(ltr) { border-right: none; box-shadow: inset -1px 0 var(--sidebar-border-color); }
window.assistant .sidebar:not(separator):dir(rtl) { box-shadow: inset 1px 0 var(--sidebar-border-color); }
window.assistant .sidebar:backdrop { background-color: var(--sidebar-backdrop-color); transition: background-color 200ms ease-out; }
window.assistant .sidebar > label { padding: 6px 12px; border-radius: 9px; }
window.assistant .sidebar > label.highlight { background-color: color-mix(in srgb, currentColor 10%, transparent); }
/*************** GtkComboBox * */
combobox button { padding-top: 2px; padding-bottom: 2px; min-height: 30px; }
/*************** GtkIconView * */
iconview:not(:selected) { background-color: color-mix(in srgb, var(--accent-bg-color) 0.0001%, var(--view-bg-color)); }
iconview { outline: 0 solid transparent; outline-offset: 4px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
iconview:focus:focus-visible { outline-color: color-mix(in srgb, var(--accent-color) 50%, transparent); outline-width: 2px; outline-offset: -2px; }
iconview:drop(active) { box-shadow: none; }
iconview > dndtarget:drop(active) { border-style: solid; border-width: 1px; border-color: var(--accent-bg-color); }
/************** GtkInfoBar * */
infobar > revealer > box { padding: 6px; padding-bottom: 7px; border-spacing: 6px; box-shadow: inset 0 -1px var(--shade-color); }
infobar > revealer > box > box { border-spacing: 6px; }
infobar.action:hover > revealer > box { background-image: image(color-mix(in srgb, currentColor 5%, transparent)); }
infobar.action:active > revealer > box { background-image: image(color-mix(in srgb, currentColor 10%, transparent)); }
infobar.info > revealer > box { background-color: color-mix(in srgb, var(--accent-bg-color) 30%, var(--window-bg-color)); color: var(--window-fg-color); }
infobar.question > revealer > box { background-color: color-mix(in srgb, var(--accent-bg-color) 30%, var(--window-bg-color)); color: var(--window-fg-color); }
infobar.warning > revealer > box { background-color: color-mix(in srgb, var(--warning-bg-color) 30%, var(--window-bg-color)); color: var(--window-fg-color); }
infobar.error > revealer > box { background-color: color-mix(in srgb, var(--error-bg-color) 30%, var(--window-bg-color)); color: var(--window-fg-color); }
infobar .close { min-width: 18px; min-height: 18px; padding: 4px; border-radius: 50%; }
/**************** GtkStatusBar * */
statusbar { padding: 6px 10px 6px 10px; }
/*************** GtkTreeView * */
treeview.view, window.print:not(.ssd-frame) treeview.dialog-action-box { border-left-color: color-mix(in srgb, currentColor 20%, var(--view-bg-color)); border-top-color: color-mix(in srgb, currentColor 20%, var(--view-bg-color)); }
treeview.view:not(:selected), window.print:not(.ssd-frame) treeview.dialog-action-box:not(:selected) { background-color: color-mix(in srgb, var(--accent-bg-color) 0.0001%, var(--view-bg-color)); }
treeview.view:selected:focus, treeview.view:selected, window.print:not(.ssd-frame) treeview.dialog-action-box:selected { border-radius: 0; }
treeview.view.separator, window.print:not(.ssd-frame) treeview.separator.dialog-action-box { min-height: 2px; color: color-mix(in srgb, currentColor var(--border-opacity), transparent); }
treeview.view.expander, window.print:not(.ssd-frame) treeview.expander.dialog-action-box { min-width: 16px; min-height: 16px; -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); color: color-mix(in srgb, currentColor 70%, transparent); }
treeview.view.expander:dir(rtl), window.print:not(.ssd-frame) treeview.expander.dialog-action-box:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); }
treeview.view.expander:hover, window.print:not(.ssd-frame) treeview.expander.dialog-action-box:hover, treeview.view.expander:active, window.print:not(.ssd-frame) treeview.expander.dialog-action-box:active { color: currentColor; }
treeview.view.expander:checked, window.print:not(.ssd-frame) treeview.expander.dialog-action-box:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
treeview.view.expander:disabled, window.print:not(.ssd-frame) treeview.expander.dialog-action-box:disabled { color: color-mix(in srgb, currentColor var(--disabled-opacity), transparent); }
treeview.view > dndtarget:drop(active), window.print:not(.ssd-frame) treeview.dialog-action-box > dndtarget:drop(active) { border-style: solid none; border-width: 1px; border-color: var(--accent-bg-color); }
treeview.view > dndtarget:drop(active).after, window.print:not(.ssd-frame) treeview.dialog-action-box > dndtarget:drop(active).after { border-top-style: none; }
treeview.view > dndtarget:drop(active).before, window.print:not(.ssd-frame) treeview.dialog-action-box > dndtarget:drop(active).before { border-bottom-style: none; }
treeview.view > header > button, window.print:not(.ssd-frame) treeview.dialog-action-box > header > button { padding-left: 4px; padding-right: 4px; border-bottom: 1px solid color-mix(in srgb, currentColor var(--border-opacity), transparent); }
treeview.view.progressbar, window.print:not(.ssd-frame) treeview.progressbar.dialog-action-box { box-shadow: none; }
treeview.view.progressbar, window.print:not(.ssd-frame) treeview.progressbar.dialog-action-box, treeview.view.progressbar:selected { background-color: var(--accent-bg-color); color: var(--accent-fg-color); }
treeview.view.trough, window.print:not(.ssd-frame) treeview.trough.dialog-action-box { background-color: color-mix(in srgb, currentColor 10%, transparent); }
treeview.view ~ undershoot.top, window.print:not(.ssd-frame) treeview.dialog-action-box ~ undershoot.top { box-shadow: none; background: none; }
treeview.view acceleditor > label, window.print:not(.ssd-frame) treeview.dialog-action-box acceleditor > label { background-color: color-mix(in srgb, currentColor 10%, var(--view-bg-color)); }
treeview.navigation-sidebar { padding: 0; }
treeview.navigation-sidebar:selected:focus, treeview.navigation-sidebar:selected { background-color: color-mix(in srgb, currentColor 10%, transparent); }
treeview entry:focus-within:dir(rtl), treeview entry:focus-within:dir(ltr) { background-color: var(--view-bg-color); transition-property: color, background; }
treeview entry.flat, treeview entry { border-radius: 0; background-image: none; background-color: var(--view-bg-color); }
treeview entry.flat:focus-within, treeview entry:focus-within { border-color: var(--accent-color); }
treeview spinbutton:not(.vertical) { min-height: 0; border-style: none; border-radius: 0; }
treeview spinbutton:not(.vertical) > text { min-height: 0; padding: 1px 2px; }
.sidebar:not(separator):dir(ltr), .sidebar:not(separator).left, .sidebar:not(separator).left:dir(rtl) { border-right: 1px solid color-mix(in srgb, currentColor var(--border-opacity), transparent); border-left-style: none; }
.sidebar:not(separator):dir(rtl), .sidebar:not(separator).right { border-left: 1px solid color-mix(in srgb, currentColor var(--border-opacity), transparent); border-right-style: none; }
.sidebar listview.view, .sidebar window.print:not(.ssd-frame) listview.dialog-action-box, window.print:not(.ssd-frame) .sidebar listview.dialog-action-box, .sidebar list { background-color: transparent; color: inherit; }
paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar { border-style: none; }
.large-title { font-weight: 300; font-size: 24pt; }
/********************* App Notifications * */
.app-notification { padding: 10px; border-spacing: 10px; border-radius: 0 0 15px 15px; background-image: linear-gradient(to bottom, RGB(0 0 0/20%), transparent 2px); background-clip: padding-box; }
.app-notification border { border: none; }
dropdown > button > box, combobox > button > box { border-spacing: 6px; }
dropdown > button > box > stack > row.activatable:hover, combobox > button > box > stack > row.activatable:hover, dropdown > button > box > stack > row.activatable:active, combobox > button > box > stack > row.activatable:active { background: none; }
dropdown arrow, combobox arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); min-height: 16px; min-width: 16px; }
dropdown:drop(active), combobox:drop(active) { box-shadow: none; }
dropdown popover.menu, combobox popover.menu { padding-top: 6px; }
dropdown popover.menu listview > row, combobox popover.menu listview > row { min-width: 0; }
dropdown popover.menu .dropdown-searchbar, combobox popover.menu .dropdown-searchbar { padding: 6px; }
dropdown popover.menu .dropdown-searchbar + scrolledwindow:not(.undershoot-top) > undershoot.top, combobox popover.menu .dropdown-searchbar + scrolledwindow:not(.undershoot-top) > undershoot.top { box-shadow: inset 0 1px color-mix(in srgb, var(--shade-color) 75%, transparent); background: linear-gradient(to bottom, color-mix(in srgb, var(--shade-color) 75%, transparent), transparent 4px); }
popover.emoji-picker > contents { padding: 0; }
.emoji-searchbar { padding: 6px; }
.emoji-toolbar { padding: 3px; }
button.emoji-section.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) { min-width: 32px; min-height: 32px; }
popover.emoji-picker emoji { font-size: x-large; padding: 6px; border-radius: 9px; }
popover.emoji-picker emoji:focus, popover.emoji-picker emoji:hover { background: color-mix(in srgb, currentColor 7%, transparent); }
popover.emoji-picker emoji:active { background: color-mix(in srgb, currentColor 16%, transparent); }
popover.emoji-picker scrolledwindow.view, popover.emoji-picker window.print:not(.ssd-frame) scrolledwindow.dialog-action-box, window.print:not(.ssd-frame) popover.emoji-picker scrolledwindow.dialog-action-box { background: none; color: inherit; }
popover.emoji-picker scrolledwindow.view:not(.undershoot-top) > undershoot.top, popover.emoji-picker window.print:not(.ssd-frame) scrolledwindow.dialog-action-box:not(.undershoot-top) > undershoot.top, window.print:not(.ssd-frame) popover.emoji-picker scrolledwindow.dialog-action-box:not(.undershoot-top) > undershoot.top { box-shadow: inset 0 1px color-mix(in srgb, var(--shade-color) 75%, transparent); background: linear-gradient(to bottom, color-mix(in srgb, var(--shade-color) 75%, transparent), transparent 4px); }
popover.emoji-picker scrolledwindow.view:not(.undershoot-bottom) > undershoot.bottom, popover.emoji-picker window.print:not(.ssd-frame) scrolledwindow.dialog-action-box:not(.undershoot-bottom) > undershoot.bottom, window.print:not(.ssd-frame) popover.emoji-picker scrolledwindow.dialog-action-box:not(.undershoot-bottom) > undershoot.bottom { box-shadow: inset 0 -1px color-mix(in srgb, var(--shade-color) 75%, transparent); background: linear-gradient(to top, color-mix(in srgb, var(--shade-color) 75%, transparent), transparent 4px); }
popover.emoji-completion > contents { padding: 6px; padding-bottom: 4px; }
emoji-completion-row { padding: 6px; margin-bottom: 2px; border-radius: 9px; }
emoji-completion-row:dir(ltr) { padding-right: 12px; }
emoji-completion-row:dir(rtl) { padding-left: 12px; }
emoji-completion-row > box { border-spacing: 6px; }
emoji-completion-row:focus, emoji-completion-row:hover { background-color: color-mix(in srgb, currentColor 10%, transparent); color: var(--popover-fg-color); }
emoji-completion-row:active { background-color: color-mix(in srgb, currentColor 16%, transparent); }
spinbutton, entry { min-height: 34px; padding-left: 9px; padding-right: 9px; border-radius: 9px; border-spacing: 6px; background-color: color-mix(in srgb, currentColor 10%, transparent); background-clip: padding-box; caret-color: currentColor; }
spinbutton, entry { outline: 0 solid transparent; outline-offset: 4px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
spinbutton:focus-within, entry:focus-within { outline-color: color-mix(in srgb, var(--accent-color) 50%, transparent); outline-width: 2px; outline-offset: -2px; }
spinbutton > text > block-cursor, entry > text > block-cursor { color: var(--view-bg-color); background-color: var(--view-fg-color); }
spinbutton.flat, entry.flat:focus-within, entry.flat:disabled, entry.flat { min-height: 0; padding: 2px; background-color: transparent; box-shadow: none; border-radius: 0; }
spinbutton:disabled, entry:disabled { filter: Opacity(var(--disabled-opacity)); }
spinbutton > image, entry > image { opacity: 0.7; }
spinbutton > image:hover, entry > image:hover { opacity: 1; }
spinbutton > image:active, entry > image:active { opacity: 0.8; }
spinbutton > image.left, entry > image.left { margin-right: 6px; }
spinbutton > image.right, entry > image.right { margin-left: 6px; }
spinbutton.password image.caps-lock-indicator, entry.password image.caps-lock-indicator { opacity: 30%; }
spinbutton:drop(active), entry:drop(active):focus-within, entry:drop(active) { border-color: var(--accent-bg-color); box-shadow: inset 0 0 0 1px var(--accent-bg-color); }
spinbutton > progress, entry > progress { margin-bottom: 3px; }
spinbutton > progress > trough, entry > progress > trough { min-height: 2px; }
spinbutton > progress > trough > progress, entry > progress > trough > progress { background-color: transparent; background-image: none; border-radius: 0; border-width: 0 0 2px; border-color: var(--accent-bg-color); border-style: solid; box-shadow: none; }
expander { min-width: 16px; min-height: 16px; -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
expander:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); }
expander:disabled { filter: Opacity(var(--disabled-opacity)); }
expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
expander-widget > box > title { outline: 0 solid transparent; outline-offset: 4px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
expander-widget:focus:focus-visible > box > title { outline-color: color-mix(in srgb, var(--accent-color) 50%, transparent); outline-width: 2px; outline-offset: -2px; }
expander-widget > box > title { border-radius: 6px; }
expander-widget > box > title > expander { opacity: .7; }
expander-widget > box > title:hover > expander, expander-widget > box > title:active > expander { opacity: 1; }
placessidebar .navigation-sidebar > row { padding: 0; }
placessidebar .navigation-sidebar > row > revealer { padding: 0 14px; }
placessidebar .navigation-sidebar > row image.sidebar-icon:dir(ltr) { padding-right: 8px; }
placessidebar .navigation-sidebar > row image.sidebar-icon:dir(rtl) { padding-left: 8px; }
placessidebar .navigation-sidebar > row label.sidebar-label:dir(ltr) { padding-right: 2px; }
placessidebar .navigation-sidebar > row label.sidebar-label:dir(rtl) { padding-left: 2px; }
button.sidebar-button { min-height: 26px; min-width: 26px; margin-top: 3px; margin-bottom: 3px; padding: 0; border-radius: 100%; }
placessidebar .navigation-sidebar > row:selected:active { box-shadow: none; }
placessidebar .navigation-sidebar > row.sidebar-placeholder-row { padding: 0 8px; min-height: 2px; background-image: image(var(--accent-bg-color)); background-clip: content-box; }
placessidebar .navigation-sidebar > row.sidebar-new-bookmark-row { color: var(--accent-color); }
placessidebar .navigation-sidebar > row:drop(active):not(:disabled) { color: var(--accent-bg-color); box-shadow: inset 0 0 0 1px var(--accent-bg-color); }
row image.sidebar-icon { opacity: 0.7; }
row .sidebar-button { opacity: 0.7; }
row .sidebar-button:hover, row .sidebar-button:active, row .sidebar-button.keyboard-activating { opacity: 1; }
placesview .server-list-button > image { transition: -gtk-icon-transform 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -gtk-icon-transform: rotate(0turn); }
placesview .server-list-button:checked > image { -gtk-icon-transform: rotate(-0.5turn); }
placesview > actionbar > revealer > box > box { border-spacing: 6px; }
filechooser { box-shadow: 0 1px color-mix(in srgb, currentColor var(--border-opacity), transparent); }
filechooser pathbar button:not(.image-button) { padding-left: 9px; padding-right: 9px; }
filechooser pathbar button > box { border-spacing: 4px; }
filechooser pathbar button > box > label { padding-left: 2px; padding-right: 2px; }
filechooser columnview > listview > row > cell, filechooser treeview.view > listview > row > cell, filechooser window.print:not(.ssd-frame) treeview.dialog-action-box > listview > row > cell, window.print:not(.ssd-frame) filechooser treeview.dialog-action-box > listview > row > cell { padding: 0; }
filechooser columnview > listview > row > cell > filelistcell, filechooser treeview.view > listview > row > cell > filelistcell, filechooser window.print:not(.ssd-frame) treeview.dialog-action-box > listview > row > cell > filelistcell, window.print:not(.ssd-frame) filechooser treeview.dialog-action-box > listview > row > cell > filelistcell { padding: 8px 6px; }
filechooser gridview { padding: 15px; }
filechooser gridview ~ undershoot.top { box-shadow: inset 0 1px color-mix(in srgb, var(--shade-color) 75%, transparent); background: linear-gradient(to bottom, color-mix(in srgb, var(--shade-color) 75%, transparent), transparent 4px); }
filechooser gridview > child { border-radius: 12px; padding: 0; margin: 3px; }
filechooser gridview > child > filelistcell { padding: 6px 12px; }
filechooser gridview > child filethumbnail image { filter: drop-shadow(0px 1px 1px RGB(0 0 6/30%)); }
filechooser gridview > child box { border-spacing: 6px; }
filechooser columnview > listview, filechooser treeview.view > listview, filechooser window.print:not(.ssd-frame) treeview.dialog-action-box > listview, window.print:not(.ssd-frame) filechooser treeview.dialog-action-box > listview, filechooser gridview { --accent-bg-color: #959595; --accent-color: oklab(from var(--accent-bg-color) var(--standalone-color-oklab)); }
filechooser > box > actionbar { box-shadow: 0 -1px color-mix(in srgb, var(--headerbar-shade-color) 50%, transparent), 0 -2px 4px color-mix(in srgb, var(--headerbar-shade-color) 50%, transparent); }
filechooser > box > actionbar > revealer > box { box-shadow: none; padding-top: 6px; }
filechooser scrolledwindow + actionbar > revealer > box { background-color: color-mix(in srgb, var(--accent-bg-color) 30%, var(--view-bg-color)); color: var(--window-fg-color); box-shadow: none; padding-top: 6px; font-weight: bold; }
filechooser scrolledwindow + actionbar > revealer > box:backdrop { background-color: color-mix(in srgb, var(--accent-bg-color) 15%, var(--view-bg-color)); }
filechooser placesview > stack > scrolledwindow > undershoot.bottom { box-shadow: inset 0 -1px color-mix(in srgb, var(--shade-color) 75%, transparent); background: linear-gradient(to top, color-mix(in srgb, var(--shade-color) 75%, transparent), transparent 4px); }
filechooser placesview > stack > scrolledwindow list { --accent-bg-color: #959595; --accent-color: oklab(from var(--accent-bg-color) var(--standalone-color-oklab)); }
filechooser placesview > actionbar > revealer > box { background: var(--view-bg-color); color: var(--view-fg-color); box-shadow: none; padding-top: 6px; }
filechooser placesview > actionbar > revealer > box:backdrop { background: var(--view-bg-color); transition: none; }
filechooser placessidebar { background-color: var(--sidebar-bg-color); color: var(--sidebar-fg-color); }
filechooser placessidebar:backdrop { background-color: var(--sidebar-backdrop-color); transition: background-color 200ms ease-out; }
filechooser paned.horizontal > separator:dir(ltr) { box-shadow: inset 1px 0 var(--sidebar-bg-color), inset 1px 0 var(--sidebar-border-color); }
filechooser paned.horizontal > separator:dir(ltr):backdrop { box-shadow: inset 1px 0 var(--sidebar-backdrop-color), inset 1px 0 var(--sidebar-border-color); }
filechooser paned.horizontal > separator:dir(rtl) { box-shadow: inset -1px 0 var(--sidebar-bg-color), inset -1px 0 var(--sidebar-border-color); }
filechooser paned.horizontal > separator:dir(rtl):backdrop { box-shadow: inset -1px 0 var(--sidebar-backdrop-color), inset -1px 0 var(--sidebar-border-color); }
filechooser paned.horizontal > separator:backdrop { transition: box-shadow 200ms ease-out; }
/* Fix header bar height in the file chooser */
window.filechooser headerbar box.start + box.vertical { margin-top: -6px; margin-bottom: -6px; min-height: 12px; }
headerbar { min-height: 47px; background-color: var(--headerbar-bg-color); color: var(--headerbar-fg-color); box-shadow: inset 0 -1px var(--headerbar-shade-color), inset 1px 0 color-mix(in srgb, var(--headerbar-border-color) var(--border-opacity), transparent), inset -1px 0 color-mix(in srgb, var(--headerbar-border-color) var(--border-opacity), transparent); margin-left: -1px; margin-right: -1px; }
headerbar > windowhandle > box { padding: 6px 7px 7px 7px; }
headerbar > windowhandle > box > box.start, headerbar > windowhandle > box > box.end { border-spacing: 6px; }
headerbar > windowhandle > box > box.start:dir(ltr), headerbar > windowhandle > box > box.end:dir(rtl), headerbar > windowhandle > box > widget > box.start:dir(ltr), headerbar > windowhandle > box > widget > box.end:dir(rtl) { margin-right: 6px; }
headerbar > windowhandle > box > box.start:dir(rtl), headerbar > windowhandle > box > box.end:dir(ltr), headerbar > windowhandle > box > widget > box.start:dir(rtl), headerbar > windowhandle > box > widget > box.end:dir(ltr) { margin-left: 6px; }
headerbar:backdrop { background-color: var(--headerbar-backdrop-color); transition: background-color 200ms ease-out; }
headerbar:backdrop > windowhandle { filter: opacity(0.5); transition: filter 200ms ease-out; }
headerbar.default-decoration { min-height: 37px; }
headerbar.default-decoration > windowhandle > box { padding: 3px 4px 4px 4px; }
headerbar.default-decoration windowcontrols > button { min-height: 22px; min-width: 22px; padding: 4px; }
headerbar.default-decoration windowcontrols > .icon { margin: 7px; }
window:not(.ssd-frame) > .titlebar:not(.flat) { box-shadow: 0 1px color-mix(in srgb, var(--headerbar-shade-color) 50%, transparent), 0 2px 4px color-mix(in srgb, var(--headerbar-shade-color) 50%, transparent); }
window:not(.ssd-frame) > .titlebar headerbar:not(.flat) { box-shadow: inset 1px 0 color-mix(in srgb, var(--headerbar-border-color) var(--border-opacity), transparent), inset -1px 0 color-mix(in srgb, var(--headerbar-border-color) var(--border-opacity), transparent); }
window:not(.ssd-frame) > headerbar.titlebar, window:not(.ssd-frame) > .titlebar headerbar { min-height: 46px; }
window:not(.ssd-frame) > headerbar.titlebar > windowhandle > box, window:not(.ssd-frame) > .titlebar headerbar > windowhandle > box { padding-bottom: 6px; }
window:not(.ssd-frame) > headerbar.titlebar.default-decoration, window:not(.ssd-frame) > .titlebar headerbar.default-decoration { min-height: 36px; }
window:not(.ssd-frame) > headerbar.titlebar.default-decoration > windowhandle > box, window:not(.ssd-frame) > .titlebar headerbar.default-decoration > windowhandle > box { padding-bottom: 3px; }
toolbarview > .top-bar headerbar, toolbarview > .bottom-bar headerbar, headerbar.flat, window.shortcuts:not(.ssd-frame) headerbar.titlebar, adaptive-preview headerbar.adaptive-mode-flat, window.print:not(.ssd-frame) headerbar.titlebar, window.pagesetup:not(.ssd-frame) headerbar.titlebar, window.aboutdialog:not(.ssd-frame) headerbar.titlebar, window.colorchooser:not(.ssd-frame) headerbar.titlebar, window.appchooser:not(.ssd-frame) headerbar.titlebar { background: none; box-shadow: none; color: inherit; min-height: 46px; }
toolbarview > .top-bar headerbar > windowhandle > box, toolbarview > .bottom-bar headerbar > windowhandle > box, headerbar.flat > windowhandle > box, window.shortcuts:not(.ssd-frame) headerbar.titlebar > windowhandle > box, adaptive-preview headerbar.adaptive-mode-flat > windowhandle > box, window.print:not(.ssd-frame) headerbar.titlebar > windowhandle > box, window.pagesetup:not(.ssd-frame) headerbar.titlebar > windowhandle > box, window.aboutdialog:not(.ssd-frame) headerbar.titlebar > windowhandle > box, window.colorchooser:not(.ssd-frame) headerbar.titlebar > windowhandle > box, window.appchooser:not(.ssd-frame) headerbar.titlebar > windowhandle > box { padding-bottom: 6px; }
toolbarview > .top-bar headerbar.default-decoration, toolbarview > .bottom-bar headerbar.default-decoration, headerbar.default-decoration.flat, window.shortcuts:not(.ssd-frame) headerbar.default-decoration.titlebar, adaptive-preview headerbar.default-decoration.adaptive-mode-flat, window.print:not(.ssd-frame) headerbar.default-decoration.titlebar, window.pagesetup:not(.ssd-frame) headerbar.default-decoration.titlebar, window.aboutdialog:not(.ssd-frame) headerbar.default-decoration.titlebar, window.colorchooser:not(.ssd-frame) headerbar.default-decoration.titlebar, window.appchooser:not(.ssd-frame) headerbar.default-decoration.titlebar { min-height: 36px; }
toolbarview > .top-bar headerbar.default-decoration > windowhandle > box, toolbarview > .bottom-bar headerbar.default-decoration > windowhandle > box, headerbar.default-decoration.flat > windowhandle > box, window.shortcuts:not(.ssd-frame) headerbar.default-decoration.titlebar > windowhandle > box, adaptive-preview headerbar.default-decoration.adaptive-mode-flat > windowhandle > box, window.print:not(.ssd-frame) headerbar.default-decoration.titlebar > windowhandle > box, window.pagesetup:not(.ssd-frame) headerbar.default-decoration.titlebar > windowhandle > box, window.aboutdialog:not(.ssd-frame) headerbar.default-decoration.titlebar > windowhandle > box, window.colorchooser:not(.ssd-frame) headerbar.default-decoration.titlebar > windowhandle > box, window.appchooser:not(.ssd-frame) headerbar.default-decoration.titlebar > windowhandle > box { padding-bottom: 3px; }
toolbarview > .top-bar headerbar:backdrop, toolbarview > .bottom-bar headerbar:backdrop { transition: none; }
toolbarview > .top-bar headerbar:backdrop > windowhandle, toolbarview > .bottom-bar headerbar:backdrop > windowhandle { filter: none; transition: none; }
window.devel toolbarview > .top-bar headerbar > windowhandle, toolbarview > .top-bar window.devel headerbar > windowhandle, window.devel toolbarview > .bottom-bar headerbar > windowhandle, toolbarview > .bottom-bar window.devel headerbar > windowhandle { background-image: none; }
toolbarview > .top-bar .collapse-spacing headerbar, toolbarview > .bottom-bar .collapse-spacing headerbar, window.shortcuts:not(.ssd-frame) headerbar.titlebar, window.appchooser:not(.ssd-frame) headerbar.titlebar { min-height: 40px; }
toolbarview > .top-bar .collapse-spacing headerbar > windowhandle > box, toolbarview > .bottom-bar .collapse-spacing headerbar > windowhandle > box, window.shortcuts:not(.ssd-frame) headerbar.titlebar > windowhandle > box, window.appchooser:not(.ssd-frame) headerbar.titlebar > windowhandle > box { padding-top: 3px; padding-bottom: 3px; }
toolbarview > .top-bar .collapse-spacing headerbar.default-decoration, toolbarview > .bottom-bar .collapse-spacing headerbar.default-decoration, window.shortcuts:not(.ssd-frame) headerbar.default-decoration.titlebar, window.appchooser:not(.ssd-frame) headerbar.default-decoration.titlebar { min-height: 30px; }
toolbarview > .top-bar .collapse-spacing headerbar.default-decoration > windowhandle > box, toolbarview > .bottom-bar .collapse-spacing headerbar.default-decoration > windowhandle > box, window.shortcuts:not(.ssd-frame) headerbar.default-decoration.titlebar > windowhandle > box, window.appchooser:not(.ssd-frame) headerbar.default-decoration.titlebar > windowhandle > box { padding-top: 0px; padding-bottom: 0px; }
.titlebar:not(headerbar) separator { background-color: color-mix(in srgb, var(--headerbar-border-color) var(--border-opacity), transparent); }
/********************* GtkWindowControls * */
windowcontrols { border-spacing: 3px; }
windowcontrols > button { min-width: 24px; padding: 5px; box-shadow: none; }
windowcontrols > button > image { background-color: color-mix(in srgb, currentColor 10%, transparent); border-radius: 100%; padding: 2px; transition: background 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
windowcontrols > button, windowcontrols > button:hover, windowcontrols > button:active { background: none; }
windowcontrols > button:hover > image { background-color: color-mix(in srgb, currentColor 15%, transparent); }
windowcontrols > button:active > image { background-color: color-mix(in srgb, currentColor 30%, transparent); }
windowcontrols > .icon { margin: 9px; }
/****************** AdwWindowTitle * */
headerbar .title, windowtitle .title { padding-left: 12px; padding-right: 12px; font-weight: bold; }
headerbar .subtitle, windowtitle .subtitle { font-size: smaller; padding-left: 12px; padding-right: 12px; }
windowtitle { margin-top: -6px; margin-bottom: -6px; min-height: 12px; }
window.devel headerbar > windowhandle { background-image: cross-fade(5% -gtk-recolor(url("assets/devel-symbolic.svg")), image(transparent)); background-repeat: repeat-x; }
window.devel sheet headerbar > windowhandle { background-image: unset; background-repeat: unset; }
.accent-color-row color { min-width: 16px; min-height: 16px; border-radius: 16px; }
.accent-color-row color:disabled { opacity: var(--disabled-opacity); }
adaptive-preview .device-view { background: #101011; color: white; box-shadow: 0 0 0 2px RGB(255 255 255/15%); margin: 2px; padding: var(--top-bezel) var(--side-bezel) var(--bottom-bezel); border-radius: var(--top-device-corner-radius) var(--top-device-corner-radius) var(--bottom-device-corner-radius) var(--bottom-device-corner-radius); --window-radius: 0px; /* Hack to make GtkGraphicsOffload disable offload in this case */ opacity: 99.9999999999999%; }
adaptive-preview .device-view.custom { padding: 0; border-radius: 0; margin: 0; box-shadow: 0 2px 8px 2px RGB(0 0 0/7%), 0 3px 20px 10px RGB(0 0 0/5%), 0 6px 32px 16px RGB(0 0 0/2%), 0 0 0 1px RGB(0 0 0 / 5%); }
adaptive-preview .device-view.highlight { background: oklab(from var(--accent-bg-color) 0.5 a b); box-shadow: none; }
adaptive-preview .device-view.highlight .screen-view .shell-top-bar, adaptive-preview .device-view.highlight .screen-view .shell-bottom-bar { background: none; }
adaptive-preview .device-view.highlight.custom { box-shadow: 0 2px 8px 2px RGB(0 0 0/7%), 0 3px 20px 10px RGB(0 0 0/5%), 0 6px 32px 16px RGB(0 0 0/2%), 0 0 0 3px oklab(from var(--accent-bg-color) 0.5 a b); }
adaptive-preview .device-view .screen-view { border-radius: var(--top-screen-corner-radius) var(--top-screen-corner-radius) var(--bottom-screen-corner-radius) var(--bottom-screen-corner-radius); }
adaptive-preview .device-view .screen-view.outline { filter: drop-shadow(3px 0 0 var(--accent-bg-color)) drop-shadow(-3px 0 0 var(--accent-bg-color)) drop-shadow(0 3px 0 var(--accent-bg-color)) drop-shadow(0 -3px 0 var(--accent-bg-color)); }
adaptive-preview .device-view .screen-view .shell-top-bar, adaptive-preview .device-view .screen-view .shell-bottom-bar { background: black; }
label { caret-color: currentColor; }
label:disabled { filter: Opacity(var(--disabled-opacity)); }
.dimmed, scale > value, progressbar > text, row.expander image.expander-row-arrow, row.property > box.header > box.title > .title, row label.subtitle, .dim-label, spinbutton > text > placeholder, entry > text > placeholder, headerbar .subtitle, windowtitle .subtitle, label.separator { opacity: var(--dim-opacity); }
.accent { color: var(--accent-color); }
.error { color: var(--accent-color); --accent-bg-color: var(--error-bg-color); --accent-fg-color: var(--error-fg-color); --accent-color: var(--error-color); }
.warning { color: var(--accent-color); --accent-bg-color: var(--warning-bg-color); --accent-fg-color: var(--warning-fg-color); --accent-color: var(--warning-color); }
.success { color: var(--accent-color); --accent-bg-color: var(--success-bg-color); --accent-fg-color: var(--success-fg-color); --accent-color: var(--success-color); }
/********************** General Typography * */
.title-1, statuspage > scrolledwindow > viewport > box > clamp > box > .title { font-weight: 800; font-size: 181%; }
.title-2, statuspage.spinner > scrolledwindow > viewport > box > clamp > box > .title, statuspage.compact > scrolledwindow > viewport > box > clamp > box > .title, window.dialog.message box.dialog-vbox.vertical > box > box > box > label.title { font-weight: 800; font-size: 136%; }
.title-3 { font-weight: 700; font-size: 136%; }
.title-4 { font-weight: 700; font-size: 118%; }
.heading, row.button .title, listview > header { font-weight: 700; }
.body { font-weight: 400; }
.caption-heading, columnview > header > button > box, treeview.view > header > button > box, window.print:not(.ssd-frame) treeview.dialog-action-box > header > button > box { font-weight: 700; font-size: 82%; }
.caption { font-weight: 400; font-size: 82%; }
.monospace { font-family: var(--monospace-font-family); font-size: var(--monospace-font-size); }
.numeric, spinbutton, scale > value, progressbar > text { font-feature-settings: "tnum"; }
/******************* Editable Labels * */
editablelabel > stack > text { color: var(--view-fg-color); background-color: var(--view-bg-color); }
levelbar:disabled { filter: Opacity(var(--disabled-opacity)); }
levelbar.horizontal trough > block { min-height: 8px; border-radius: 99px; }
levelbar.horizontal trough > block.empty, levelbar.horizontal trough > block.full { border-radius: 99px; }
levelbar.horizontal.discrete > trough > block { min-height: 8px; margin-right: 2px; min-width: 26px; border-radius: 0; }
levelbar.horizontal.discrete > trough > block:first-child { border-radius: 99px 0 0 99px; }
levelbar.horizontal.discrete > trough > block:last-child { border-radius: 0 99px 99px 0; margin-right: 0; }
levelbar.vertical trough > block { min-width: 8px; border-radius: 99px; }
levelbar.vertical trough > block.empty, levelbar.vertical trough > block.full { border-radius: 99px; }
levelbar.vertical.discrete > trough > block { min-width: 8px; margin-bottom: 2px; min-height: 26px; border-radius: 0; }
levelbar.vertical.discrete > trough > block:first-child { border-radius: 99px 99px 0 0; }
levelbar.vertical.discrete > trough > block:last-child { border-radius: 0 0 99px 99px; margin-bottom: 0; }
levelbar > trough { padding: 0; }
levelbar > trough > block.low { background-color: var(--warning-bg-color); }
levelbar > trough > block.high, levelbar > trough > block:not(.empty) { background-color: var(--accent-bg-color); }
levelbar > trough > block.full { background-color: var(--success-bg-color); }
levelbar > trough > block.empty { background-color: color-mix(in srgb, currentColor 15%, transparent); }
.linked:not(.vertical) > button:dir(ltr):not(:first-child), .linked:not(.vertical) > button:dir(rtl):not(:last-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: -1px; }
.linked:not(.vertical) > button:dir(ltr):not(:last-child), .linked:not(.vertical) > button:dir(rtl):not(:first-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; }
.linked.vertical button:not(:first-child) { border-top-left-radius: 0; border-top-right-radius: 0; margin-top: -1px; }
.linked.vertical button:not(:last-child) { border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
.linked:not(.vertical) > menubutton:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > menubutton:dir(rtl):not(:last-child) > button { border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: -1px; }
.linked:not(.vertical) > menubutton:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > menubutton:dir(rtl):not(:first-child) > button { border-top-right-radius: 0; border-bottom-right-radius: 0; }
.linked.vertical menubutton:not(:first-child) > button { border-top-left-radius: 0; border-top-right-radius: 0; margin-top: -1px; }
.linked.vertical menubutton:not(:last-child) > button { border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
.linked:not(.vertical) > dropdown:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > combobox:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > dropdown:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > combobox:dir(rtl):not(:last-child) > button { border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: -1px; }
.linked:not(.vertical) > dropdown:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > combobox:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > dropdown:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > combobox:dir(rtl):not(:first-child) > button { border-top-right-radius: 0; border-bottom-right-radius: 0; }
.linked.vertical dropdown:not(:first-child) > button, .linked.vertical combobox:not(:first-child) > button { border-top-left-radius: 0; border-top-right-radius: 0; margin-top: -1px; }
.linked.vertical dropdown:not(:last-child) > button, .linked.vertical combobox:not(:last-child) > button { border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
.linked:not(.vertical) > colorbutton:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > colorbutton:dir(rtl):not(:last-child) > button { border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: -1px; }
.linked:not(.vertical) > colorbutton:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > colorbutton:dir(rtl):not(:first-child) > button { border-top-right-radius: 0; border-bottom-right-radius: 0; }
.linked.vertical colorbutton:not(:first-child) > button { border-top-left-radius: 0; border-top-right-radius: 0; margin-top: -1px; }
.linked.vertical colorbutton:not(:last-child) > button { border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
.linked:not(.vertical) > fontbutton:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > fontbutton:dir(rtl):not(:last-child) > button { border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: -1px; }
.linked:not(.vertical) > fontbutton:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > fontbutton:dir(rtl):not(:first-child) > button { border-top-right-radius: 0; border-bottom-right-radius: 0; }
.linked.vertical fontbutton:not(:first-child) > button { border-top-left-radius: 0; border-top-right-radius: 0; margin-top: -1px; }
.linked.vertical fontbutton:not(:last-child) > button { border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
.linked:not(.vertical) > tabbutton:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > tabbutton:dir(rtl):not(:last-child) > button { border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: -1px; }
.linked:not(.vertical) > tabbutton:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > tabbutton:dir(rtl):not(:first-child) > button { border-top-right-radius: 0; border-bottom-right-radius: 0; }
.linked.vertical tabbutton:not(:first-child) > button { border-top-left-radius: 0; border-top-right-radius: 0; margin-top: -1px; }
.linked.vertical tabbutton:not(:last-child) > button { border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
.linked:not(.vertical) > spinbutton:dir(ltr):not(:first-child), .linked:not(.vertical) > spinbutton:dir(rtl):not(:last-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: -1px; }
.linked:not(.vertical) > spinbutton:dir(ltr):not(:last-child), .linked:not(.vertical) > spinbutton:dir(rtl):not(:first-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; }
.linked.vertical spinbutton:not(:first-child) { border-top-left-radius: 0; border-top-right-radius: 0; margin-top: -1px; }
.linked.vertical spinbutton:not(:last-child) { border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
.linked:not(.vertical) > entry:dir(ltr):not(:first-child), .linked:not(.vertical) > entry:dir(rtl):not(:last-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: -1px; }
.linked:not(.vertical) > entry:dir(ltr):not(:last-child), .linked:not(.vertical) > entry:dir(rtl):not(:first-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; }
.linked.vertical entry:not(:first-child) { border-top-left-radius: 0; border-top-right-radius: 0; margin-top: -1px; }
.linked.vertical entry:not(:last-child) { border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
.linked:not(.vertical) > combobox:dir(ltr):not(:first-child) > box > button.combo, .linked:not(.vertical) > combobox:dir(rtl):not(:last-child) > box > button.combo { border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: -1px; }
.linked:not(.vertical) > combobox:dir(ltr):not(:last-child) > box > button.combo, .linked:not(.vertical) > combobox:dir(rtl):not(:first-child) > box > button.combo { border-top-right-radius: 0; border-bottom-right-radius: 0; }
.linked.vertical combobox:not(:first-child) > box > button.combo { border-top-left-radius: 0; border-top-right-radius: 0; margin-top: -1px; }
.linked.vertical combobox:not(:last-child) > box > button.combo { border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
.linked:not(.vertical) > appchooserbutton:dir(ltr):not(:first-child) > combobox > box > button.combo, .linked:not(.vertical) > appchooserbutton:dir(rtl):not(:last-child) > combobox > box > button.combo { border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: -1px; }
.linked:not(.vertical) > appchooserbutton:dir(ltr):not(:last-child) > combobox > box > button.combo, .linked:not(.vertical) > appchooserbutton:dir(rtl):not(:first-child) > combobox > box > button.combo { border-top-right-radius: 0; border-bottom-right-radius: 0; }
.linked.vertical appchooserbutton:not(:first-child) > combobox > box > button.combo { border-top-left-radius: 0; border-top-right-radius: 0; margin-top: -1px; }
.linked.vertical appchooserbutton:not(:last-child) > combobox > box > button.combo { border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
link, button.link { color: var(--accent-color); text-decoration: underline; font-weight: inherit; }
link:visited, button.link:visited { color: color-mix(in srgb, var(--accent-color) 80%, var(--view-fg-color)); }
link:hover, button.link:hover { color: HSL(from var(--accent-color) h calc(s * 1.1) calc(l * 1.1)); }
link:active, button.link:active { color: var(--accent-color); }
link:disabled, button.link:disabled { color: color-mix(in srgb, currentColor var(--disabled-opacity), transparent); }
.osd link, .osd button.link { color: color-mix(in srgb, var(--accent-bg-color) 50%, white); }
.osd link:visited, .osd button.link:visited { color: color-mix(in srgb, var(--accent-bg-color) 75%, white); }
.osd link:active, .osd button.link:active { color: color-mix(in srgb, var(--accent-bg-color) 50%, white); }
link { outline: 0 solid transparent; outline-offset: 4px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
link:focus:focus-visible { outline-color: color-mix(in srgb, var(--accent-color) 50%, transparent); outline-width: 2px; outline-offset: -2px; }
button.link, button.link:hover, button.link:active, button.link:checked { background-color: transparent; }
button.link > label { text-decoration: underline; }
listview, list { color: var(--view-fg-color); background-color: var(--view-bg-color); background-clip: padding-box; border-color: color-mix(in srgb, currentColor var(--border-opacity), transparent); }
listview > row, list > row { padding: 2px; background-clip: padding-box; }
listview > row.expander, list > row.expander { padding: 0px; }
listview > row.expander .row-header, list > row.expander .row-header { padding: 2px; }
listview.horizontal row.separator, listview.separators.horizontal > row:not(.separator), list.horizontal row.separator, list.separators.horizontal > row:not(.separator) { border-left: 1px solid color-mix(in srgb, currentColor var(--border-opacity), transparent); }
listview:not(.horizontal) row.separator, listview.separators:not(.horizontal) > row:not(.separator), list:not(.horizontal) row.separator, list.separators:not(.horizontal) > row:not(.separator) { border-bottom: 1px solid color-mix(in srgb, currentColor var(--border-opacity), transparent); }
listview > header { padding: 2px; padding-top: 18px; padding-bottom: 6px; }
row { background-clip: padding-box; }
row { outline: 0 solid transparent; outline-offset: 4px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
row:focus:focus-visible { outline-color: color-mix(in srgb, var(--accent-color) 50%, transparent); outline-width: 2px; outline-offset: -2px; }
.osd row.activatable:hover { background-color: color-mix(in srgb, currentColor 7%, transparent); }
.osd row.activatable:active { background-color: color-mix(in srgb, currentColor 16%, transparent); }
.osd row.activatable.has-open-popup { background-color: color-mix(in srgb, currentColor 7%, transparent); }
.osd row.activatable:selected:hover { background-color: color-mix(in srgb, currentColor 13%, transparent); }
.osd row.activatable:selected:active { background-color: color-mix(in srgb, currentColor 19%, transparent); }
.osd row.activatable:selected.has-open-popup { background-color: color-mix(in srgb, currentColor 13%, transparent); }
.osd row:selected { background-color: color-mix(in srgb, currentColor 10%, transparent); }
row.activatable:hover { background-color: color-mix(in srgb, currentColor 4%, transparent); }
row.activatable:active { background-color: color-mix(in srgb, currentColor 8%, transparent); }
row.activatable.has-open-popup { background-color: color-mix(in srgb, currentColor 4%, transparent); }
row.activatable:selected:hover { background-color: color-mix(in srgb, var(--accent-bg-color) 32%, transparent); }
row.activatable:selected:active { background-color: color-mix(in srgb, var(--accent-bg-color) 39%, transparent); }
row.activatable:selected.has-open-popup { background-color: color-mix(in srgb, var(--accent-bg-color) 32%, transparent); }
row:selected { background-color: color-mix(in srgb, var(--accent-bg-color) 25%, transparent); }
/******************************************************* Rich Lists * Large list usually containing lots of widgets * https://gitlab.gnome.org/GNOME/gtk/-/issues/3073 * */
.rich-list { /* rich lists usually containing other widgets than just labels/text */ }
.rich-list > row { padding: 8px 12px; min-height: 32px; /* should be tall even when only containing a label */ }
.rich-list > row > box { border-spacing: 12px; }
.rich-list > header { padding-left: 12px; padding-right: 12px; }
/**************** AdwActionRow * */
row label.subtitle { font-size: smaller; }
row > box.header { margin-left: 12px; margin-right: 12px; border-spacing: 6px; min-height: 50px; }
row > box.header > .icon:disabled { filter: Opacity(var(--disabled-opacity)); }
row > box.header > box.title { margin-top: 6px; margin-bottom: 6px; border-spacing: 3px; padding: 0; }
row > box.header > box.title, row > box.header > box.title > .title, row > box.header > box.title > .subtitle { padding: 0; font-weight: inherit; }
row > box.header > .prefixes, row > box.header > .suffixes { border-spacing: 6px; }
row > box.header > .prefixes > .suffixes, row > box.header > .suffixes > .suffixes { border-spacing: 6px; }
row > box.header > .icon:dir(ltr), row > box.header > .prefixes:dir(ltr) { margin-right: 6px; }
row > box.header > .icon:dir(rtl), row > box.header > .prefixes:dir(rtl) { margin-left: 6px; }
row.property > box.header > box.title > .title { font-size: smaller; }
row.property > box.header > box.title > .subtitle { font-size: inherit; opacity: 1; }
row.property.monospace, row.expander.property > box > list > row.monospace { font-family: inherit; font-size: inherit; }
row.property.monospace > box.header > box.title > .subtitle, row.expander.property > box > list > row.monospace > box.header > box.title > .subtitle { font-family: var(--monospace-font-family); font-size: var(--monospace-font-size); }
/****************************** AdwEntryRow and AdwSpinRow * */
row.entry:disabled text { opacity: var(--disabled-opacity); }
row.entry:disabled .dimmed, row.entry:disabled scale > value, row.entry:disabled progressbar > text, row.entry:disabled row.expander image.expander-row-arrow, row.expander row.entry:disabled image.expander-row-arrow, row.entry:disabled spinbutton > text > placeholder, row.entry:disabled entry > text > placeholder, row.entry:disabled label.separator, row.entry:disabled row.property > box.header > box.title > .title, row.entry:disabled .dim-label, row.entry:disabled .subtitle { opacity: 1; }
row.entry > box.header { border-spacing: 0; margin-left: 6px; margin-right: 6px; }
row.entry > box.header > .editable-area { padding: 0 6px; }
row.entry > box.header > .editable-area > .edit-icon, row.entry > box.header > .editable-area > .indicator { min-width: 24px; min-height: 24px; padding: 5px; }
row.entry > box.header > .editable-area > .edit-icon:dir(ltr), row.entry > box.header > .editable-area > .indicator:dir(ltr), row.entry > box.header > .editable-area > .apply-button:dir(ltr) { margin-left: 6px; }
row.entry > box.header > .editable-area > .edit-icon:dir(rtl), row.entry > box.header > .editable-area > .indicator:dir(rtl), row.entry > box.header > .editable-area > .apply-button:dir(rtl) { margin-right: 6px; }
row.entry > box.header > .editable-area > .edit-icon:disabled { opacity: 30%; }
row.entry > box.header > .editable-area > .indicator { opacity: 30%; }
row.entry > box.header > .prefixes:dir(ltr) { margin-left: 6px; }
row.entry > box.header > .prefixes:dir(rtl) { margin-right: 6px; }
row.entry > box.header > .suffixes:dir(ltr) { margin-right: 6px; }
row.entry > box.header > .suffixes:dir(rtl) { margin-left: 6px; }
row.entry.monospace { font-family: inherit; font-size: inherit; }
row.entry.monospace text { font-family: var(--monospace-font-family); font-size: var(--monospace-font-size); }
row.spin spinbutton { background: none; border-spacing: 6px; box-shadow: none; }
row.spin spinbutton, row.spin spinbutton:focus { outline: none; }
row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr):last-child, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child { min-width: 30px; min-height: 30px; margin: 10px 2px; border: none; }
row.spin:disabled spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:disabled, row.spin:disabled spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr):last-child:disabled, row.spin:disabled spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child:disabled, row.spin:disabled spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):disabled, row.spin:disabled spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child:disabled, row.spin:disabled spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child:disabled { filter: none; }
row.entry, row.spin { outline: 0 solid transparent; outline-offset: 5px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), border-radius 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
row.entry.focused, row.spin.focused { outline-color: color-mix(in srgb, var(--accent-color) 50%, transparent); outline-width: 2px; outline-offset: -1px; }
row.entry:not(:selected).activatable.focused:hover, row.entry:not(:selected).activatable.focused:active, row.spin:not(:selected).activatable.focused:hover, row.spin:not(:selected).activatable.focused:active { background-color: transparent; }
row.entry.error, row.spin.error { color: var(--accent-color); }
row.entry.error .dimmed, row.entry.error scale > value, row.entry.error progressbar > text, row.entry.error row.expander image.expander-row-arrow, row.expander row.entry.error image.expander-row-arrow, row.entry.error spinbutton > text > placeholder, row.entry.error entry > text > placeholder, row.entry.error label.separator, row.entry.error row.property > box.header > box.title > .title, row.entry.error .dim-label, row.entry.error .subtitle, row.spin.error .dimmed, row.spin.error scale > value, row.spin.error progressbar > text, row.spin.error row.expander image.expander-row-arrow, row.expander row.spin.error image.expander-row-arrow, row.spin.error spinbutton > text > placeholder, row.spin.error entry > text > placeholder, row.spin.error label.separator, row.spin.error row.property > box.header > box.title > .title, row.spin.error .dim-label, row.spin.error .subtitle { opacity: 1; }
row.entry.warning, row.spin.warning { color: var(--accent-color); }
row.entry.warning .dimmed, row.entry.warning scale > value, row.entry.warning progressbar > text, row.entry.warning row.expander image.expander-row-arrow, row.expander row.entry.warning image.expander-row-arrow, row.entry.warning spinbutton > text > placeholder, row.entry.warning entry > text > placeholder, row.entry.warning label.separator, row.entry.warning row.property > box.header > box.title > .title, row.entry.warning .dim-label, row.entry.warning .subtitle, row.spin.warning .dimmed, row.spin.warning scale > value, row.spin.warning progressbar > text, row.spin.warning row.expander image.expander-row-arrow, row.expander row.spin.warning image.expander-row-arrow, row.spin.warning spinbutton > text > placeholder, row.spin.warning entry > text > placeholder, row.spin.warning label.separator, row.spin.warning row.property > box.header > box.title > .title, row.spin.warning .dim-label, row.spin.warning .subtitle { opacity: 1; }
row.entry.success, row.spin.success { color: var(--accent-color); }
row.entry.success .dimmed, row.entry.success scale > value, row.entry.success progressbar > text, row.entry.success row.expander image.expander-row-arrow, row.expander row.entry.success image.expander-row-arrow, row.entry.success spinbutton > text > placeholder, row.entry.success entry > text > placeholder, row.entry.success label.separator, row.entry.success row.property > box.header > box.title > .title, row.entry.success .dim-label, row.entry.success .subtitle, row.spin.success .dimmed, row.spin.success scale > value, row.spin.success progressbar > text, row.spin.success row.expander image.expander-row-arrow, row.expander row.spin.success image.expander-row-arrow, row.spin.success spinbutton > text > placeholder, row.spin.success entry > text > placeholder, row.spin.success label.separator, row.spin.success row.property > box.header > box.title > .title, row.spin.success .dim-label, row.spin.success .subtitle { opacity: 1; }
/*************** AdwComboRow * */
row.combo image.dropdown-arrow:disabled { filter: Opacity(var(--disabled-opacity)); }
row.combo listview.inline { background: none; border: none; box-shadow: none; color: inherit; }
row.combo listview.inline, row.combo listview.inline:disabled { background: none; color: inherit; }
row.combo popover > contents { min-width: 120px; }
row.combo popover > contents .combo-searchbar { margin: 6px; }
row.combo popover > contents .combo-searchbar + scrolledwindow > undershoot.top { box-shadow: inset 0 1px color-mix(in srgb, var(--shade-color) 75%, transparent); background: linear-gradient(to bottom, color-mix(in srgb, var(--shade-color) 75%, transparent), transparent 4px); }
/****************** AdwExpanderRow * */
list.boxed-list-separate > row.expander row.header, list.boxed-list > row, list.content > row, list.boxed-list > row.expander row.header, list.content > row.expander row.header, row.expander list.nested > row { border-bottom: 1px solid var(--card-shade-color); }
list.boxed-list-separate > row.expander row.header, list.boxed-list > row, list.content > row, list.boxed-list > row.expander row.header, list.content > row.expander row.header, row.expander list.nested > row { outline: 0 solid transparent; outline-offset: 5px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), border-radius 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
list.boxed-list-separate > row.expander row.header:focus:focus-visible, list.boxed-list > row:focus:focus-visible, list.content > row:focus:focus-visible, list.boxed-list > row.expander row.header:focus:focus-visible, list.content > row.expander row.header:focus:focus-visible, row.expander list.nested > row:focus:focus-visible { outline-color: color-mix(in srgb, var(--accent-color) 50%, transparent); outline-width: 2px; outline-offset: -1px; }
list.boxed-list-separate > row.expander row.header:not(:selected).activatable:hover, list.boxed-list > row:not(:selected).activatable:hover, list.content > row:not(:selected).activatable:hover, list.boxed-list > row.expander row.header:not(:selected).activatable:hover, list.content > row.expander row.header:not(:selected).activatable:hover, row.expander list.nested > row:not(:selected).activatable:hover { background-color: color-mix(in srgb, currentColor 3%, transparent); }
list.boxed-list-separate > row.expander row.header:not(:selected).activatable:active, list.boxed-list > row:not(:selected).activatable:active, list.content > row:not(:selected).activatable:active, list.boxed-list > row.expander row.header:not(:selected).activatable:active, list.content > row.expander row.header:not(:selected).activatable:active, row.expander list.nested > row:not(:selected).activatable:active { background-color: color-mix(in srgb, currentColor 8%, transparent); }
list.boxed-list-separate > row.expander row.header:not(:selected).activatable.has-open-popup, list.boxed-list > row:not(:selected).activatable.has-open-popup, list.content > row:not(:selected).activatable.has-open-popup, list.boxed-list > row.expander row.header:not(:selected).activatable.has-open-popup, list.content > row.expander row.header:not(:selected).activatable.has-open-popup, row.expander list.nested > row:not(:selected).activatable.has-open-popup { background-color: color-mix(in srgb, currentColor 3%, transparent); }
row.expander { background: none; padding: 0px; }
row.expander > box > list { background: none; color: inherit; }
row.expander list.nested { background-color: color-mix(in srgb, var(--card-shade-color) 50%, transparent); color: inherit; }
row.expander image.expander-row-arrow { transition: -gtk-icon-transform 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
row.expander image.expander-row-arrow:dir(ltr) { margin-left: 3px; }
row.expander image.expander-row-arrow:dir(rtl) { margin-right: 3px; }
row.expander image.expander-row-arrow:dir(ltr) { -gtk-icon-transform: rotate(0.5turn); }
row.expander image.expander-row-arrow:dir(rtl) { -gtk-icon-transform: rotate(-0.5turn); }
row.expander image.expander-row-arrow:disabled { filter: Opacity(var(--disabled-opacity)); }
row.expander:checked image.expander-row-arrow { -gtk-icon-transform: rotate(0turn); opacity: 1; }
row.expander:checked image.expander-row-arrow:not(:disabled) { color: var(--accent-color); }
.osd row.expander:checked image.expander-row-arrow:not(:disabled) { color: inherit; }
row.expander.property.monospace > box > list > row > box.header > box.title > .subtitle, row.expander.property > box > list > row.expander.monospace > box > list > row > box.header > box.title > .subtitle { font-family: var(--monospace-font-family); font-size: var(--monospace-font-size); }
/*************** AdwButtonRow * */
row.button > box { margin-left: 12px; margin-right: 12px; border-spacing: 6px; min-height: 40px; }
row.button > box > .icon:disabled { filter: Opacity(var(--disabled-opacity)); }
row.button.suggested-action { background-color: var(--accent-bg-color); color: var(--accent-fg-color); border-bottom: none; }
row.button.suggested-action { outline: 0 solid transparent; outline-offset: 5px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), border-radius 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
row.button.suggested-action:focus:focus-visible { outline-color: color-mix(in srgb, var(--accent-color) 50%, transparent); outline-width: 2px; outline-offset: 1px; }
row.button.suggested-action:not(.expander):not(:selected).activatable:hover { background-color: var(--accent-bg-color); background-image: image(color-mix(in srgb, currentColor 10%, transparent)); }
row.button.suggested-action:not(.expander):not(:selected).activatable:active { background-color: var(--accent-bg-color); background-image: image(RGB(0 0 6/20%)); }
row.button.suggested-action:not(.expander):not(:selected).activatable.has-open-popup { background-color: var(--accent-bg-color); background-image: image(color-mix(in srgb, currentColor 10%, transparent)); }
row.button.suggested-action:disabled { opacity: var(--disabled-opacity); }
row.button.suggested-action:disabled > box > .icon:disabled, row.button.suggested-action:disabled > box > label:disabled { filter: none; }
row.button.destructive-action { color: var(--accent-color); --accent-bg-color: var(--destructive-bg-color); --accent-fg-color: var(--destructive-fg-color); --accent-color: var(--destructive-color); }
/***************** Boxed Lists * */
list.boxed-list > row.expander, list.content > row.expander { border: none; }
list.boxed-list > row:first-child, list.content > row:first-child, list.boxed-list > row:first-child.expander row.header, list.content > row:first-child.expander row.header { border-top-left-radius: 12px; border-top-right-radius: 12px; }
list.boxed-list > row:last-child, list.content > row:last-child, list.boxed-list > row:last-child.expander:not(:checked), list.boxed-list > row:last-child.expander:not(:checked) row.header, list.content > row:last-child.expander:not(:checked) row.header, list.boxed-list > row:last-child.expander:checked list.nested, list.content > row:last-child.expander:checked list.nested, list.boxed-list > row:last-child.expander:checked list.nested > row:last-child, list.content > row:last-child.expander:checked list.nested > row:last-child { border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; border-bottom-width: 0; }
list.boxed-list-separate { background: none; color: var(--card-fg-color); }
list.boxed-list-separate > row { border: none; margin-bottom: 12px; }
list.boxed-list-separate > row:selected { background-color: var(--card-bg-color); background-color: color-mix(in srgb, var(--accent-bg-color) 25%, transparent); }
list.boxed-list-separate > row:last-child { margin-bottom: 0; }
list.boxed-list-separate > row { outline: 0 solid transparent; outline-offset: 5px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), border-radius 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
list.boxed-list-separate > row:focus:focus-visible { outline-color: color-mix(in srgb, var(--accent-color) 50%, transparent); outline-width: 2px; outline-offset: -1px; }
list.boxed-list-separate > row:not(.expander):not(:selected).activatable:hover { background-color: var(--card-bg-color); background-image: image(color-mix(in srgb, currentColor 3%, transparent)); }
list.boxed-list-separate > row:not(.expander):not(:selected).activatable:active { background-color: var(--card-bg-color); background-image: image(color-mix(in srgb, currentColor 8%, transparent)); }
list.boxed-list-separate > row:not(.expander):not(:selected).activatable.has-open-popup { background-color: var(--card-bg-color); background-image: image(color-mix(in srgb, currentColor 3%, transparent)); }
list.boxed-list-separate > row.entry:not(:selected).activatable.focused:hover, list.boxed-list-separate > row.entry:not(:selected).activatable.focused:active, list.boxed-list-separate > row.spin:not(:selected).activatable.focused:hover, list.boxed-list-separate > row.spin:not(:selected).activatable.focused:active { background-color: var(--card-bg-color); background-image: none; }
list.boxed-list-separate > row.expander row.header { border-top-left-radius: 12px; border-top-right-radius: 12px; }
list.boxed-list-separate > row.expander:not(:checked) row.header, list.boxed-list-separate > row.expander.expander:checked list.nested, list.boxed-list-separate > row.expander.expander:checked list.nested > row:last-child { border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; border-bottom: none; }
popover.menu > contents { min-width: 120px; }
popover.menu scrollbar.vertical > range > trough > slider { min-height: 26px; }
popover.menu box.inline-buttons { padding: 0 12px; }
popover.menu box.inline-buttons button.image-button.model { min-height: 32px; min-width: 32px; padding: 0; border: none; outline: none; transition: none; }
popover.menu box.inline-buttons button.image-button.model:selected { background-color: color-mix(in srgb, currentColor 10%, transparent); }
popover.menu box.inline-buttons button.image-button.model:selected:active { background-color: color-mix(in srgb, currentColor 19%, transparent); }
popover.menu box.circular-buttons { padding: 12px 12px 6px; }
popover.menu box.circular-buttons button.circular.image-button.model { outline: none; padding: 11px; box-shadow: inset 0 0 0 1px color-mix(in srgb, currentColor var(--border-opacity), transparent); }
popover.menu box.circular-buttons button.circular.image-button.model:selected { background-color: color-mix(in srgb, currentColor 13%, transparent); box-shadow: none; }
popover.menu box.circular-buttons button.circular.image-button.model:selected:active { background-color: color-mix(in srgb, currentColor 19%, transparent); }
popover.menu > contents { padding: 0; }
popover.menu > contents > stack > box, popover.menu > contents > scrolledwindow > viewport > stack > box { padding: 6px; }
popover.menu separator { margin: 6px 0; }
popover.menu list separator { margin: 0; }
popover.menu accelerator { color: color-mix(in srgb, currentColor var(--dim-opacity), transparent); }
popover.menu accelerator:dir(ltr) { margin-left: 12px; }
popover.menu accelerator:dir(rtl) { margin-right: 12px; }
popover.menu check, popover.menu radio { min-width: 14px; min-height: 14px; -gtk-icon-size: 14px; padding: 2px; }
popover.menu check, popover.menu check:hover:checked, popover.menu check:hover:indeterminate, popover.menu check:hover:not(:checked):not(:indeterminate), popover.menu check:active:checked, popover.menu check:active:indeterminate, popover.menu check:active:not(:checked):not(:indeterminate), popover.menu radio, popover.menu radio:hover:checked, popover.menu radio:hover:indeterminate, popover.menu radio:hover:not(:checked):not(:indeterminate), popover.menu radio:active:checked, popover.menu radio:active:indeterminate, popover.menu radio:active:not(:checked):not(:indeterminate) { background: none; box-shadow: none; color: inherit; }
.osd popover.menu check, .osd popover.menu radio { background: none; color: inherit; }
popover.menu radio { padding: 1px; border: 1px solid color-mix(in srgb, currentColor 30%, transparent); }
popover.menu check.left, popover.menu radio.left, popover.menu arrow.left { margin-left: -2px; margin-right: 6px; }
popover.menu check.right, popover.menu radio.right, popover.menu arrow.right { margin-left: 6px; margin-right: -2px; }
popover.menu modelbutton { min-height: 32px; min-width: 40px; padding: 0 12px; border-radius: 9px; background-color: transparent; }
popover.menu modelbutton:hover, popover.menu modelbutton:selected { background-color: color-mix(in srgb, currentColor 10%, transparent); }
popover.menu modelbutton:active { background-color: color-mix(in srgb, currentColor 19%, transparent); }
popover.menu modelbutton arrow { background: none; min-width: 16px; min-height: 16px; opacity: 30%; }
popover.menu modelbutton arrow:hover { background: none; }
popover.menu modelbutton arrow:disabled { filter: Opacity(var(--disabled-opacity)); }
popover.menu modelbutton arrow.left { -gtk-icon-source: -gtk-icontheme("go-previous-symbolic"); }
popover.menu modelbutton arrow.right { -gtk-icon-source: -gtk-icontheme("go-next-symbolic"); }
popover.menu label.title { font-weight: bold; padding: 4px 32px; }
popover.menu list, popover.menu listview { background: none; color: inherit; }
popover.menu list > row, popover.menu listview > row { border-radius: 9px; padding: 0 12px; min-height: 32px; min-width: 40px; }
popover.menu list > row:selected, popover.menu listview > row:selected { background: none; }
popover.menu list > row:hover, popover.menu list > row:hover:selected.activatable, popover.menu listview > row:hover, popover.menu listview > row:hover:selected.activatable { background-color: color-mix(in srgb, currentColor 10%, transparent); }
popover.menu list > row:active, popover.menu list > row:active:selected.activatable, popover.menu listview > row:active, popover.menu listview > row:active:selected.activatable { background-color: color-mix(in srgb, currentColor 19%, transparent); }
popover.menu list > row.has-open-popup, popover.menu list > row.has-open-popup:selected.activatable, popover.menu listview > row.has-open-popup, popover.menu listview > row.has-open-popup:selected.activatable { background-color: color-mix(in srgb, currentColor 10%, transparent); }
popover.menu list > row > box, popover.menu listview > row > box { border-spacing: 6px; }
popover.menu contents > list, popover.menu contents > listview, popover.menu scrolledwindow > viewport > list, popover.menu scrolledwindow > listview { padding: 6px 0; }
popover.menu contents > list > row, popover.menu contents > listview > row, popover.menu scrolledwindow > viewport > list > row, popover.menu scrolledwindow > listview > row { margin: 0 6px; padding: 9px 12px; min-height: 0; }
menubar { box-shadow: inset 0 -1px color-mix(in srgb, currentColor var(--border-opacity), transparent); padding-bottom: 1px; }
menubar > item { min-height: 16px; padding: 4px 8px; border-radius: 9px; }
menubar > item:selected { background-color: color-mix(in srgb, currentColor 10%, transparent); }
menubar > item popover.menu popover.menu { padding: 0 0 4px 0; }
menubar > item popover.menu popover.menu > contents { margin: 0; border-radius: 15px; }
toolbarview > .top-bar menubar, toolbarview > .bottom-bar menubar { box-shadow: none; padding-bottom: 0; }
/******************** GtkMessageDialog * */
window.dialog.message { background-color: var(--dialog-bg-color); color: var(--dialog-fg-color); }
window.dialog.message.csd { outline: none; }
window.dialog.message .titlebar { min-height: 32px; background: none; box-shadow: none; }
window.dialog.message.csd:not(.solid-csd) { border-radius: 18px; }
window.dialog.message.csd .dialog-action-area { margin: 0; padding: 24px; padding-top: 21px; border-spacing: 12px; }
window.dialog.message.csd .dialog-action-area > button { min-height: 24px; padding: 10px 20px; border-radius: 12px; }
/******************** AdwMessageDialog * */
window.messagedialog, dialog-host > dialog.alert sheet, window.dialog-window.alert { background-color: var(--dialog-bg-color); color: var(--dialog-fg-color); }
dialog-host > dialog.alert sheet { border-radius: 18px; outline: none; }
window.messagedialog.csd:not(.solid-csd), window.dialog-window.alert.csd:not(.solid-csd) { border-radius: 18px; }
window.messagedialog.csd, window.dialog-window.alert.csd { outline: none; }
dialog-host > dialog.alert sheet .body-scrolled-window scrollbar.vertical, window.dialog-window.alert .body-scrolled-window scrollbar.vertical { padding-top: 6px; }
dialog-host > dialog.alert sheet .body-scrolled-window > viewport, window.dialog-window.alert .body-scrolled-window > viewport { border-top-left-radius: 18px; border-top-right-radius: 18px; }
window.messagedialog .message-area, dialog.alert .message-area { padding-top: 32px; padding-bottom: 9px; border-spacing: 24px; }
window.messagedialog .message-area.has-heading.has-body, dialog.alert .message-area.has-heading.has-body { border-spacing: 10px; }
window.messagedialog .message-area.has-heading.has-body > .child, dialog.alert .message-area.has-heading.has-body > .child { margin-top: 8px; }
window.messagedialog .message-area > .heading-bin, window.messagedialog .message-area > .body, window.messagedialog .message-area > .child, dialog.alert .message-area > .heading-bin, dialog.alert .message-area > .body, dialog.alert .message-area > .child { padding-left: 24px; padding-right: 24px; }
window.messagedialog .response-area, dialog.alert .response-area { padding: 24px; padding-top: 12px; border-spacing: 12px; }
window.messagedialog .response-area > button, dialog.alert .response-area > button { min-height: 24px; min-width: 60px; padding: 10px 20px; border-radius: 12px; }
window.messagedialog.short .message-area, dialog.alert.short .message-area { padding-top: 24px; border-spacing: 18px; }
window.messagedialog.short .message-area > .heading-bin, window.messagedialog.short .message-area > .body, window.messagedialog.short .message-area > .child, dialog.alert.short .message-area > .heading-bin, dialog.alert.short .message-area > .body, dialog.alert.short .message-area > .child { padding-left: 18px; padding-right: 18px; }
window.messagedialog.short .message-area.has-heading.has-body, dialog.alert.short .message-area.has-heading.has-body { border-spacing: 6px; }
window.messagedialog.short .response-area, dialog.alert.short .response-area { padding: 18px; padding-top: 9px; }
window.messagedialog.short .response-area > button, dialog.alert.short .response-area > button { min-width: 0; padding: 8px 16px; }
/********** Frames * */
frame, .frame { border: 1px solid color-mix(in srgb, currentColor var(--border-opacity), transparent); }
frame { border-radius: 12px; }
frame > label { margin: 4px; }
/************** Separators * */
separator { background: color-mix(in srgb, currentColor var(--border-opacity), transparent); min-width: 1px; min-height: 1px; }
separator.spacer { background: none; }
separator.spacer.horizontal { min-width: 12px; }
separator.spacer.vertical { min-height: 12px; }
/********** Toasts * */
toast { background: #505053; color: white; box-shadow: 0 1px 3px 1px RGB(0 0 6/7%), 0 2px 6px 2px RGB(0 0 6/3%); --standalone-color-oklab: Max(l, 0.85) a b; --accent-color: oklab(from var(--accent-bg-color) var(--standalone-color-oklab)); --destructive-color: oklab(from var(--destructive-bg-color) var(--standalone-color-oklab)); --success-color: oklab(from var(--success-bg-color) var(--standalone-color-oklab)); --warning-color: oklab(from var(--warning-bg-color) var(--standalone-color-oklab)); --error-color: oklab(from var(--error-bg-color) var(--standalone-color-oklab)); margin: 12px; margin-bottom: 24px; border-radius: 150px; border-spacing: 6px; padding: 6px; }
toast:dir(ltr) { padding-left: 12px; }
toast:dir(rtl) { padding-right: 12px; }
toast > widget { margin: 0 6px; }
/************** GtkVideo * */
video image.osd { min-width: 64px; min-height: 64px; border-radius: 32px; }
/****************** AdwAboutWindow * */
window.about .main-page > viewport > clamp > box, dialog.about .main-page > viewport > clamp > box { margin: 12px; border-spacing: 6px; }
window.about .main-page > viewport > clamp > box > box, dialog.about .main-page > viewport > clamp > box > box { margin-top: 18px; border-spacing: 18px; margin-bottom: 6px; }
window.about .main-page .app-version, dialog.about .main-page .app-version { padding: 3px 18px; color: var(--accent-color); border-radius: 999px; margin-top: 3px; }
window.about .subpage > viewport > clamp > box, dialog.about .subpage > viewport > clamp > box { margin: 18px 12px; border-spacing: 18px; }
window.about .subpage > clamp > textview, dialog.about .subpage > clamp > textview { background: none; color: inherit; }
/***************** AdwStatusPage * */
statuspage > scrolledwindow > viewport > box { margin: 36px 12px; border-spacing: 36px; }
statuspage > scrolledwindow > viewport > box > clamp > box { border-spacing: 12px; }
statuspage > scrolledwindow > viewport > box > clamp > box > .icon { color: color-mix(in srgb, currentColor var(--dim-opacity), transparent); -gtk-icon-size: 128px; }
statuspage > scrolledwindow > viewport > box > clamp > box > .icon:disabled { opacity: var(--disabled-opacity); }
statuspage > scrolledwindow > viewport > box > clamp > box > .icon:not(:last-child) { margin-bottom: 24px; }
statuspage.compact > scrolledwindow > viewport > box { margin: 24px 12px; border-spacing: 24px; }
statuspage.compact > scrolledwindow > viewport > box > clamp > box > .icon { -gtk-icon-size: 96px; }
statuspage.compact > scrolledwindow > viewport > box > clamp > box > .icon:not(:last-child) { margin-bottom: 12px; }
statuspage.spinner > scrolledwindow > viewport > box { margin: 24px 12px; border-spacing: 24px; }
statuspage.spinner > scrolledwindow > viewport > box > clamp > box > .icon { -gtk-icon-size: 64px; }
statuspage.spinner > scrolledwindow > viewport > box > clamp > box > .icon:not(:last-child) { margin-bottom: 12px; }
/* Cards */
shortcut > .keycap, list.boxed-list, list.content, list.boxed-list-separate > row, .card { background-color: var(--card-bg-color); color: var(--card-fg-color); border-radius: 12px; box-shadow: 0 0 0 1px RGB(0 0 6/3%), 0 1px 3px 1px RGB(0 0 6/7%), 0 2px 6px 2px RGB(0 0 6/3%); }
.osd shortcut > .keycap, .osd list.boxed-list, .osd list.content, .osd list.boxed-list-separate > row, shortcut > .osd.keycap, list.osd.boxed-list, list.osd.content, list.boxed-list-separate > row.osd, .osd .card, .card.osd { background-color: color-mix(in srgb, currentColor 10%, transparent); color: RGB(255 255 255/90%); box-shadow: none; }
.card { outline: 0 solid transparent; outline-offset: 5px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
.card:focus:focus-visible { outline-color: color-mix(in srgb, var(--accent-color) 50%, transparent); outline-width: 2px; outline-offset: -1px; }
.card.activatable { transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
.card.activatable:hover { background-image: image(color-mix(in srgb, currentColor 3%, transparent)); }
.card.activatable:active { background-image: image(color-mix(in srgb, currentColor 8%, transparent)); }
/* Transition shadows */
flap > dimming, leaflet > dimming, navigation-view > dimming, overlay-split-view > dimming { background: var(--shade-color); }
flap > shadow, leaflet > shadow, navigation-view > shadow, overlay-split-view > shadow { min-width: 56px; min-height: 56px; }
flap > shadow.left, leaflet > shadow.left, navigation-view > shadow.left, overlay-split-view > shadow.left { background-image: linear-gradient(to right, color-mix(in srgb, var(--shade-color) 70%, transparent), color-mix(in srgb, var(--shade-color) 14%, transparent) 40px, RGB(from var(--shade-color) r g b/0) 56px), linear-gradient(to right, color-mix(in srgb, var(--shade-color) 40%, transparent), color-mix(in srgb, var(--shade-color) 14%, transparent) 7px, RGB(from var(--shade-color) r g b/0) 24px); }
flap > shadow.right, leaflet > shadow.right, navigation-view > shadow.right, overlay-split-view > shadow.right { background-image: linear-gradient(to left, color-mix(in srgb, var(--shade-color) 70%, transparent), color-mix(in srgb, var(--shade-color) 14%, transparent) 40px, RGB(from var(--shade-color) r g b/0) 56px), linear-gradient(to left, color-mix(in srgb, var(--shade-color) 40%, transparent), color-mix(in srgb, var(--shade-color) 14%, transparent) 7px, RGB(from var(--shade-color) r g b/0) 24px); }
flap > shadow.up, leaflet > shadow.up, navigation-view > shadow.up, overlay-split-view > shadow.up { background-image: linear-gradient(to bottom, color-mix(in srgb, var(--shade-color) 70%, transparent), color-mix(in srgb, var(--shade-color) 14%, transparent) 40px, RGB(from var(--shade-color) r g b/0) 56px), linear-gradient(to bottom, color-mix(in srgb, var(--shade-color) 40%, transparent), color-mix(in srgb, var(--shade-color) 14%, transparent) 7px, RGB(from var(--shade-color) r g b/0) 24px); }
flap > shadow.down, leaflet > shadow.down, navigation-view > shadow.down, overlay-split-view > shadow.down { background-image: linear-gradient(to top, color-mix(in srgb, var(--shade-color) 70%, transparent), color-mix(in srgb, var(--shade-color) 14%, transparent) 40px, RGB(from var(--shade-color) r g b/0) 56px), linear-gradient(to top, color-mix(in srgb, var(--shade-color) 40%, transparent), color-mix(in srgb, var(--shade-color) 14%, transparent) 7px, RGB(from var(--shade-color) r g b/0) 24px); }
notebook > header > tabs > tab:checked { outline: 0 solid transparent; outline-offset: 4px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
notebook:focus:focus-visible > header > tabs > tab:checked { outline-color: color-mix(in srgb, var(--accent-color) 50%, transparent); outline-width: 2px; outline-offset: -2px; }
notebook > header { padding: 1px; border-color: color-mix(in srgb, currentColor var(--border-opacity), transparent); border-width: 1px; background-clip: padding-box; }
notebook > header > tabs { margin: -1px; }
notebook > header.top { border-bottom-style: solid; }
notebook > header.top > tabs { margin-bottom: -2px; }
notebook > header.top > tabs > tab:hover { box-shadow: inset 0 -4px color-mix(in srgb, currentColor var(--border-opacity), transparent); }
notebook > header.top > tabs > tab:checked { box-shadow: inset 0 -4px var(--accent-bg-color); }
notebook > header.bottom { border-top-style: solid; }
notebook > header.bottom > tabs { margin-top: -2px; }
notebook > header.bottom > tabs > tab:hover { box-shadow: inset 0 4px color-mix(in srgb, currentColor var(--border-opacity), transparent); }
notebook > header.bottom > tabs > tab:checked { box-shadow: inset 0 4px var(--accent-bg-color); }
notebook > header.left { border-right-style: solid; }
notebook > header.left > tabs { margin-right: -2px; }
notebook > header.left > tabs > tab:hover { box-shadow: inset -4px 0 color-mix(in srgb, currentColor var(--border-opacity), transparent); }
notebook > header.left > tabs > tab:checked { box-shadow: inset -4px 0 var(--accent-bg-color); }
notebook > header.right { border-left-style: solid; }
notebook > header.right > tabs { margin-left: -2px; }
notebook > header.right > tabs > tab:hover { box-shadow: inset 4px 0 color-mix(in srgb, currentColor var(--border-opacity), transparent); }
notebook > header.right > tabs > tab:checked { box-shadow: inset 4px 0 var(--accent-bg-color); }
notebook > header.top > tabs > arrow { border-top-style: none; }
notebook > header.bottom > tabs > arrow { border-bottom-style: none; }
notebook > header.top > tabs > arrow, notebook > header.bottom > tabs > arrow { margin-left: -5px; margin-right: -5px; padding-left: 4px; padding-right: 4px; }
notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); }
notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
notebook > header.left > tabs > arrow { border-left-style: none; }
notebook > header.right > tabs > arrow { border-right-style: none; }
notebook > header.left > tabs > arrow, notebook > header.right > tabs > arrow { margin-top: -5px; margin-bottom: -5px; padding-top: 4px; padding-bottom: 4px; }
notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); }
notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
notebook > header > tabs > arrow { min-height: 16px; min-width: 16px; border-radius: 0; }
notebook > header > tabs > arrow:hover:not(:active) { box-shadow: none; }
notebook > header > tabs > tab { transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); min-height: 30px; min-width: 30px; padding: 3px 12px; font-weight: normal; }
notebook > header > tabs > tab:hover, notebook > header > tabs > tab:active { background-color: color-mix(in srgb, currentColor 7%, transparent); }
notebook > header > tabs > tab:not(:checked) { outline-color: transparent; }
notebook > header > tabs > tab:disabled { filter: Opacity(var(--disabled-opacity)); }
notebook > header > tabs > tab:disabled a label, notebook > header > tabs > tab:disabled button { filter: none; }
notebook > header > tabs > tab button.flat { color: color-mix(in srgb, currentColor 30%, transparent); padding: 0; margin-top: 4px; margin-bottom: 4px; min-width: 20px; min-height: 20px; }
notebook > header > tabs > tab button.flat:hover, notebook > header > tabs > tab button.flat:active { color: currentColor; }
notebook > header > tabs > tab button.flat:last-child { margin-left: 4px; margin-right: -4px; }
notebook > header > tabs > tab button.flat:first-child { margin-left: -4px; margin-right: 4px; }
notebook > header.top > tabs, notebook > header.bottom > tabs { padding-left: 4px; padding-right: 4px; }
notebook > header.top > tabs:not(:only-child), notebook > header.bottom > tabs:not(:only-child) { margin-left: 3px; margin-right: 3px; }
notebook > header.top > tabs:not(:only-child):first-child, notebook > header.bottom > tabs:not(:only-child):first-child { margin-left: -1px; }
notebook > header.top > tabs:not(:only-child):last-child, notebook > header.bottom > tabs:not(:only-child):last-child { margin-right: -1px; }
notebook > header.top > tabs > tab, notebook > header.bottom > tabs > tab { margin-left: 4px; margin-right: 4px; }
notebook > header.left > tabs, notebook > header.right > tabs { padding-top: 4px; padding-bottom: 4px; }
notebook > header.left > tabs:not(:only-child), notebook > header.right > tabs:not(:only-child) { margin-top: 3px; margin-bottom: 3px; }
notebook > header.left > tabs:not(:only-child):first-child, notebook > header.right > tabs:not(:only-child):first-child { margin-top: -1px; }
notebook > header.left > tabs:not(:only-child):last-child, notebook > header.right > tabs:not(:only-child):last-child { margin-bottom: -1px; }
notebook > header.left > tabs > tab, notebook > header.right > tabs > tab { margin-top: 4px; margin-bottom: 4px; }
notebook > header.top > tabs > tab { padding-bottom: 4px; }
notebook > header.bottom > tabs > tab { padding-top: 4px; }
notebook > stack:not(:only-child) { background-color: var(--view-bg-color); }
paned > separator { min-width: 1px; min-height: 1px; background: none; background-size: 1px 1px; }
paned > separator.wide { min-width: 5px; min-height: 5px; }
paned.horizontal > separator:dir(ltr) { box-shadow: inset 1px 0 color-mix(in srgb, currentColor var(--border-opacity), transparent); }
paned.horizontal > separator:dir(rtl) { box-shadow: inset -1px 0 color-mix(in srgb, currentColor var(--border-opacity), transparent); }
paned.horizontal > separator.wide { box-shadow: inset 1px 0 color-mix(in srgb, currentColor var(--border-opacity), transparent), inset -1px 0 color-mix(in srgb, currentColor var(--border-opacity), transparent); }
paned.vertical > separator { box-shadow: inset 0 1px color-mix(in srgb, currentColor var(--border-opacity), transparent); }
paned.vertical > separator.wide { box-shadow: inset 0 1px color-mix(in srgb, currentColor var(--border-opacity), transparent), inset 0 -1px color-mix(in srgb, currentColor var(--border-opacity), transparent); }
toolbarview.undershoot-top popover scrolledwindow:not(.undershoot-top) undershoot.top, toolbarview.undershoot-bottom popover scrolledwindow:not(.undershoot-bottom) undershoot.bottom { background: none; box-shadow: none; }
popover { --shade-color: var(--popover-shade-color); }
popover.background { background-color: transparent; font: initial; }
popover > arrow, popover > contents { background-color: var(--popover-bg-color); color: var(--popover-fg-color); background-clip: padding-box; border: 1px solid RGB(0 0 0/14%); box-shadow: 0 1px 5px 1px RGB(0 0 0/9%), 0 2px 14px 3px RGB(0 0 0/5%); }
popover > contents { padding: 8px; border-radius: 15px; }
popover > contents > list, popover > contents > .view, window.print:not(.ssd-frame) popover > contents > .dialog-action-box, popover > contents > toolbar { border-style: none; background-color: transparent; }
.solid-csd popover { background: var(--popover-bg-color); color: var(--popover-fg-color); border: 1px solid var(--border-color); }
.solid-csd popover > arrow, .solid-csd popover > contents { box-shadow: none; border-radius: 0; background-clip: border-box; border: none; }
.osd popover, popover.touch-selection, popover.magnifier { background-color: transparent; color: RGB(255 255 255/90%); }
.osd popover > arrow, .osd popover > contents, popover.touch-selection > arrow, popover.touch-selection > contents, popover.magnifier > arrow, popover.magnifier > contents { border-color: RGB(255 255 255/10%); box-shadow: none; }
preferencespage > scrolledwindow > viewport > clamp > box { margin: 24px 12px; border-spacing: 24px; }
preferencesgroup > box, preferencesgroup > box box.labels { border-spacing: 6px; }
preferencesgroup > box > box.header:not(.single-line) { margin-bottom: 6px; }
preferencesgroup > box > box.single-line { min-height: 34px; }
progressbar.horizontal > trough { min-width: 150px; }
progressbar.horizontal > trough, progressbar.horizontal > trough > progress { min-height: 8px; }
progressbar.vertical > trough { min-height: 80px; }
progressbar.vertical > trough, progressbar.vertical > trough > progress { min-width: 8px; }
progressbar > text { font-size: smaller; }
progressbar:disabled { filter: Opacity(var(--disabled-opacity)); }
progressbar > trough > progress { /* share most of scales' */ border-radius: 99px; }
progressbar > trough > progress.left { border-top-left-radius: 99px; border-bottom-left-radius: 99px; }
progressbar > trough > progress.right { border-top-right-radius: 99px; border-bottom-right-radius: 99px; }
progressbar > trough > progress.top { border-top-right-radius: 99px; border-top-left-radius: 99px; }
progressbar > trough > progress.bottom { border-bottom-right-radius: 99px; border-bottom-left-radius: 99px; }
progressbar.osd { min-width: 2px; min-height: 2px; }
progressbar.osd > trough { border-style: none; border-radius: 0; background-color: transparent; box-shadow: none; }
progressbar.osd > trough > progress { border-style: none; border-radius: 0; }
progressbar.osd.horizontal > trough, progressbar.osd.horizontal > trough > progress { min-height: 2px; }
progressbar.osd.vertical > trough, progressbar.osd.vertical > trough > progress { min-width: 2px; }
progressbar > trough.empty > progress { all: unset; }
scale > trough > fill, scale > trough, progressbar > trough { transition: background 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); border-radius: 99px; background-color: color-mix(in srgb, currentColor 15%, transparent); }
scale > trough > highlight, progressbar > trough > progress { transition: background 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); border-radius: 99px; background-color: var(--accent-bg-color); color: var(--accent-fg-color); }
scale { min-height: 10px; min-width: 10px; padding: 12px; }
scale > trough > slider { outline: 0 solid transparent; outline-offset: 6px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
scale:focus:focus-visible > trough > slider { outline-color: color-mix(in srgb, var(--accent-color) 50%, transparent); outline-width: 2px; outline-offset: 0; }
scale > trough > slider { background-color: color-mix(in srgb, white 80%, var(--view-bg-color)); box-shadow: 0 0 0 1px RGB(0 0 6 / 10%), 0 2px 4px RGB(0 0 6/20%); border-radius: 100%; min-width: 20px; min-height: 20px; margin: -8px; }
scale:hover > trough, scale:active > trough { background-color: color-mix(in srgb, currentColor 20%, transparent); }
scale:hover > trough > highlight, scale:active > trough > highlight { background-image: image(color-mix(in srgb, currentColor 10%, transparent)); }
scale:hover > trough > slider, scale:active > trough > slider { background-color: white; }
scale:disabled { filter: Opacity(var(--disabled-opacity)); }
scale:disabled > trough > slider { box-shadow: 0 0 0 1px RGB(0 0 6 / 10%), 0 2px 4px transparent; outline-color: RGB(0 0 6 / 20%); }
scale.marks-before:not(.marks-after) > trough > slider, scale.marks-after:not(.marks-before) > trough > slider { transform: rotate(45deg); box-shadow: 0 0 0 1px RGB(0 0 6 / 10%), 1px 1px 4px RGB(0 0 6/20%); }
scale.marks-before:not(.marks-after) > trough > slider:disabled, scale.marks-after:not(.marks-before) > trough > slider:disabled { box-shadow: 0 0 0 1px RGB(0 0 6 / 10%), 1px 1px 4px transparent; }
scale.horizontal > marks { color: color-mix(in srgb, currentColor var(--dim-opacity), transparent); }
scale.horizontal > marks.top { margin-bottom: 6px; }
scale.horizontal > marks.bottom { margin-top: 6px; }
scale.horizontal > marks indicator { background-color: currentColor; min-height: 6px; min-width: 1px; }
scale.horizontal:not(.marks-before) > value.top { margin-bottom: 12px; }
scale.horizontal:not(.marks-after) > value.bottom { margin-top: 12px; }
scale.horizontal > value.left { margin-right: 9px; }
scale.horizontal > value.right { margin-left: 9px; }
scale.horizontal.fine-tune > trough { margin: -3px 0px; }
scale.horizontal.fine-tune > trough > slider { margin: -5px -8px; }
scale.horizontal.fine-tune > marks.top { margin-top: 3px; }
scale.horizontal.fine-tune > marks.bottom { margin-bottom: 3px; }
scale.horizontal.fine-tune > marks indicator { min-height: 3px; }
scale.horizontal.marks-before { padding-top: 0; }
scale.horizontal.marks-before > trough > slider { border-top-left-radius: 0; }
scale.horizontal.marks-after { padding-bottom: 0; }
scale.horizontal.marks-after > trough > slider { border-bottom-right-radius: 0; }
scale.horizontal.marks-before.marks-after > trough > slider { border-radius: 100%; }
scale.vertical > marks { color: color-mix(in srgb, currentColor var(--dim-opacity), transparent); }
scale.vertical > marks.top { margin-right: 6px; }
scale.vertical > marks.bottom { margin-left: 6px; }
scale.vertical > marks indicator { background-color: currentColor; min-height: 1px; min-width: 6px; }
scale.vertical:not(.marks-before) > value.left { margin-right: 12px; }
scale.vertical:not(.marks-after) > value.right { margin-left: 12px; }
scale.vertical > value.top { margin-bottom: 9px; }
scale.vertical > value.bottom { margin-top: 9px; }
scale.vertical.fine-tune > trough { margin: 0px -3px; }
scale.vertical.fine-tune > trough > slider { margin: -8px -5px; }
scale.vertical.fine-tune > marks.top { margin-left: 3px; }
scale.vertical.fine-tune > marks.bottom { margin-right: 3px; }
scale.vertical.fine-tune > marks indicator { min-width: 3px; }
scale.vertical.marks-before { padding-left: 0; }
scale.vertical.marks-before > trough > slider { border-bottom-left-radius: 0; }
scale.vertical.marks-after { padding-right: 0; }
scale.vertical.marks-after > trough > slider { border-top-right-radius: 0; }
scale.color { padding: 0; }
scale.color > trough { border: none; background: none; border-radius: 10px; }
scale.color > trough > slider { margin: 0; background-color: RGB(255 255 255/80%); }
scale.color.fine-tune { padding: 2px; }
scale.color.fine-tune > trough > slider { margin: -2px; }
scrollbar > range > trough { margin: 9px; transition: all 200ms linear; border-radius: 99px; }
scrollbar > range > trough > slider { min-width: 8px; min-height: 8px; margin: -8px; border: 8px solid transparent; border-radius: 99px; background-clip: padding-box; transition: all 200ms linear; background-color: color-mix(in srgb, currentColor 20%, transparent); }
scrollbar > range > trough > slider:hover { background-color: color-mix(in srgb, currentColor 40%, transparent); }
scrollbar > range > trough > slider:active { background-color: color-mix(in srgb, currentColor 60%, transparent); }
scrollbar > range > trough > slider:disabled { opacity: 0; }
scrollbar.horizontal > range > trough { margin-top: 8px; margin-bottom: 8px; }
scrollbar.vertical > range > trough { margin-left: 8px; margin-right: 8px; }
scrollbar.overlay-indicator { background: none; color: inherit; box-shadow: none; padding: 0; }
scrollbar.overlay-indicator > range > trough { outline: 1px solid transparent; }
scrollbar.overlay-indicator > range > trough > slider { outline: 1px solid color-mix(in srgb, var(--scrollbar-outline-color) 60%, transparent); outline-offset: -8px; }
scrollbar.overlay-indicator:not(.hovering) > range > trough > slider { min-width: 3px; min-height: 3px; outline-color: color-mix(in srgb, var(--scrollbar-outline-color) 35%, transparent); }
scrollbar.overlay-indicator.hovering > range > trough { background-color: color-mix(in srgb, currentColor 10%, transparent); }
scrollbar.overlay-indicator.horizontal > range > trough > slider { min-width: 40px; }
scrollbar.overlay-indicator.horizontal.hovering > range > trough > slider { min-height: 8px; }
scrollbar.overlay-indicator.horizontal:not(.hovering) > range > trough { margin-top: 4px; margin-bottom: 4px; }
scrollbar.overlay-indicator.vertical > range > trough > slider { min-height: 40px; }
scrollbar.overlay-indicator.vertical.hovering > range > trough > slider { min-width: 8px; }
scrollbar.overlay-indicator.vertical:not(.hovering) > range > trough { margin-left: 4px; margin-right: 4px; }
scrollbar.horizontal > range > trough > slider { min-width: 40px; }
scrollbar.vertical > range > trough > slider { min-height: 40px; }
scrollbar > range.fine-tune > trough > slider, scrollbar > range.fine-tune > trough > slider:hover, scrollbar > range.fine-tune > trough > slider:active { background-color: color-mix(in srgb, var(--accent-color) 60%, transparent); }
scrolledwindow > overshoot.top { background-image: radial-gradient(farthest-side at top, color-mix(in srgb, currentColor 12%, transparent) 85%, RGB(from currentColor r g b/0)), radial-gradient(farthest-side at top, color-mix(in srgb, currentColor 5%, transparent), RGB(from currentColor r g b/0)); background-size: 100% 3%, 100% 50%; background-repeat: no-repeat; background-position: top; background-color: transparent; border: none; box-shadow: none; }
scrolledwindow > overshoot.bottom { background-image: radial-gradient(farthest-side at bottom, color-mix(in srgb, currentColor 12%, transparent) 85%, RGB(from currentColor r g b/0)), radial-gradient(farthest-side at bottom, color-mix(in srgb, currentColor 5%, transparent), RGB(from currentColor r g b/0)); background-size: 100% 3%, 100% 50%; background-repeat: no-repeat; background-position: bottom; background-color: transparent; border: none; box-shadow: none; }
scrolledwindow > overshoot.left { background-image: radial-gradient(farthest-side at left, color-mix(in srgb, currentColor 12%, transparent) 85%, RGB(from currentColor r g b/0)), radial-gradient(farthest-side at left, color-mix(in srgb, currentColor 5%, transparent), RGB(from currentColor r g b/0)); background-size: 3% 100%, 50% 100%; background-repeat: no-repeat; background-position: left; background-color: transparent; border: none; box-shadow: none; }
scrolledwindow > overshoot.right { background-image: radial-gradient(farthest-side at right, color-mix(in srgb, currentColor 12%, transparent) 85%, RGB(from currentColor r g b/0)), radial-gradient(farthest-side at right, color-mix(in srgb, currentColor 5%, transparent), RGB(from currentColor r g b/0)); background-size: 3% 100%, 50% 100%; background-repeat: no-repeat; background-position: right; background-color: transparent; border: none; box-shadow: none; }
scrolledwindow.undershoot-top > undershoot.top { box-shadow: inset 0 1px color-mix(in srgb, var(--shade-color) 75%, transparent); background: linear-gradient(to bottom, color-mix(in srgb, var(--shade-color) 75%, transparent), transparent 4px); }
scrolledwindow.undershoot-bottom > undershoot.bottom { box-shadow: inset 0 -1px color-mix(in srgb, var(--shade-color) 75%, transparent); background: linear-gradient(to top, color-mix(in srgb, var(--shade-color) 75%, transparent), transparent 4px); }
scrolledwindow.undershoot-start:dir(ltr) > undershoot.left { box-shadow: inset 1px 0 color-mix(in srgb, var(--shade-color) 75%, transparent); background: linear-gradient(to right, color-mix(in srgb, var(--shade-color) 75%, transparent), transparent 4px); }
scrolledwindow.undershoot-start:dir(rtl) > undershoot.right { box-shadow: inset -1px 0 color-mix(in srgb, var(--shade-color) 75%, transparent); background: linear-gradient(to left, color-mix(in srgb, var(--shade-color) 75%, transparent), transparent 4px); }
scrolledwindow.undershoot-end:dir(ltr) > undershoot.right { box-shadow: inset -1px 0 color-mix(in srgb, var(--shade-color) 75%, transparent); background: linear-gradient(to left, color-mix(in srgb, var(--shade-color) 75%, transparent), transparent 4px); }
scrolledwindow.undershoot-end:dir(rtl) > undershoot.left { box-shadow: inset 1px 0 color-mix(in srgb, var(--shade-color) 75%, transparent); background: linear-gradient(to right, color-mix(in srgb, var(--shade-color) 75%, transparent), transparent 4px); }
shortcuts-section { margin: 20px; }
.shortcuts-search-results { margin: 20px; border-spacing: 24px; }
shortcut { border-spacing: 6px; border-radius: 6px; }
shortcut { outline: 0 solid transparent; outline-offset: 8px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
shortcut:focus:focus-visible { outline-color: color-mix(in srgb, var(--accent-color) 50%, transparent); outline-width: 2px; outline-offset: 4px; }
shortcut > .keycap { min-width: 20px; min-height: 25px; padding: 2px 6px; border-radius: 6px; font-size: smaller; }
shortcuts-section stackswitcher.circular { border-spacing: 12px; }
shortcuts-section stackswitcher.circular > button.circular, shortcuts-section stackswitcher.circular > button.text-button.circular { min-width: 32px; min-height: 32px; padding: 0; }
window.shortcuts:not(.ssd-frame) headerbar.titlebar > windowhandle { padding-top: 3px; }
window.shortcuts:not(.ssd-frame) searchbar { background: none; }
.sidebar-pane { background-color: var(--sidebar-bg-color); color: var(--sidebar-fg-color); --shade-color: var(--sidebar-shade-color); }
.sidebar-pane:backdrop { background-color: var(--sidebar-backdrop-color); transition: background-color 200ms ease-out; }
.sidebar-pane banner > revealer > widget { background-color: color-mix(in srgb, var(--banner-color) 30%, var(--sidebar-bg-color)); color: var(--sidebar-fg-color); }
.sidebar-pane banner > revealer > widget:backdrop { background-color: color-mix(in srgb, var(--banner-color) 15%, var(--sidebar-bg-color)); }
.sidebar-pane:dir(ltr), .sidebar-pane:dir(ltr) banner > revealer > widget, .sidebar-pane.end:dir(rtl), .sidebar-pane.end:dir(rtl) banner > revealer > widget { box-shadow: inset -1px 0 var(--sidebar-border-color); }
.sidebar-pane:dir(rtl), .sidebar-pane:dir(rtl) banner > revealer > widget, .sidebar-pane.end:dir(ltr), .sidebar-pane.end:dir(ltr) banner > revealer > widget { box-shadow: inset 1px 0 var(--sidebar-border-color); }
/* Middle pane in three-pane setups */
:not(.isolated) > .content-pane :not(.isolated) > .sidebar-pane, :not(.isolated) > .sidebar-pane :not(.isolated) > .content-pane { background-color: var(--secondary-sidebar-bg-color); color: var(--secondary-sidebar-fg-color); --shade-color: var(--secondary-sidebar-shade-color); }
:not(.isolated) > .content-pane :not(.isolated) > .sidebar-pane:backdrop, :not(.isolated) > .sidebar-pane :not(.isolated) > .content-pane:backdrop { background-color: var(--secondary-sidebar-backdrop-color); transition: background-color 200ms ease-out; }
:not(.isolated) > .content-pane :not(.isolated) > .sidebar-pane banner > revealer > widget, :not(.isolated) > .sidebar-pane :not(.isolated) > .content-pane banner > revealer > widget { background-color: color-mix(in srgb, var(--banner-color) 30%, var(--secondary-sidebar-bg-color)); color: var(--secondary-sidebar-fg-color); }
:not(.isolated) > .content-pane :not(.isolated) > .sidebar-pane banner > revealer > widget:backdrop, :not(.isolated) > .sidebar-pane :not(.isolated) > .content-pane banner > revealer > widget:backdrop { background-color: color-mix(in srgb, var(--banner-color) 15%, var(--secondary-sidebar-bg-color)); }
:not(.isolated) > .content-pane :not(.isolated) > .sidebar-pane:dir(ltr), :not(.isolated) > .content-pane :not(.isolated) > .sidebar-pane:dir(ltr) banner > revealer > widget, :not(.isolated) > .content-pane :not(.isolated) > .sidebar-pane.end:dir(rtl), :not(.isolated) > .content-pane :not(.isolated) > .sidebar-pane.end:dir(rtl) banner > revealer > widget, :not(.isolated) > .sidebar-pane :not(.isolated) > .content-pane:dir(ltr), :not(.isolated) > .sidebar-pane :not(.isolated) > .content-pane:dir(ltr) banner > revealer > widget, :not(.isolated) > .sidebar-pane :not(.isolated) > .content-pane.end:dir(rtl), :not(.isolated) > .sidebar-pane :not(.isolated) > .content-pane.end:dir(rtl) banner > revealer > widget { box-shadow: inset -1px 0 var(--secondary-sidebar-border-color); }
:not(.isolated) > .content-pane :not(.isolated) > .sidebar-pane:dir(rtl), :not(.isolated) > .content-pane :not(.isolated) > .sidebar-pane:dir(rtl) banner > revealer > widget, :not(.isolated) > .content-pane :not(.isolated) > .sidebar-pane.end:dir(ltr), :not(.isolated) > .content-pane :not(.isolated) > .sidebar-pane.end:dir(ltr) banner > revealer > widget, :not(.isolated) > .sidebar-pane :not(.isolated) > .content-pane:dir(rtl), :not(.isolated) > .sidebar-pane :not(.isolated) > .content-pane:dir(rtl) banner > revealer > widget, :not(.isolated) > .sidebar-pane :not(.isolated) > .content-pane.end:dir(ltr), :not(.isolated) > .sidebar-pane :not(.isolated) > .content-pane.end:dir(ltr) banner > revealer > widget { box-shadow: inset 1px 0 var(--secondary-sidebar-border-color); }
.sidebar-pane .sidebar-pane { background-color: transparent; color: inherit; }
stacksidebar row { padding: 10px 4px; }
stacksidebar row > label { padding-left: 6px; padding-right: 6px; }
stacksidebar row.needs-attention > label { background-size: 6px 6px, 0 0; }
/********************** Navigation Sidebar * */
.navigation-sidebar { padding: 6px 0; }
.navigation-sidebar, .navigation-sidebar.view, window.print:not(.ssd-frame) .navigation-sidebar.dialog-action-box, .navigation-sidebar.view:disabled { background-color: transparent; color: inherit; }
.navigation-sidebar.background, .navigation-sidebar.background:disabled { background-color: var(--window-bg-color); color: var(--window-fg-color); }
.navigation-sidebar row.activatable:hover, .navigation-sidebar child.activatable:hover, .navigation-sidebar flowboxchild:hover { background-color: color-mix(in srgb, currentColor 7%, transparent); }
.navigation-sidebar row.activatable:active, .navigation-sidebar child.activatable:active, .navigation-sidebar flowboxchild:active { background-color: color-mix(in srgb, currentColor 16%, transparent); }
.navigation-sidebar row.activatable.has-open-popup, .navigation-sidebar child.activatable.has-open-popup, .navigation-sidebar flowboxchild.has-open-popup { background-color: color-mix(in srgb, currentColor 7%, transparent); }
.navigation-sidebar row.activatable:selected:hover, .navigation-sidebar child.activatable:selected:hover, .navigation-sidebar flowboxchild:selected:hover { background-color: color-mix(in srgb, currentColor 13%, transparent); }
.navigation-sidebar row.activatable:selected:active, .navigation-sidebar child.activatable:selected:active, .navigation-sidebar flowboxchild:selected:active { background-color: color-mix(in srgb, currentColor 19%, transparent); }
.navigation-sidebar row.activatable:selected.has-open-popup, .navigation-sidebar child.activatable:selected.has-open-popup, .navigation-sidebar flowboxchild:selected.has-open-popup { background-color: color-mix(in srgb, currentColor 13%, transparent); }
.navigation-sidebar row:selected, .navigation-sidebar child:selected, .navigation-sidebar flowboxchild:selected { background-color: color-mix(in srgb, currentColor 10%, transparent); }
.navigation-sidebar > separator { margin: 6px; }
.navigation-sidebar > row { border-radius: 9px; min-height: 36px; padding: 0 8px; margin: 0 6px 2px; }
.navigation-sidebar > child, .navigation-sidebar > flowboxchild { border-radius: 9px; margin: 3px; padding: 8px; }
gridview.navigation-sidebar, flowbox.navigation-sidebar { padding: 3px; }
@keyframes spin { to { transform: rotate(1turn); } }
spinner { background: none; opacity: 0; -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); }
spinner:checked { opacity: 1; animation: spin 1s linear infinite; }
spinner:checked:disabled { opacity: var(--disabled-opacity); }
/************** AdwSpinner * */
image.spinner:disabled { opacity: var(--disabled-opacity); }
spinbutton { padding: 0; border-spacing: 0; /* :not here just to bump specificity above that of the list button styling */ }
spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) { margin: 0; border-radius: 0; box-shadow: none; border-style: solid; border-color: color-mix(in srgb, currentColor 10%, transparent); }
spinbutton:not(.vertical) { /* :not here just to bump specificity above that of the list button styling */ }
spinbutton:not(.vertical) > text { min-width: 28px; padding: 6px; }
spinbutton:not(.vertical) > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton:not(.vertical) > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) { min-height: 16px; min-width: 22px; padding-bottom: 0; padding-top: 0; border-left-width: 1px; }
spinbutton:not(.vertical) > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl), spinbutton:not(.vertical) > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl) { border-left-width: 0; border-right-width: 1px; }
spinbutton:not(.vertical) > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, spinbutton:not(.vertical) > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child { border-radius: 0 9px 9px 0; }
spinbutton:not(.vertical) > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, spinbutton:not(.vertical) > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child { border-radius: 9px 0 0 9px; }
spinbutton.vertical { /* :not here just to bump specificity above that of the list button styling */ }
spinbutton.vertical > text { min-height: 30px; min-width: 30px; }
spinbutton.vertical > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, spinbutton.vertical > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child { border-top-width: 1px; border-radius: 0 0 9px 9px; }
spinbutton.vertical > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):first-child, spinbutton.vertical > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):first-child { border-bottom-width: 1px; border-radius: 9px 9px 0 0; }
switch { border-radius: 14px; padding: 3px; background-color: color-mix(in srgb, currentColor 15%, transparent); }
switch:hover { background-color: color-mix(in srgb, currentColor 20%, transparent); }
switch:active { background-color: color-mix(in srgb, currentColor 25%, transparent); }
switch { outline: 0 solid transparent; outline-offset: 5px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
switch:focus:focus-visible { outline-color: color-mix(in srgb, var(--accent-color) 50%, transparent); outline-width: 2px; outline-offset: 1px; }
switch:disabled { filter: Opacity(var(--disabled-opacity)); }
switch > slider { min-width: 20px; min-height: 20px; border-radius: 50%; background-color: color-mix(in srgb, white 80%, var(--view-bg-color)); box-shadow: 0 2px 4px RGB(0 0 6/20%); }
switch > slider:disabled { box-shadow: 0 2px 4px transparent; }
switch:hover > slider, switch:active > slider { background: white; }
switch:checked { color: var(--accent-fg-color); background-color: var(--accent-bg-color); }
switch:checked:hover { background-image: image(color-mix(in srgb, currentColor 10%, transparent)); }
switch:checked:active { background-image: image(RGB(0 0 6/20%)); }
switch:checked > slider { background-color: white; }
.osd switch:checked { background-color: RGB(255 255 255/60%); }
tabbar .box { background-color: var(--headerbar-bg-color); color: var(--headerbar-fg-color); box-shadow: inset 0 -1px var(--headerbar-shade-color); padding: 1px; padding-top: 0; }
tabbar .box:backdrop { background-color: var(--headerbar-backdrop-color); transition: background-color 200ms ease-out; }
tabbar .box:backdrop > scrolledwindow, tabbar .box:backdrop > .start-action, tabbar .box:backdrop > .end-action { filter: opacity(0.5); transition: filter 200ms ease-out; }
tabbar tabbox { padding-bottom: 6px; padding-top: 6px; min-height: 34px; }
tabbar tabbox > tabboxchild { border-radius: 9px; }
tabbar tabbox > tabboxchild { outline: 0 solid transparent; outline-offset: 4px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
tabbar tabbox > tabboxchild:focus-within:focus-visible { outline-color: color-mix(in srgb, var(--accent-color) 50%, transparent); outline-width: 2px; outline-offset: -2px; }
tabbar tabbox > separator { margin-top: 3px; margin-bottom: 3px; transition: opacity 150ms ease-in-out; }
tabbar tabbox > separator.hidden { opacity: 0; }
tabbar tabbox > revealer > indicator { min-width: 2px; border-radius: 2px; margin: 3px 6px; background: color-mix(in srgb, var(--accent-color) 50%, transparent); }
tabbar tab { transition: background 150ms ease-in-out; }
tabbar tab:selected { background-color: color-mix(in srgb, currentColor 10%, transparent); }
tabbar tab:selected:hover { background-color: color-mix(in srgb, currentColor 13%, transparent); }
tabbar tab:selected:active { background-color: color-mix(in srgb, currentColor 19%, transparent); }
tabbar tab:hover { background-color: color-mix(in srgb, currentColor 7%, transparent); }
tabbar tab:active { background-color: color-mix(in srgb, currentColor 16%, transparent); }
tabbar tabbox.single-tab tab, tabbar tabbox.single-tab tab:hover, tabbar tabbox.single-tab tab:active { background: none; }
tabbar .start-action, tabbar .end-action { padding: 6px 5px; }
tabbar .start-action:dir(ltr), tabbar .end-action:dir(rtl) { padding-right: 0; }
tabbar .start-action:dir(rtl), tabbar .end-action:dir(ltr) { padding-left: 0; }
toolbarview > .top-bar tabbar .box, toolbarview > .bottom-bar tabbar .box, tabbar.inline .box { background-color: transparent; color: inherit; box-shadow: none; padding-bottom: 0; }
toolbarview > .top-bar tabbar .box:backdrop, toolbarview > .bottom-bar tabbar .box:backdrop, tabbar.inline .box:backdrop { background-color: transparent; transition: none; }
toolbarview > .top-bar tabbar .box:backdrop > scrolledwindow, toolbarview > .bottom-bar tabbar .box:backdrop > scrolledwindow, tabbar.inline .box:backdrop > scrolledwindow, toolbarview > .top-bar tabbar .box:backdrop > .start-action, toolbarview > .bottom-bar tabbar .box:backdrop > .start-action, tabbar.inline .box:backdrop > .start-action, toolbarview > .top-bar tabbar .box:backdrop > .end-action, toolbarview > .bottom-bar tabbar .box:backdrop > .end-action, tabbar.inline .box:backdrop > .end-action { filter: none; transition: none; }
toolbarview > .top-bar .collapse-spacing tabbar tabbox, toolbarview > .bottom-bar .collapse-spacing tabbar tabbox, toolbarview > .top-bar .collapse-spacing tabbar .start-action, toolbarview > .bottom-bar .collapse-spacing tabbar .start-action, toolbarview > .top-bar .collapse-spacing tabbar .end-action, toolbarview > .bottom-bar .collapse-spacing tabbar .end-action { padding-top: 3px; padding-bottom: 3px; }
dnd tab { background-color: var(--headerbar-bg-color); background-image: image(color-mix(in srgb, currentColor 19%, transparent)); color: var(--headerbar-fg-color); box-shadow: 0 0 0 1px RGB(0 0 0/3%), 0 1px 3px 1px RGB(0 0 0/7%), 0 2px 6px 2px RGB(0 0 0/3%); margin: 25px; }
tabbar tab, dnd tab { min-height: 26px; padding: 4px; border-radius: 9px; }
tabbar tab button.image-button, dnd tab button.image-button { padding: 0; margin: 0; min-width: 24px; min-height: 24px; border-radius: 99px; }
tabbar tab indicator, dnd tab indicator { min-height: 2px; border-radius: 2px; background: color-mix(in srgb, var(--accent-color) 50%, transparent); transform: translateY(4px); }
tabgrid > tabgridchild .card { outline: 0 solid transparent; outline-offset: 4px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
tabgrid > tabgridchild:focus:focus-visible .card { outline-color: color-mix(in srgb, var(--accent-color) 50%, transparent); outline-width: 2px; outline-offset: 0; }
tabthumbnail { border-radius: 16px; transition: box-shadow 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-color cubic-bezier(0.25, 0.46, 0.45, 0.94); }
tabthumbnail > box { margin: 6px; }
tabthumbnail:drop(active) { box-shadow: inset 0 0 0 2px color-mix(in srgb, var(--accent-bg-color) 40%, transparent); background-color: color-mix(in srgb, var(--accent-bg-color) 10%, transparent); }
tabthumbnail .needs-attention:dir(ltr) { transform: translate(8px, -8px); }
tabthumbnail .needs-attention:dir(rtl) { transform: translate(-8px, -8px); }
tabthumbnail .needs-attention > widget { background: var(--accent-color); min-width: 12px; min-height: 12px; border-radius: 8px; margin: 3px; box-shadow: 0 1px 2px color-mix(in srgb, var(--accent-color) 40%, transparent); }
tabthumbnail .card { background: none; color: inherit; }
tabthumbnail .card picture { outline: 1px solid RGB(255 255 255/7%); outline-offset: -1px; border-radius: 12px; }
tabthumbnail.pinned .card { background-color: var(--thumbnail-bg-color); color: var(--thumbnail-fg-color); }
tabthumbnail .icon-title-box { border-spacing: 6px; }
tabthumbnail .tab-unpin-icon { margin: 6px; min-width: 24px; min-height: 24px; }
tabthumbnail button.circular { margin: 6px; background-color: color-mix(in srgb, var(--thumbnail-bg-color) 75%, transparent); min-width: 24px; min-height: 24px; }
tabthumbnail button.circular:hover { background-color: color-mix(in srgb, var(--thumbnail-bg-color) calc(0.9 * 75%), currentColor calc(0.1 * 75%)); }
tabthumbnail button.circular:active { background-color: color-mix(in srgb, var(--thumbnail-bg-color) calc(0.8 * 75%), currentColor calc(0.2 * 75%)); }
taboverview > .overview { color: var(--overview-fg-color); background-color: var(--overview-bg-color); }
taboverview > .overview .new-tab-button { margin: 18px; }
tabview:drop(active), tabbox:drop(active), tabgrid:drop(active) { box-shadow: none; }
cursor-handle { all: unset; padding: 24px 20px; }
cursor-handle > contents { min-width: 20px; min-height: 20px; border-radius: 50%; background-color: var(--accent-bg-color); }
cursor-handle.top > contents { border-top-right-radius: 0; }
cursor-handle.bottom > contents { border-top-left-radius: 0; transform: translateX(1px); }
cursor-handle.insertion-cursor > contents { border-top-left-radius: 0; transform: translateX(1px) translateY(4px) rotate(45deg); }
magnifier { background-color: var(--view-bg-color); }
/****************** AdwToggleGroup * */
toggle-group { ---group-padding: 3px; background: color-mix(in srgb, currentColor 10%, transparent); border-radius: 9px; padding: var(---group-padding); }
toggle-group:disabled { background-color: color-mix(in srgb, color-mix(in srgb, currentColor 10%, transparent) var(--disabled-opacity), transparent); }
toggle-group > toggle { border-radius: calc(9px - var(---group-padding)); font-weight: bold; min-width: 34px; min-height: calc(34px - var(---group-padding) * 2); }
toggle-group > toggle.image-button > image:disabled { filter: opacity(30%); }
toggle-group > toggle.text-button { min-width: calc(18px + var(---group-padding) * 2); padding-left: calc(11px - var(---group-padding)); padding-right: calc(11px - var(---group-padding)); }
toggle-group > toggle.text-button > label:disabled { filter: opacity(30%); }
toggle-group > toggle.image-text-button { min-width: calc(10px + var(---group-padding) * 2); padding-left: calc(11px - var(---group-padding)); padding-right: calc(11px - var(---group-padding)); }
toggle-group > toggle.image-text-button > buttoncontent > box > label { padding: 0; }
toggle-group > toggle.image-text-button > buttoncontent > box > image:disabled, toggle-group > toggle.image-text-button > buttoncontent > box > label:disabled { filter: opacity(30%); }
toggle-group > toggle { outline: 0 solid transparent; outline-offset: 4px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
toggle-group > toggle:focus:focus-visible { outline-color: color-mix(in srgb, var(--accent-color) 50%, transparent); outline-width: 2px; outline-offset: 0; }
toggle-group > toggle:hover { background-color: color-mix(in srgb, currentColor 7%, transparent); }
toggle-group > toggle:active, toggle-group > toggle.keyboard-activating { background-color: color-mix(in srgb, currentColor 16%, transparent); }
toggle-group > toggle:checked { background-color: var(--active-toggle-bg-color); color: var(--active-toggle-fg-color); box-shadow: 0 1px 3px 1px RGB(0 0 6/7%), 0 2px 6px 2px RGB(0 0 6/3%); }
toggle-group > toggle:checked:disabled { background-color: color-mix(in srgb, var(--active-toggle-bg-color) var(--disabled-opacity), transparent); }
toggle-group > toggle:checked:disabled { box-shadow: none; }
toggle-group.osd, .osd toggle-group { --active-toggle-bg-color: white; --active-toggle-fg-color: rgb(0 0 0 / 80%); }
toggle-group.osd:not(.flat) > toggle:checked, .osd toggle-group:not(.flat) > toggle:checked { --accent-bg-color: rgb(0 0 0 / 75%); --accent-fg-color: white; --standalone-color-oklab: Min(l, 0.5) a b; --accent-color: oklab(from var(--accent-bg-color) var(--standalone-color-oklab)); --destructive-color: oklab(from var(--destructive-bg-color) var(--standalone-color-oklab)); --success-color: oklab(from var(--success-bg-color) var(--standalone-color-oklab)); --warning-color: oklab(from var(--warning-bg-color) var(--standalone-color-oklab)); --error-color: oklab(from var(--error-bg-color) var(--standalone-color-oklab)); box-shadow: 0 1px 3px 1px RGB(0 0 6/7%), 0 2px 6px 2px RGB(0 0 6/3%); }
toggle-group.osd:not(.flat) > toggle:checked, .osd toggle-group:not(.flat) > toggle:checked { outline: 0 solid transparent; outline-offset: 5px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
toggle-group.osd:not(.flat) > toggle:checked:focus:focus-visible, .osd toggle-group:not(.flat) > toggle:checked:focus:focus-visible { outline-color: color-mix(in srgb, var(--accent-color) 50%, transparent); outline-width: 2px; outline-offset: 1px; }
toggle-group.osd:not(.flat) > toggle:checked:focus:focus-visible, .osd toggle-group:not(.flat) > toggle:checked:focus:focus-visible { outline-color: color-mix(in srgb, RGB(255 255 255/75%) 50%, transparent); }
toggle-group.osd:not(.flat) > toggle:checked:disabled, .osd toggle-group:not(.flat) > toggle:checked:disabled { box-shadow: none; }
toggle-group.vertical > toggle:not(.text-button):not(.image-text-button) { min-width: calc(34px - var(---group-padding) * 2); }
toggle-group > separator { transition: opacity 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
toggle-group > separator.horizontal { margin: calc(6px - var(---group-padding)) 1px; }
toggle-group > separator.vertical { margin: 1px calc(6px - var(---group-padding)); }
toggle-group > separator.hidden { opacity: 0; }
toggle-group > separator:disabled { filter: Opacity(var(--disabled-opacity)); }
toggle-group.round { border-radius: 17px; }
toggle-group.round toggle { border-radius: calc(17px - var(---group-padding)); }
toggle-group.round toggle.text-button, toggle-group.round toggle.image-text-button { padding-left: calc(15px - var(---group-padding)); padding-right: calc(15px - var(---group-padding)); }
toggle-group.round separator.horizontal { margin: calc(9px - var(---group-padding)) 1px; }
toggle-group.round separator.vertical { margin: 1px calc(9px - var(---group-padding)); }
toggle-group.flat { ---group-padding: 0px; background: none; color: inherit; box-shadow: none; }
toggle-group.flat > toggle { outline: 0 solid transparent; outline-offset: 4px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
toggle-group.flat > toggle:focus:focus-visible { outline-color: color-mix(in srgb, var(--accent-color) 50%, transparent); outline-width: 2px; outline-offset: -2px; }
toggle-group.flat > toggle:checked { background-color: color-mix(in srgb, currentColor 10%, transparent); color: inherit; box-shadow: none; box-shadow: none; }
toggle-group.flat > toggle:checked:hover { background-color: color-mix(in srgb, currentColor 13%, transparent); }
toggle-group.flat > toggle:checked:active, toggle-group.flat > toggle:checked.keyboard-activating { background-color: color-mix(in srgb, currentColor 19%, transparent); }
toggle-group.flat > toggle:checked:disabled { background-color: color-mix(in srgb, color-mix(in srgb, currentColor 10%, transparent) var(--disabled-opacity), transparent); }
toggle-group.flat > separator { background: none; }
/************************* AdwInlineViewSwitcher * */
inline-view-switcher > toggle-group.icons > toggle { min-width: 34px; }
inline-view-switcher > toggle-group.labels > toggle { min-width: calc(18px + var(---group-padding) * 2); }
inline-view-switcher > toggle-group.labels > toggle > widget > indicatorbin { padding-left: calc(11px - var(---group-padding)); padding-right: calc(11px - var(---group-padding)); }
inline-view-switcher > toggle-group.labels > toggle > widget > indicatorbin > label { padding: 0 6px; }
inline-view-switcher > toggle-group.labels > toggle > widget > indicatorbin > indicator, inline-view-switcher > toggle-group.labels > toggle > widget > indicatorbin > mask { transform: translateY(2px); }
inline-view-switcher > toggle-group.both > toggle { min-width: calc(10px + var(---group-padding) * 2); }
inline-view-switcher > toggle-group.both > toggle > widget > box { padding-left: calc(15px - var(---group-padding)); padding-right: calc(15px - var(---group-padding)); border-spacing: 6px; }
actionbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):disabled, searchbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):disabled, .toolbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):disabled, headerbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):disabled { filter: none; }
actionbar > revealer > box menubutton.raised > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).arrow-button:disabled:not(:checked), searchbar > revealer > box menubutton.raised > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).arrow-button:disabled:not(:checked), .toolbar menubutton.raised > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).arrow-button:disabled:not(:checked), headerbar menubutton.raised > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).arrow-button:disabled:not(:checked), actionbar > revealer > box menubutton.raised > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button:disabled:not(:checked), searchbar > revealer > box menubutton.raised > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button:disabled:not(:checked), .toolbar menubutton.raised > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button:disabled:not(:checked), headerbar menubutton.raised > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button:disabled:not(:checked), actionbar > revealer > box menubutton.raised > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-text-button:disabled:not(:checked), searchbar > revealer > box menubutton.raised > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-text-button:disabled:not(:checked), .toolbar menubutton.raised > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-text-button:disabled:not(:checked), headerbar menubutton.raised > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-text-button:disabled:not(:checked) { filter: none; }
actionbar > revealer > box menubutton.suggested-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.suggested-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.suggested-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.suggested-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.opaque > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.opaque > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.opaque > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.opaque > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) { color: inherit; background-color: transparent; }
actionbar > revealer > box menubutton.suggested-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):disabled:not(:checked), searchbar > revealer > box menubutton.suggested-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):disabled:not(:checked), .toolbar menubutton.suggested-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):disabled:not(:checked), headerbar menubutton.suggested-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):disabled:not(:checked), actionbar > revealer > box menubutton.opaque > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):disabled:not(:checked), searchbar > revealer > box menubutton.opaque > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):disabled:not(:checked), .toolbar menubutton.opaque > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):disabled:not(:checked), headerbar menubutton.opaque > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):disabled:not(:checked) { filter: none; }
actionbar > revealer > box menubutton.destructive-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):disabled:not(:checked), searchbar > revealer > box menubutton.destructive-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):disabled:not(:checked), .toolbar menubutton.destructive-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):disabled:not(:checked), headerbar menubutton.destructive-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):disabled:not(:checked) { filter: none; }
actionbar > revealer > box switch, searchbar > revealer > box switch, .toolbar switch, headerbar switch { margin-top: 4px; margin-bottom: 4px; }
.toolbar { padding: 6px; border-spacing: 6px; }
.toolbar.osd { padding: 12px; border-radius: 15px; }
toolbarview > .top-bar .collapse-spacing .toolbar, toolbarview > .bottom-bar .collapse-spacing .toolbar { padding-top: 3px; padding-bottom: 3px; }
/**************** GtkSearchBar * */
searchbar > revealer > box { padding: 6px 6px 7px 6px; background-color: var(--headerbar-bg-color); color: var(--headerbar-fg-color); box-shadow: inset 0 -1px var(--headerbar-shade-color); }
searchbar > revealer > box:backdrop { background-color: var(--headerbar-backdrop-color); transition: background-color 200ms ease-out; }
searchbar > revealer > box:backdrop > * { filter: opacity(0.5); transition: filter 200ms ease-out; }
searchbar > revealer > box .close { min-width: 18px; min-height: 18px; padding: 4px; border-radius: 50%; }
searchbar > revealer > box .close:dir(ltr) { margin-left: 10px; margin-right: 4px; }
searchbar > revealer > box .close:dir(rtl) { margin-left: 4px; margin-right: 10px; }
toolbarview > .top-bar searchbar > revealer > box, toolbarview > .bottom-bar searchbar > revealer > box, searchbar.inline > revealer > box, window.appchooser:not(.ssd-frame) searchbar > revealer > box, window.shortcuts:not(.ssd-frame) searchbar > revealer > box { background-color: transparent; color: inherit; box-shadow: none; padding-bottom: 6px; }
toolbarview > .top-bar searchbar > revealer > box:backdrop, toolbarview > .bottom-bar searchbar > revealer > box:backdrop, searchbar.inline > revealer > box:backdrop { background-color: transparent; transition: none; }
toolbarview > .top-bar searchbar > revealer > box:backdrop > *, toolbarview > .bottom-bar searchbar > revealer > box:backdrop > *, searchbar.inline > revealer > box:backdrop > * { filter: none; transition: none; }
toolbarview > .top-bar .collapse-spacing searchbar > revealer > box, toolbarview > .bottom-bar .collapse-spacing searchbar > revealer > box, window.appchooser.csd:not(.ssd-frame) searchbar > revealer > box, window.shortcuts:not(.ssd-frame) searchbar > revealer > box { padding-top: 3px; padding-bottom: 3px; }
/**************** GtkActionBar * */
actionbar > revealer > box { background-color: var(--headerbar-bg-color); color: var(--headerbar-fg-color); box-shadow: inset 0 1px var(--headerbar-shade-color); padding: 7px 6px 6px 6px; }
actionbar > revealer > box, actionbar > revealer > box > box.start, actionbar > revealer > box > box.end { border-spacing: 6px; }
actionbar > revealer > box:backdrop { background-color: var(--headerbar-backdrop-color); transition: background-color 200ms ease-out; }
actionbar > revealer > box:backdrop > * { filter: opacity(0.5); transition: filter 200ms ease-out; }
toolbarview > .top-bar actionbar > revealer > box, toolbarview > .bottom-bar actionbar > revealer > box { background-color: transparent; color: inherit; box-shadow: none; padding-top: 6px; }
toolbarview > .top-bar actionbar > revealer > box:backdrop, toolbarview > .bottom-bar actionbar > revealer > box:backdrop { background-color: transparent; transition: none; }
toolbarview > .top-bar actionbar > revealer > box:backdrop > *, toolbarview > .bottom-bar actionbar > revealer > box:backdrop > * { filter: none; transition: none; }
toolbarview > .top-bar .collapse-spacing actionbar > revealer > box, toolbarview > .bottom-bar .collapse-spacing actionbar > revealer > box { padding-top: 3px; padding-bottom: 3px; }
/************* AdwBanner * */
banner { --banner-color: #7d7d83; }
banner > revealer > widget { /* There are 2 more instances in _sidebars.css, keep in sync with that */ background-color: color-mix(in srgb, var(--banner-color) 30%, var(--window-bg-color)); color: var(--window-fg-color); padding: 6px; }
banner > revealer > widget:backdrop { background-color: color-mix(in srgb, var(--banner-color) 15%, var(--window-bg-color)); transition: background-color 200ms ease-out; }
banner > revealer > widget:backdrop > label, banner > revealer > widget:backdrop > button { filter: opacity(0.5); transition: filter 200ms ease-out; }
/****************** AdwToolbarView * */
toolbarview > .top-bar .collapse-spacing, toolbarview > .bottom-bar .collapse-spacing { padding-top: 3px; padding-bottom: 3px; }
toolbarview > .top-bar.raised, toolbarview > .bottom-bar.raised { background-color: var(--headerbar-bg-color); color: var(--headerbar-fg-color); }
toolbarview > .top-bar.raised:backdrop, toolbarview > .bottom-bar.raised:backdrop { background-color: var(--headerbar-backdrop-color); transition: background-color 200ms ease-out; }
toolbarview > .top-bar:backdrop > windowhandle, toolbarview > .bottom-bar:backdrop > windowhandle { filter: opacity(0.5); transition: filter 200ms ease-out; }
toolbarview > .top-bar.raised { box-shadow: 0 1px color-mix(in srgb, var(--headerbar-shade-color) 50%, transparent), 0 2px 4px color-mix(in srgb, var(--headerbar-shade-color) 50%, transparent); }
toolbarview > .top-bar.raised.border { box-shadow: 0 1px var(--headerbar-darker-shade-color); }
toolbarview > .bottom-bar.raised { box-shadow: 0 -1px color-mix(in srgb, var(--headerbar-shade-color) 50%, transparent), 0 -2px 4px color-mix(in srgb, var(--headerbar-shade-color) 50%, transparent); }
toolbarview > .bottom-bar.raised.border { box-shadow: 0 -1px var(--headerbar-darker-shade-color); }
toolbarview.undershoot-top scrolledwindow > undershoot.top { box-shadow: inset 0 1px color-mix(in srgb, var(--shade-color) 75%, transparent); background: linear-gradient(to bottom, color-mix(in srgb, var(--shade-color) 75%, transparent), transparent 4px); }
toolbarview.undershoot-bottom scrolledwindow > undershoot.bottom { box-shadow: inset 0 -1px color-mix(in srgb, var(--shade-color) 75%, transparent); background: linear-gradient(to top, color-mix(in srgb, var(--shade-color) 75%, transparent), transparent 4px); }
window.devel toolbarview > .top-bar { background-image: cross-fade(5% -gtk-recolor(url("assets/devel-symbolic.svg")), image(transparent)); background-repeat: repeat-x; }
window.devel sheet toolbarview > .top-bar { background-image: unset; background-repeat: unset; }
tooltip { padding: 6px 10px; border-radius: 9px; box-shadow: none; }
tooltip.background { background-color: RGB(0 0 6/80%); background-clip: padding-box; border: 1px solid RGB(255 255 255/10%); color: white; }
tooltip > box { border-spacing: 6px; }
.view, window.print:not(.ssd-frame) .dialog-action-box, textview > text, dialog-host > dialog.view sheet, window.print:not(.ssd-frame) dialog-host > dialog.dialog-action-box sheet, iconview { color: var(--view-fg-color); background-color: var(--view-bg-color); }
.view:disabled, window.print:not(.ssd-frame) .dialog-action-box:disabled, textview > text:disabled, dialog-host > dialog.view sheet:disabled, window.print:not(.ssd-frame) dialog-host > dialog.dialog-action-box sheet:disabled, iconview:disabled { color: color-mix(in srgb, currentColor 5%, transparent); background-color: color-mix(in srgb, var(--window-bg-color) 60%, var(--view-bg-color)); }
.view:selected:focus, .view:selected, window.print:not(.ssd-frame) .dialog-action-box:selected, textview > text:selected, dialog-host > dialog.view sheet:selected, window.print:not(.ssd-frame) dialog-host > dialog.dialog-action-box sheet:selected, iconview:selected { background-color: color-mix(in srgb, var(--accent-bg-color) 25%, transparent); border-radius: 9px; }
textview { caret-color: currentColor; }
textview > text, textview > text:disabled { background-color: transparent; }
textview.inline, textview.inline:disabled, textview.inline > text { background-color: transparent; color: inherit; }
textview > border { background-color: color-mix(in srgb, var(--window-bg-color), var(--view-bg-color) 50%); }
textview:drop(active) { caret-color: var(--accent-bg-color); }
rubberband { border: 1px solid var(--accent-color); background-color: color-mix(in srgb, var(--accent-color) 20%, transparent); }
flowbox > flowboxchild, gridview > child { padding: 3px; border-radius: 9px; }
flowbox > flowboxchild, gridview > child { outline: 0 solid transparent; outline-offset: 4px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
flowbox > flowboxchild:focus:focus-visible, gridview > child:focus:focus-visible { outline-color: color-mix(in srgb, var(--accent-color) 50%, transparent); outline-width: 2px; outline-offset: -2px; }
flowbox > flowboxchild:selected, gridview > child:selected { background-color: color-mix(in srgb, var(--accent-bg-color) 25%, transparent); }
gridview > child.activatable:hover { background-color: color-mix(in srgb, currentColor 4%, transparent); }
gridview > child.activatable:active { background-color: color-mix(in srgb, currentColor 8%, transparent); }
gridview > child.activatable:selected:hover { background-color: color-mix(in srgb, var(--accent-bg-color) 32%, transparent); }
gridview > child.activatable:selected:active { background-color: color-mix(in srgb, var(--accent-bg-color) 39%, transparent); }
viewswitcher { border-spacing: 3px; min-height: 34px; }
viewswitcher.narrow { margin-top: -3px; margin-bottom: -3px; min-height: 6px; }
viewswitcher button.toggle { padding: 0; }
viewswitcher button.toggle > stack > box.narrow { font-size: 0.75rem; padding-top: 4px; }
viewswitcher button.toggle > stack > box.narrow > label { min-height: 18px; padding-left: 3px; padding-right: 3px; padding-bottom: 2px; }
viewswitcher button.toggle > stack > box.wide { padding: 2px 12px; border-spacing: 6px; }
/********************** AdwViewSwitcherBar * */
viewswitcherbar actionbar > revealer > box { padding-left: 0; padding-right: 0; padding-top: 7px; }
toolbarview > .top-bar .collapse-spacing viewswitcherbar actionbar > revealer > box, toolbarview > .bottom-bar .collapse-spacing viewswitcherbar actionbar > revealer > box { padding-top: 6px; }
/************************ AdwViewSwitcherTitle * */
viewswitchertitle { margin-top: -6px; margin-bottom: -6px; }
viewswitchertitle viewswitcher { margin-left: 12px; margin-right: 12px; }
viewswitchertitle viewswitcher.narrow { margin-top: 3px; margin-bottom: 3px; }
viewswitchertitle viewswitcher.wide { margin-top: 6px; margin-bottom: 6px; }
viewswitchertitle windowtitle { margin-top: 0; margin-bottom: 0; }
/******************* AdwIndicatorBin * */
indicatorbin > indicator, indicatorbin > mask { min-width: 6px; min-height: 6px; border-radius: 100px; }
indicatorbin > indicator { margin: 1px; background: color-mix(in srgb, currentColor 40%, transparent); }
indicatorbin > mask { padding: 1px; background: black; }
indicatorbin.needs-attention > indicator { background: var(--accent-color); }
indicatorbin.badge > indicator, indicatorbin.badge > mask { min-height: 13px; }
indicatorbin.badge > indicator > label { font-size: 0.6rem; font-weight: bold; padding-left: 4px; padding-right: 4px; color: white; }
indicatorbin.badge.needs-attention > indicator { background: var(--accent-bg-color); }
indicatorbin.badge.needs-attention > indicator > label { color: var(--accent-fg-color); }
window.csd { box-shadow: 0 1px 3px 3px transparent, 0 2px 8px 2px RGB(0 0 0/13%), 0 3px 20px 10px RGB(0 0 0/9%), 0 6px 32px 16px RGB(0 0 0/4%), 0 0 0 1px RGB(0 0 0 / 0.5%); margin: 0px; border-radius: var(--window-radius); outline: 1px solid RGB(255 255 255/7%); outline-offset: -1px; }
window.csd:backdrop { box-shadow: 0 1px 3px 3px RGB(0 0 0/9%), 0 2px 14px 5px RGB(0 0 0/5%), 0 4px 28px 12px RGB(0 0 0/3%), 0 6px 32px 16px transparent, 0 0 0 1px RGB(0 0 0 / 2%); transition: box-shadow 200ms ease-out; }
window.csd.dialog.message, window.csd.messagedialog { box-shadow: 0 2px 8px 2px RGB(0 0 0/7%), 0 3px 20px 10px RGB(0 0 0/5%), 0 6px 32px 16px RGB(0 0 0/2%), 0 0 0 1px RGB(0 0 0 / 5%); }
window.csd.tiled, window.csd.tiled-top, window.csd.tiled-left, window.csd.tiled-right, window.csd.tiled-bottom { --window-radius: 0px; outline: none; box-shadow: 0 0 0 1px color-mix(in srgb, currentColor var(--border-opacity), transparent), 0 0 0 20px transparent; }
window.csd.tiled:backdrop, window.csd.tiled-top:backdrop, window.csd.tiled-left:backdrop, window.csd.tiled-right:backdrop, window.csd.tiled-bottom:backdrop { box-shadow: 0 0 0 1px color-mix(in srgb, currentColor var(--border-opacity), transparent), 0 0 0 20px transparent; }
window.csd.maximized, window.csd.fullscreen { --window-radius: 0px; outline: none; box-shadow: none; transition: none; }
window.csd.ssd-frame { border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
window.solid-csd { margin: 0; padding: 5px; --window-radius: 0px; box-shadow: inset 0 0 0 5px color-mix(in srgb, currentColor var(--border-opacity), transparent), inset 0 0 0 4px var(--headerbar-bg-color), inset 0 0 0 1px color-mix(in srgb, currentColor var(--border-opacity), transparent); }
window.solid-csd:backdrop { box-shadow: inset 0 0 0 5px color-mix(in srgb, currentColor var(--border-opacity), transparent), inset 0 0 0 4px var(--headerbar-backdrop-color), inset 0 0 0 1px color-mix(in srgb, currentColor var(--border-opacity), transparent); }
window.ssd { box-shadow: 0 0 0 1px RGB(0 0 0 / 5%); }
/* Public colors from Default */
@define-color theme_bg_color @window_bg_color;
@define-color theme_fg_color @window_fg_color;
@define-color theme_base_color @view_bg_color;
@define-color theme_text_color @view_fg_color;
@define-color theme_selected_bg_color @accent_bg_color;
@define-color theme_selected_fg_color @accent_fg_color;
@define-color insensitive_bg_color color-mix(in srgb, @window_bg_color 60%, @view_bg_color);
@define-color insensitive_fg_color color-mix(in srgb, @window_fg_color 50%, transparent);
@define-color insensitive_base_color @view_bg_color;
@define-color borders color-mix(in srgb, currentColor 15%, transparent);
@define-color theme_unfocused_bg_color @window_bg_color;
@define-color theme_unfocused_fg_color @window_fg_color;
@define-color theme_unfocused_base_color @view_bg_color;
@define-color theme_unfocused_text_color @view_fg_color;
@define-color theme_unfocused_selected_bg_color @accent_bg_color;
@define-color theme_unfocused_selected_fg_color @accent_fg_color;
@define-color unfocused_insensitive_color @insensitive_bg_color;
@define-color unfocused_borders @borders;
================================================
FILE: gtk/Tahoe-Dark/gtk-4.0/gtk-dark.css
================================================
/* GTK NAMED COLORS ---------------- use responsibly! */
@define-color destructive_bg_color @red_4;
@define-color destructive_fg_color white;
@define-color success_bg_color @green_5;
@define-color success_fg_color white;
@define-color warning_bg_color #cd9309;
@define-color warning_fg_color RGB(0 0 0 / 80%);
@define-color error_bg_color @red_4;
@define-color error_fg_color white;
@define-color accent_color oklab(from @accent_bg_color max(l, 0.85) a b);
@define-color destructive_color oklab(from @destructive_bg_color max(l, 0.85) a b);
@define-color success_color oklab(from @success_bg_color max(l, 0.85) a b);
@define-color warning_color oklab(from @warning_bg_color max(l, 0.85) a b);
@define-color error_color oklab(from @error_bg_color max(l, 0.85) a b);
@define-color window_bg_color #222226;
@define-color window_fg_color white;
@define-color view_bg_color #1d1d20;
@define-color view_fg_color white;
@define-color headerbar_bg_color #2e2e32;
@define-color headerbar_fg_color white;
@define-color headerbar_border_color white;
@define-color headerbar_backdrop_color @window_bg_color;
@define-color headerbar_shade_color RGB(0 0 6/36%);
@define-color headerbar_darker_shade_color RGB(0 0 12/90%);
@define-color sidebar_bg_color #2e2e32;
@define-color sidebar_fg_color white;
@define-color sidebar_backdrop_color #28282c;
@define-color sidebar_shade_color RGB(0 0 6/25%);
@define-color sidebar_border_color RGB(0 0 6/36%);
@define-color secondary_sidebar_bg_color #28282c;
@define-color secondary_sidebar_fg_color white;
@define-color secondary_sidebar_backdrop_color #252529;
@define-color secondary_sidebar_shade_color RGB(0 0 6/25%);
@define-color secondary_sidebar_border_color RGB(0 0 6/36%);
@define-color card_bg_color RGB(255 255 255/8%);
@define-color card_fg_color white;
@define-color card_shade_color RGB(0 0 6/36%);
@define-color dialog_bg_color #36363a;
@define-color dialog_fg_color white;
@define-color popover_bg_color #36363a;
@define-color popover_fg_color white;
@define-color popover_shade_color RGB(0 0 6/25%);
@define-color thumbnail_bg_color #39393d;
@define-color thumbnail_fg_color white;
@define-color shade_color RGB(0 0 6/25%);
@define-color scrollbar_outline_color RGB(0 0 12/95%);
:root {
--standalone-color-oklab: max(l, 0.85) a b;
--accent-color: oklab(
from var(--accent-bg-color) var(--standalone-color-oklab)
);
--destructive-color: oklab(
from var(--destructive-bg-color) var(--standalone-color-oklab)
);
--success-color: oklab(
from var(--success-bg-color) var(--standalone-color-oklab)
);
--warning-color: oklab(
from var(--warning-bg-color) var(--standalone-color-oklab)
);
--error-color: oklab(
from var(--error-bg-color) var(--standalone-color-oklab)
);
--active-toggle-bg-color: rgb(255 255 255 / 20%);
--active-toggle-fg-color: #ffffff;
--overview-bg-color: #28282c;
--overview-fg-color: #ffffff;
}
@import '../gtk-3.0/libadwaita.css';
@import '../gtk-3.0/libadwaita-tweaks.css';
* {
border-radius: 20px;
}
window {
border-radius: 30px;
padding: 10px;
}
.maximize window {
border-radius: 0px;
padding: 0px;
}
window.maximize {
border-radius: 0px;
padding: 0px;
}
/* More customizations */
/* GTK3 */
button.titlebutton {
color: transparent;
min-width: 12px;
min-height: 12px;
padding: 0;
margin: 0 2px;
box-shadow: inset 0 -1px 0 0 alpha(white, 0.2),
inset 0 1px 0 0 alpha(white, 0.3), inset 1px 0 0 0 alpha(white, 0.07),
inset -1px 0 0 0 alpha(white, 0.07), 0 1px 3px rgba(0, 0, 0, 0.12),
0 1px 2px rgba(0, 0, 0, 0.24);
}
button.titlebutton:backdrop {
opacity: 0.5;
}
/*****************
* Title buttons *
*****************/
.raven .expander-button,
.raven .raven-header:not(.top) button.image-button,
widget > box.terminal-titlebar > button.image-button,
widget > box.terminal-titlebar > button.image-button.toggle,
.terminix-session-sidebar button.tilix-sidebar-close-button,
.tilix-session-sidebar button.tilix-sidebar-close-button,
.nemo-window toolbar.primary-toolbar > toolitem > box.raised > button,
.nemo-window toolbar.primary-toolbar > toolitem > box.linked.raised > button,
.nautilus-window headerbar > revealer > button,
.solid-csd headerbar:not(.default-decoration) button.titlebutton,
headerbar button.titlebutton,
.csd headerbar button.titlebutton,
.csd headerbar.default-decoration button.titlebutton,
.titlebar button.titlebutton,
.csd .titlebar button.titlebutton,
.titlebar.default-decoration button.titlebutton,
.csd .titlebar.default-decoration button.titlebutton,
row button.image-button,
check,
radio,
headerbar.default-decoration button.titlebutton,
headerbar button.suggested-action,
headerbar button.destructive-action,
headerbar button:not(.suggested-action):not(.destructive-action),
button.close,
button.circular {
border-radius: 9999px;
-gtk-outline-radius: 9999px;
}
headerbar,
.titlebar {
padding: 0 14px;
}
.solid-csd headerbar:not(.default-decoration) button.titlebutton.close,
headerbar button.titlebutton.close,
.titlebar button.titlebutton.close {
min-width: 12px;
min-height: 12px;
padding: 0;
margin: 0 2px;
color: transparent;
background-color: rgba(0, 0, 0, 0.3);
background-color: #f25056;
box-shadow: inset 0 -1px 0 0 alpha(white, 0.2),
inset 0 1px 0 0 alpha(white, 0.3), inset 1px 0 0 0 alpha(white, 0.07),
inset -1px 0 0 0 alpha(white, 0.07), 0 1px 3px rgba(0, 0, 0, 0.12),
0 1px 2px rgba(0, 0, 0, 0.24);
}
.solid-csd headerbar:not(.default-decoration) button.titlebutton.maximize,
headerbar button.titlebutton.maximize,
.titlebar button.titlebutton.maximize {
min-width: 12px;
min-height: 12px;
padding: 0;
margin: 0 2px;
color: transparent;
background-color: rgba(0, 0, 0, 0.3);
background-color: #39ea49;
box-shadow: inset 0 -1px 0 0 alpha(white, 0.2),
inset 0 1px 0 0 alpha(white, 0.3), inset 1px 0 0 0 alpha(white, 0.07),
inset -1px 0 0 0 alpha(white, 0.07), 0 1px 3px rgba(0, 0, 0, 0.12),
0 1px 2px rgba(0, 0, 0, 0.24);
}
.solid-csd headerbar:not(.default-decoration) button.titlebutton.minimize,
headerbar button.titlebutton.minimize,
.titlebar button.titlebutton.minimize {
min-width: 12px;
min-height: 12px;
padding: 0;
margin: 0 2px;
color: transparent;
background-color: rgba(0, 0, 0, 0.3);
background-color: #fac536;
box-shadow: inset 0 -1px 0 0 alpha(white, 0.2),
inset 0 1px 0 0 alpha(white, 0.3), inset 1px 0 0 0 alpha(white, 0.07),
inset -1px 0 0 0 alpha(white, 0.07), 0 1px 3px rgba(0, 0, 0, 0.12),
0 1px 2px rgba(0, 0, 0, 0.24);
}
#MozillaGtkWidget.background
headerbar.titlebar.default-decoration
button.titlebutton.close:hover,
.solid-csd headerbar:not(.default-decoration) button.titlebutton.close:hover,
headerbar button.titlebutton.close:hover,
.csd headerbar button.titlebutton.close:hover,
headerbar.default-decoration button.titlebutton.close:hover,
.csd headerbar.default-decoration button.titlebutton.close:hover,
.titlebar button.titlebutton.close:hover,
.csd .titlebar button.titlebutton.close:hover,
.titlebar.default-decoration button.titlebutton.close:hover,
.csd .titlebar.default-decoration button.titlebutton.close:hover {
padding: 2px;
margin: -2px 0;
background-color: #f25056;
color: rgba(255, 255, 255, 0.7);
box-shadow: inset 0 -1px 0 0 alpha(white, 0.2),
inset 0 1px 0 0 alpha(white, 0.3), inset 1px 0 0 0 alpha(white, 0.07),
inset -1px 0 0 0 alpha(white, 0.07), 0 1px 3px rgba(0, 0, 0, 0.12),
0 1px 2px rgba(0, 0, 0, 0.24);
}
#MozillaGtkWidget.background
headerbar.titlebar.default-decoration
button.titlebutton.maximize:hover,
.solid-csd headerbar:not(.default-decoration) button.titlebutton.maximize:hover,
headerbar button.titlebutton.maximize:hover,
.csd headerbar button.titlebutton.maximize:hover,
headerbar.default-decoration button.titlebutton.maximize:hover,
.csd headerbar.default-decoration button.titlebutton.maximize:hover,
.titlebar button.titlebutton.maximize:hover,
.csd .titlebar button.titlebutton.maximize:hover,
.titlebar.default-decoration button.titlebutton.maximize:hover,
.csd .titlebar.default-decoration button.titlebutton.maximize:hover {
padding: 2px;
margin: -2px 0;
background-color: #39ea49;
color: rgba(255, 255, 255, 0.7);
box-shadow: inset 0 -1px 0 0 alpha(white, 0.2),
inset 0 1px 0 0 alpha(white, 0.3), inset 1px 0 0 0 alpha(white, 0.07),
inset -1px 0 0 0 alpha(white, 0.07), 0 1px 3px rgba(0, 0, 0, 0.12),
0 1px 2px rgba(0, 0, 0, 0.24);
}
#MozillaGtkWidget.background
headerbar.titlebar.default-decoration
button.titlebutton.minimize:hover,
.solid-csd headerbar:not(.default-decoration) button.titlebutton.minimize:hover,
headerbar button.titlebutton.minimize:hover,
.csd headerbar button.titlebutton.minimize:hover,
headerbar.default-decoration button.titlebutton.minimize:hover,
.csd headerbar.default-decoration button.titlebutton.minimize:hover,
.titlebar button.titlebutton.minimize:hover,
.csd .titlebar button.titlebutton.minimize:hover,
.titlebar.default-decoration button.titlebutton.minimize:hover,
.csd .titlebar.default-decoration button.titlebutton.minimize:hover {
padding: 2px;
margin: -2px 0;
background-color: #fac536;
color: rgba(255, 255, 255, 0.7);
box-shadow: inset 0 -1px 0 0 alpha(white, 0.2),
inset 0 1px 0 0 alpha(white, 0.3), inset 1px 0 0 0 alpha(white, 0.07),
inset -1px 0 0 0 alpha(white, 0.07), 0 1px 3px rgba(0, 0, 0, 0.12),
0 1px 2px rgba(0, 0, 0, 0.24);
}
.solid-csd headerbar:not(.default-decoration) button.titlebutton.close:hover,
.solid-csd headerbar:not(.default-decoration) button.titlebutton.maximize:hover,
.solid-csd headerbar:not(.default-decoration) button.titlebutton.minimize:hover,
headerbar button.titlebutton.close:hover,
headerbar button.titlebutton.close:backdrop:hover,
headerbar button.titlebutton.maximize:hover,
headerbar button.titlebutton.maximize:backdrop:hover,
headerbar button.titlebutton.minimize:hover,
headerbar button.titlebutton.minimize:backdrop:hover,
.csd headerbar button.titlebutton.close:hover,
.csd headerbar button.titlebutton.close:backdrop:hover,
.csd headerbar button.titlebutton.maximize:hover,
.csd headerbar button.titlebutton.maximize:backdrop:hover,
.csd headerbar button.titlebutton.minimize:hover,
.csd headerbar button.titlebutton.minimize:backdrop:hover,
headerbar.default-decoration button.titlebutton.close:hover,
headerbar.default-decoration button.titlebutton.close:backdrop:hover,
headerbar.default-decoration button.titlebutton.maximize:hover,
headerbar.default-decoration button.titlebutton.maximize:backdrop:hover,
headerbar.default-decoration button.titlebutton.minimize:hover,
headerbar.default-decoration button.titlebutton.minimize:backdrop:hover,
.csd headerbar.default-decoration button.titlebutton.close:hover,
.csd headerbar.default-decoration button.titlebutton.close:backdrop:hover,
.csd headerbar.default-decoration button.titlebutton.maximize:hover,
.csd headerbar.default-decoration button.titlebutton.maximize:backdrop:hover,
.csd headerbar.default-decoration button.titlebutton.minimize:hover,
.csd headerbar.default-decoration button.titlebutton.minimize:backdrop:hover,
.titlebar button.titlebutton.close:hover,
.titlebar button.titlebutton.close:backdrop:hover,
.titlebar button.titlebutton.maximize:hover,
.titlebar button.titlebutton.maximize:backdrop:hover,
.titlebar button.titlebutton.minimize:hover,
.titlebar button.titlebutton.minimize:backdrop:hover,
.csd .titlebar button.titlebutton.close:hover,
.csd .titlebar button.titlebutton.close:backdrop:hover,
.csd .titlebar button.titlebutton.maximize:hover,
.csd .titlebar button.titlebutton.maximize:backdrop:hover,
.csd .titlebar button.titlebutton.minimize:hover,
.csd .titlebar button.titlebutton.minimize:backdrop:hover,
.titlebar.default-decoration button.titlebutton.close:hover,
.titlebar.default-decoration button.titlebutton.close:backdrop:hover,
.titlebar.default-decoration button.titlebutton.maximize:hover,
.titlebar.default-decoration button.titlebutton.maximize:backdrop:hover,
.titlebar.default-decoration button.titlebutton.minimize:hover,
.titlebar.default-decoration button.titlebutton.minimize:backdrop:hover,
.csd .titlebar.default-decoration button.titlebutton.close:hover,
.csd .titlebar.default-decoration button.titlebutton.close:backdrop:hover,
.csd .titlebar.default-decoration button.titlebutton.maximize:hover,
.csd .titlebar.default-decoration button.titlebutton.maximize:backdrop:hover,
.csd .titlebar.default-decoration button.titlebutton.minimize:hover,
.csd .titlebar.default-decoration button.titlebutton.minimize:backdrop:hover {
color: transparent;
}
.solid-csd headerbar:not(.default-decoration) button.titlebutton.close:active,
.solid-csd
headerbar:not(.default-decoration)
button.titlebutton.maximize:active,
.solid-csd
headerbar:not(.default-decoration)
button.titlebutton.minimize:active,
.solid-csd headerbar:not(.default-decoration) button.titlebutton.close:checked,
.solid-csd
headerbar:not(.default-decoration)
button.titlebutton.maximize:checked,
.solid-csd
headerbar:not(.default-decoration)
button.titlebutton.minimize:checked,
.solid-csd
headerbar:not(.default-decoration)
button.titlebutton.close:backdrop:active,
.solid-csd
headerbar:not(.default-decoration)
button.titlebutton.maximize:backdrop:active,
.solid-csd
headerbar:not(.default-decoration)
button.titlebutton.minimize:backdrop:active,
.solid-csd
headerbar:not(.default-decoration)
button.titlebutton.close:backdrop:checked,
.solid-csd
headerbar:not(.default-decoration)
button.titlebutton.maximize:backdrop:checked,
.solid-csd
headerbar:not(.default-decoration)
button.titlebutton.minimize:backdrop:checked,
headerbar button.titlebutton.close:active,
headerbar button.titlebutton.close:checked,
headerbar button.titlebutton.close:backdrop:active,
headerbar button.titlebutton.close:backdrop:checked,
headerbar button.titlebutton.maximize:active,
headerbar button.titlebutton.maximize:checked,
headerbar button.titlebutton.maximize:backdrop:active,
headerbar button.titlebutton.maximize:backdrop:checked,
headerbar button.titlebutton.minimize:active,
headerbar button.titlebutton.minimize:checked,
headerbar button.titlebutton.minimize:backdrop:active,
headerbar button.titlebutton.minimize:backdrop:checked,
.csd headerbar button.titlebutton.close:active,
.csd headerbar button.titlebutton.close:checked,
.csd headerbar button.titlebutton.close:backdrop:active,
.csd headerbar button.titlebutton.close:backdrop:checked,
.csd headerbar button.titlebutton.maximize:active,
.csd headerbar button.titlebutton.maximize:checked,
.csd headerbar button.titlebutton.maximize:backdrop:active,
.csd headerbar button.titlebutton.maximize:backdrop:checked,
.csd headerbar button.titlebutton.minimize:active,
.csd headerbar button.titlebutton.minimize:checked,
.csd headerbar button.titlebutton.minimize:backdrop:active,
.csd headerbar button.titlebutton.minimize:backdrop:checked,
headerbar.default-decoration button.titlebutton.close:active,
headerbar.default-decoration button.titlebutton.close:checked,
headerbar.default-decoration button.titlebutton.close:backdrop:active,
headerbar.default-decoration button.titlebutton.close:backdrop:checked,
headerbar.default-decoration button.titlebutton.maximize:active,
headerbar.default-decoration button.titlebutton.maximize:checked,
headerbar.default-decoration button.titlebutton.maximize:backdrop:active,
headerbar.default-decoration button.titlebutton.maximize:backdrop:checked,
headerbar.default-decoration button.titlebutton.minimize:active,
headerbar.default-decoration button.titlebutton.minimize:checked,
headerbar.default-decoration button.titlebutton.minimize:backdrop:active,
headerbar.default-decoration button.titlebutton.minimize:backdrop:checked,
.csd headerbar.default-decoration button.titlebutton.close:active,
.csd headerbar.default-decoration button.titlebutton.close:checked,
.csd headerbar.default-decoration button.titlebutton.close:backdrop:active,
.csd headerbar.default-decoration button.titlebutton.close:backdrop:checked,
.csd headerbar.default-decoration button.titlebutton.maximize:active,
.csd headerbar.default-decoration button.titlebutton.maximize:checked,
.csd headerbar.default-decoration button.titlebutton.maximize:backdrop:active,
.csd headerbar.default-decoration button.titlebutton.maximize:backdrop:checked,
.csd headerbar.default-decoration button.titlebutton.minimize:active,
.csd headerbar.default-decoration button.titlebutton.minimize:checked,
.csd headerbar.default-decoration button.titlebutton.minimize:backdrop:active,
.csd headerbar.default-decoration button.titlebutton.minimize:backdrop:checked,
.titlebar button.titlebutton.close:active,
.titlebar button.titlebutton.close:checked,
.titlebar button.titlebutton.close:backdrop:active,
.titlebar button.titlebutton.close:backdrop:checked,
.titlebar button.titlebutton.maximize:active,
.titlebar button.titlebutton.maximize:checked,
.titlebar button.titlebutton.maximize:backdrop:active,
.titlebar button.titlebutton.maximize:backdrop:checked,
.titlebar button.titlebutton.minimize:active,
.titlebar button.titlebutton.minimize:checked,
.titlebar button.titlebutton.minimize:backdrop:active,
.titlebar button.titlebutton.minimize:backdrop:checked,
.csd .titlebar button.titlebutton.close:active,
.csd .titlebar button.titlebutton.close:checked,
.csd .titlebar button.titlebutton.close:backdrop:active,
.csd .titlebar button.titlebutton.close:backdrop:checked,
.csd .titlebar button.titlebutton.maximize:active,
.csd .titlebar button.titlebutton.maximize:checked,
.csd .titlebar button.titlebutton.maximize:backdrop:active,
.csd .titlebar button.titlebutton.maximize:backdrop:checked,
.csd .titlebar button.titlebutton.minimize:active,
.csd .titlebar button.titlebutton.minimize:checked,
.csd .titlebar button.titlebutton.minimize:backdrop:active,
.csd .titlebar button.titlebutton.minimize:backdrop:checked,
.titlebar.default-decoration button.titlebutton.close:active,
.titlebar.default-decoration button.titlebutton.close:checked,
.titlebar.default-decoration button.titlebutton.close:backdrop:active,
.titlebar.default-decoration button.titlebutton.close:backdrop:checked,
.titlebar.default-decoration button.titlebutton.maximize:active,
.titlebar.default-decoration button.titlebutton.maximize:checked,
.titlebar.default-decoration button.titlebutton.maximize:backdrop:active,
.titlebar.default-decoration button.titlebutton.maximize:backdrop:checked,
.titlebar.default-decoration button.titlebutton.minimize:active,
.titlebar.default-decoration button.titlebutton.minimize:checked,
.titlebar.default-decoration button.titlebutton.minimize:backdrop:active,
.titlebar.default-decoration button.titlebutton.minimize:backdrop:checked,
.csd .titlebar.default-decoration button.titlebutton.close:active,
.csd .titlebar.default-decoration button.titlebutton.close:checked,
.csd .titlebar.default-decoration button.titlebutton.close:backdrop:active,
.csd .titlebar.default-decoration button.titlebutton.close:backdrop:checked,
.csd .titlebar.default-decoration button.titlebutton.maximize:active,
.csd .titlebar.default-decoration button.titlebutton.maximize:checked,
.csd .titlebar.default-decoration button.titlebutton.maximize:backdrop:active,
.csd .titlebar.default-decoration button.titlebutton.maximize:backdrop:checked,
.csd .titlebar.default-decoration button.titlebutton.minimize:active,
.csd .titlebar.default-decoration button.titlebutton.minimize:checked,
.csd .titlebar.default-decoration button.titlebutton.minimize:backdrop:active,
.csd .titlebar.default-decoration button.titlebutton.minimize:backdrop:checked {
color: transparent;
}
.solid-csd headerbar:not(.default-decoration) button.titlebutton.close:backdrop,
.solid-csd
headerbar:not(.default-decoration)
button.titlebutton.maximize:backdrop,
.solid-csd
headerbar:not(.default-decoration)
button.titlebutton.minimize:backdrop,
headerbar button.titlebutton.close:backdrop,
headerbar button.titlebutton.maximize:backdrop,
headerbar button.titlebutton.minimize:backdrop,
.csd headerbar button.titlebutton.close:backdrop,
.csd headerbar button.titlebutton.maximize:backdrop,
.csd headerbar button.titlebutton.minimize:backdrop,
headerbar.default-decoration button.titlebutton.close:backdrop,
headerbar.default-decoration button.titlebutton.maximize:backdrop,
headerbar.default-decoration button.titlebutton.minimize:backdrop,
.csd headerbar.default-decoration button.titlebutton.close:backdrop,
.csd headerbar.default-decoration button.titlebutton.maximize:backdrop,
.csd headerbar.default-decoration button.titlebutton.minimize:backdrop,
.titlebar button.titlebutton.close:backdrop,
.titlebar button.titlebutton.maximize:backdrop,
.titlebar button.titlebutton.minimize:backdrop,
.csd .titlebar button.titlebutton.close:backdrop,
.csd .titlebar button.titlebutton.maximize:backdrop,
.csd .titlebar button.titlebutton.minimize:backdrop,
.titlebar.default-decoration button.titlebutton.close:backdrop,
.titlebar.default-decoration button.titlebutton.maximize:backdrop,
.titlebar.default-decoration button.titlebutton.minimize:backdrop,
.csd .titlebar.default-decoration button.titlebutton.close:backdrop,
.csd .titlebar.default-decoration button.titlebutton.maximize:backdrop,
.csd .titlebar.default-decoration button.titlebutton.minimize:backdrop {
color: transparent;
background-color: rgba(0, 0, 0, 0.12);
}
button.titlebutton image {
margin: -1px;
}
/* gtk4 */
/*********************
* GtkWindowControls *
*********************/
windowcontrols > button {
min-height: 12px;
min-width: 12px;
padding: 0px;
margin-left: 2px;
margin-right: 2px;
}
windowcontrols > button.minimize,
windowcontrols > button.maximize,
windowcontrols > button.close {
color: transparent;
background: none;
}
windowcontrols > button.minimize > image {
background-color: #fdbe04;
box-shadow: inset 0 -1px 0 0 alpha(white, 0.2),
inset 0 1px 0 0 alpha(white, 0.3), inset 1px 0 0 0 alpha(white, 0.07),
inset -1px 0 0 0 alpha(white, 0.07), 0 1px 3px rgba(0, 0, 0, 0.12),
0 1px 2px rgba(0, 0, 0, 0.24);
}
windowcontrols > button.minimize:hover > image {
padding: 3px;
margin-right: -1px;
margin-left: -1px;
}
windowcontrols > button.maximize > image {
background-color: #38c76a;
box-shadow: inset 0 -1px 0 0 alpha(white, 0.2),
inset 0 1px 0 0 alpha(white, 0.3), inset 1px 0 0 0 alpha(white, 0.07),
inset -1px 0 0 0 alpha(white, 0.07), 0 1px 3px rgba(0, 0, 0, 0.12),
0 1px 2px rgba(0, 0, 0, 0.24);
}
windowcontrols > button.maximize:hover > image {
padding: 3px;
margin-right: -1px;
margin-left: -1px;
}
windowcontrols > button.close > image {
background-color: #fd5f51;
box-shadow: inset 0 -1px 0 0 alpha(white, 0.2),
inset 0 1px 0 0 alpha(white, 0.3), inset 1px 0 0 0 alpha(white, 0.07),
inset -1px 0 0 0 alpha(white, 0.07), 0 1px 3px rgba(0, 0, 0, 0.12),
0 1px 2px rgba(0, 0, 0, 0.24);
}
windowcontrols > button.close:hover > image {
padding: 3px;
margin-right: -1px;
margin-left: -1px;
}
windowcontrols > button > image {
padding: 2px;
}
================================================
FILE: gtk/Tahoe-Dark/gtk-4.0/gtk.css
================================================
/* GTK NAMED COLORS ---------------- use responsibly! */
@define-color destructive_bg_color @red_4;
@define-color destructive_fg_color white;
@define-color success_bg_color @green_5;
@define-color success_fg_color white;
@define-color warning_bg_color #cd9309;
@define-color warning_fg_color RGB(0 0 0 / 80%);
@define-color error_bg_color @red_4;
@define-color error_fg_color white;
@define-color accent_color oklab(from @accent_bg_color max(l, 0.85) a b);
@define-color destructive_color oklab(from @destructive_bg_color max(l, 0.85) a b);
@define-color success_color oklab(from @success_bg_color max(l, 0.85) a b);
@define-color warning_color oklab(from @warning_bg_color max(l, 0.85) a b);
@define-color error_color oklab(from @error_bg_color max(l, 0.85) a b);
@define-color window_bg_color #222226;
@define-color window_fg_color white;
@define-color view_bg_color #1d1d20;
@define-color view_fg_color white;
@define-color headerbar_bg_color #2e2e32;
@define-color headerbar_fg_color white;
@define-color headerbar_border_color white;
@define-color headerbar_backdrop_color @window_bg_color;
@define-color headerbar_shade_color RGB(0 0 6/36%);
@define-color headerbar_darker_shade_color RGB(0 0 12/90%);
@define-color sidebar_bg_color #2e2e32;
@define-color sidebar_fg_color white;
@define-color sidebar_backdrop_color #28282c;
@define-color sidebar_shade_color RGB(0 0 6/25%);
@define-color sidebar_border_color RGB(0 0 6/36%);
@define-color secondary_sidebar_bg_color #28282c;
@define-color secondary_sidebar_fg_color white;
@define-color secondary_sidebar_backdrop_color #252529;
@define-color secondary_sidebar_shade_color RGB(0 0 6/25%);
@define-color secondary_sidebar_border_color RGB(0 0 6/36%);
@define-color card_bg_color RGB(255 255 255/8%);
@define-color card_fg_color white;
@define-color card_shade_color RGB(0 0 6/36%);
@define-color dialog_bg_color #36363a;
@define-color dialog_fg_color white;
@define-color popover_bg_color #36363a;
@define-color popover_fg_color white;
@define-color popover_shade_color RGB(0 0 6/25%);
@define-color thumbnail_bg_color #39393d;
@define-color thumbnail_fg_color white;
@define-color shade_color RGB(0 0 6/25%);
@define-color scrollbar_outline_color RGB(0 0 12/95%);
:root {
--standalone-color-oklab: max(l, 0.85) a b;
--accent-color: oklab(
from var(--accent-bg-color) var(--standalone-color-oklab)
);
--destructive-color: oklab(
from var(--destructive-bg-color) var(--standalone-color-oklab)
);
--success-color: oklab(
from var(--success-bg-color) var(--standalone-color-oklab)
);
--warning-color: oklab(
from var(--warning-bg-color) var(--standalone-color-oklab)
);
--error-color: oklab(
from var(--error-bg-color) var(--standalone-color-oklab)
);
--active-toggle-bg-color: rgb(255 255 255 / 20%);
--active-toggle-fg-color: #ffffff;
--overview-bg-color: #28282c;
--overview-fg-color: #ffffff;
}
@import '../gtk-3.0/libadwaita.css';
@import '../gtk-3.0/libadwaita-tweaks.css';
* {
border-radius: 20px;
}
window {
border-radius: 30px;
padding: 10px;
}
.maximized window {
border-radius: 0px;
padding: 10px;
}
window.maximized {
border-radius: 0px;
padding: 10px;
}
button {
border-radius: 9999px;
}
/* More customizations */
/* GTK3 */
button.titlebutton {
color: transparent;
min-width: 12px;
min-height: 12px;
padding: 0;
margin: 0 2px;
box-shadow: inset 0 -1px 0 0 alpha(white, 0.2),
inset 0 1px 0 0 alpha(white, 0.3), inset 1px 0 0 0 alpha(white, 0.07),
inset -1px 0 0 0 alpha(white, 0.07), 0 1px 3px rgba(0, 0, 0, 0.12),
0 1px 2px rgba(0, 0, 0, 0.24);
}
button.titlebutton:backdrop {
opacity: 0.5;
}
/*****************
* Title buttons *
*****************/
.raven .expander-button,
.raven .raven-header:not(.top) button.image-button,
widget > box.terminal-titlebar > button.image-button,
widget > box.terminal-titlebar > button.image-button.toggle,
.terminix-session-sidebar button.tilix-sidebar-close-button,
.tilix-session-sidebar button.tilix-sidebar-close-button,
.nemo-window toolbar.primary-toolbar > toolitem > box.raised > button,
.nemo-window toolbar.primary-toolbar > toolitem > box.linked.raised > button,
.nautilus-window headerbar > revealer > button,
.solid-csd headerbar:not(.default-decoration) button.titlebutton,
headerbar button.titlebutton,
.csd headerbar button.titlebutton,
.csd headerbar.default-decoration button.titlebutton,
.titlebar button.titlebutton,
.csd .titlebar button.titlebutton,
.titlebar.default-decoration button.titlebutton,
.csd .titlebar.default-decoration button.titlebutton,
row button.image-button,
check,
radio,
headerbar.default-decoration button.titlebutton,
headerbar button.suggested-action,
headerbar button.destructive-action,
headerbar button:not(.suggested-action):not(.destructive-action),
button.close,
button.circular {
border-radius: 9999px;
-gtk-outline-radius: 9999px;
}
button.image-button.toggle {
margin-right: -12px;
}
menubutton > button.image-button.toggle {
margin-right: -10px;
}
headerbar,
.titlebar {
margin-top: -1px;
padding: 0 12px 0 0;
}
.solid-csd headerbar:not(.default-decoration) button.titlebutton.close,
headerbar button.titlebutton.close,
.titlebar button.titlebutton.close {
min-width: 12px;
min-height: 12px;
padding: 0;
margin: 0 2px;
color: transparent;
background-color: rgba(0, 0, 0, 0.3);
background-color: rgb(255, 66, 69);
box-shadow: inset 0 -1px 0 0 alpha(white, 0.2),
inset 0 1px 0 0 alpha(white, 0.3), inset 1px 0 0 0 alpha(white, 0.07),
inset -1px 0 0 0 alpha(white, 0.07), 0 1px 3px rgba(0, 0, 0, 0.12),
0 1px 2px rgba(0, 0, 0, 0.24);
}
.solid-csd headerbar:not(.default-decoration) button.titlebutton.maximize,
headerbar button.titlebutton.maximize,
.titlebar button.titlebutton.maximize {
min-width: 12px;
min-height: 12px;
padding: 0;
margin: 0 2px;
color: transparent;
background-color: rgba(0, 0, 0, 0.3);
background-color: rgb(48, 209, 88);
box-shadow: inset 0 -1px 0 0 alpha(white, 0.2),
inset 0 1px 0 0 alpha(white, 0.3), inset 1px 0 0 0 alpha(white, 0.07),
inset -1px 0 0 0 alpha(white, 0.07), 0 1px 3px rgba(0, 0, 0, 0.12),
0 1px 2px rgba(0, 0, 0, 0.24);
}
.solid-csd headerbar:not(.default-decoration) button.titlebutton.minimize,
headerbar button.titlebutton.minimize,
.titlebar button.titlebutton.minimize {
min-width: 12px;
min-height: 12px;
padding: 0;
margin: 0 2px;
color: transparent;
background-color: rgba(0, 0, 0, 0.3);
background-color: rgb(255, 214, 0);
box-shadow: inset 0 -1px 0 0 alpha(white, 0.2),
inset 0 1px 0 0 alpha(white, 0.3), inset 1px 0 0 0 alpha(white, 0.07),
inset -1px 0 0 0 alpha(white, 0.07), 0 1px 3px rgba(0, 0, 0, 0.12),
0 1px 2px rgba(0, 0, 0, 0.24);
}
#MozillaGtkWidget.background
headerbar.titlebar.default-decoration
button.titlebutton.close:hover,
.solid-csd headerbar:not(.default-decoration) button.titlebutton.close:hover,
headerbar button.titlebutton.close:hover,
.csd headerbar button.titlebutton.close:hover,
headerbar.default-decoration button.titlebutton.close:hover,
.csd headerbar.default-decoration button.titlebutton.close:hover,
.titlebar button.titlebutton.close:hover,
.csd .titlebar button.titlebutton.close:hover,
.titlebar.default-decoration button.titlebutton.close:hover,
.csd .titlebar.default-decoration button.titlebutton.close:hover {
padding: 2px;
margin: -2px 0;
background-color: #f25056;
color: rgba(255, 255, 255, 0.7);
box-shadow: inset 0 -1px 0 0 alpha(white, 0.2),
inset 0 1px 0 0 alpha(white, 0.3), inset 1px 0 0 0 alpha(white, 0.07),
inset -1px 0 0 0 alpha(white, 0.07), 0 1px 3px rgba(0, 0, 0, 0.12),
0 1px 2px rgba(0, 0, 0, 0.24);
}
#MozillaGtkWidget.background
headerbar.titlebar.default-decoration
button.titlebutton.maximize:hover,
.solid-csd headerbar:not(.default-decoration) button.titlebutton.maximize:hover,
headerbar button.titlebutton.maximize:hover,
.csd headerbar button.titlebutton.maximize:hover,
headerbar.default-decoration button.titlebutton.maximize:hover,
.csd headerbar.default-decoration button.titlebutton.maximize:hover,
.titlebar button.titlebutton.maximize:hover,
.csd .titlebar button.titlebutton.maximize:hover,
.titlebar.default-decoration button.titlebutton.maximize:hover,
.csd .titlebar.default-decoration button.titlebutton.maximize:hover {
padding: 2px;
margin: -2px 0;
background-color: #39ea49;
color: rgba(255, 255, 255, 0.7);
box-shadow: inset 0 -1px 0 0 alpha(white, 0.2),
inset 0 1px 0 0 alpha(white, 0.3), inset 1px 0 0 0 alpha(white, 0.07),
inset -1px 0 0 0 alpha(white, 0.07), 0 1px 3px rgba(0, 0, 0, 0.12),
0 1px 2px rgba(0, 0, 0, 0.24);
}
#MozillaGtkWidget.background
headerbar.titlebar.default-decoration
button.titlebutton.minimize:hover,
.solid-csd headerbar:not(.default-decoration) button.titlebutton.minimize:hover,
headerbar button.titlebutton.minimize:hover,
.csd headerbar button.titlebutton.minimize:hover,
headerbar.default-decoration button.titlebutton.minimize:hover,
.csd headerbar.default-decoration button.titlebutton.minimize:hover,
.titlebar button.titlebutton.minimize:hover,
.csd .titlebar button.titlebutton.minimize:hover,
.titlebar.default-decoration button.titlebutton.minimize:hover,
.csd .titlebar.default-decoration button.titlebutton.minimize:hover {
padding: 2px;
margin: -2px 0;
background-color: #fac536;
color: rgba(255, 255, 255, 0.7);
box-shadow: inset 0 -1px 0 0 alpha(white, 0.2),
inset 0 1px 0 0 alpha(white, 0.3), inset 1px 0 0 0 alpha(white, 0.07),
inset -1px 0 0 0 alpha(white, 0.07), 0 1px 3px rgba(0, 0, 0, 0.12),
0 1px 2px rgba(0, 0, 0, 0.24);
}
.solid-csd headerbar:not(.default-decoration) button.titlebutton.close:hover,
.solid-csd headerbar:not(.default-decoration) button.titlebutton.maximize:hover,
.solid-csd headerbar:not(.default-decoration) button.titlebutton.minimize:hover,
headerbar button.titlebutton.close:hover,
headerbar button.titlebutton.close:backdrop:hover,
headerbar button.titlebutton.maximize:hover,
headerbar button.titlebutton.maximize:backdrop:hover,
headerbar button.titlebutton.minimize:hover,
headerbar button.titlebutton.minimize:backdrop:hover,
.csd headerbar button.titlebutton.close:hover,
.csd headerbar button.titlebutton.close:backdrop:hover,
.csd headerbar button.titlebutton.maximize:hover,
.csd headerbar button.titlebutton.maximize:backdrop:hover,
.csd headerbar button.titlebutton.minimize:hover,
.csd headerbar button.titlebutton.minimize:backdrop:hover,
headerbar.default-decoration button.titlebutton.close:hover,
headerbar.default-decoration button.titlebutton.close:backdrop:hover,
headerbar.default-decoration button.titlebutton.maximize:hover,
headerbar.default-decoration button.titlebutton.maximize:backdrop:hover,
headerbar.default-decoration button.titlebutton.minimize:hover,
headerbar.default-decoration button.titlebutton.minimize:backdrop:hover,
.csd headerbar.default-decoration button.titlebutton.close:hover,
.csd headerbar.default-decoration button.titlebutton.close:backdrop:hover,
.csd headerbar.default-decoration button.titlebutton.maximize:hover,
.csd headerbar.default-decoration button.titlebutton.maximize:backdrop:hover,
.csd headerbar.default-decoration button.titlebutton.minimize:hover,
.csd headerbar.default-decoration button.titlebutton.minimize:backdrop:hover,
.titlebar button.titlebutton.close:hover,
.titlebar button.titlebutton.close:backdrop:hover,
.titlebar button.titlebutton.maximize:hover,
.titlebar button.titlebutton.maximize:backdrop:hover,
.titlebar button.titlebutton.minimize:hover,
.titlebar button.titlebutton.minimize:backdrop:hover,
.csd .titlebar button.titlebutton.close:hover,
.csd .titlebar button.titlebutton.close:backdrop:hover,
.csd .titlebar button.titlebutton.maximize:hover,
.csd .titlebar button.titlebutton.maximize:backdrop:hover,
.csd .titlebar button.titlebutton.minimize:hover,
.csd .titlebar button.titlebutton.minimize:backdrop:hover,
.titlebar.default-decoration button.titlebutton.close:hover,
.titlebar.default-decoration button.titlebutton.close:backdrop:hover,
.titlebar.default-decoration button.titlebutton.maximize:hover,
.titlebar.default-decoration button.titlebutton.maximize:backdrop:hover,
.titlebar.default-decoration button.titlebutton.minimize:hover,
.titlebar.default-decoration button.titlebutton.minimize:backdrop:hover,
.csd .titlebar.default-decoration button.titlebutton.close:hover,
.csd .titlebar.default-decoration button.titlebutton.close:backdrop:hover,
.csd .titlebar.default-decoration button.titlebutton.maximize:hover,
.csd .titlebar.default-decoration button.titlebutton.maximize:backdrop:hover,
.csd .titlebar.default-decoration button.titlebutton.minimize:hover,
.csd .titlebar.default-decoration button.titlebutton.minimize:backdrop:hover {
color: transparent;
}
.solid-csd headerbar:not(.default-decoration) button.titlebutton.close:active,
.solid-csd
headerbar:not(.default-decoration)
button.titlebutton.maximize:active,
.solid-csd
headerbar:not(.default-decoration)
button.titlebutton.minimize:active,
.solid-csd headerbar:not(.default-decoration) button.titlebutton.close:checked,
.solid-csd
headerbar:not(.default-decoration)
button.titlebutton.maximize:checked,
.solid-csd
headerbar:not(.default-decoration)
button.titlebutton.minimize:checked,
.solid-csd
headerbar:not(.default-decoration)
button.titlebutton.close:backdrop:active,
.solid-csd
headerbar:not(.default-decoration)
button.titlebutton.maximize:backdrop:active,
.solid-csd
headerbar:not(.default-decoration)
button.titlebutton.minimize:backdrop:active,
.solid-csd
headerbar:not(.default-decoration)
button.titlebutton.close:backdrop:checked,
.solid-csd
headerbar:not(.default-decoration)
button.titlebutton.maximize:backdrop:checked,
.solid-csd
headerbar:not(.default-decoration)
button.titlebutton.minimize:backdrop:checked,
headerbar button.titlebutton.close:active,
headerbar button.titlebutton.close:checked,
headerbar button.titlebutton.close:backdrop:active,
headerbar button.titlebutton.close:backdrop:checked,
headerbar button.titlebutton.maximize:active,
headerbar button.titlebutton.maximize:checked,
headerbar button.titlebutton.maximize:backdrop:active,
headerbar button.titlebutton.maximize:backdrop:checked,
headerbar button.titlebutton.minimize:active,
headerbar button.titlebutton.minimize:checked,
headerbar button.titlebutton.minimize:backdrop:active,
headerbar button.titlebutton.minimize:backdrop:checked,
.csd headerbar button.titlebutton.close:active,
.csd headerbar button.titlebutton.close:checked,
.csd headerbar button.titlebutton.close:backdrop:active,
.csd headerbar button.titlebutton.close:backdrop:checked,
.csd headerbar button.titlebutton.maximize:active,
.csd headerbar button.titlebutton.maximize:checked,
.csd headerbar button.titlebutton.maximize:backdrop:active,
.csd headerbar button.titlebutton.maximize:backdrop:checked,
.csd headerbar button.titlebutton.minimize:active,
.csd headerbar button.titlebutton.minimize:checked,
.csd headerbar button.titlebutton.minimize:backdrop:active,
.csd headerbar button.titlebutton.minimize:backdrop:checked,
headerbar.default-decoration button.titlebutton.close:active,
headerbar.default-decoration button.titlebutton.close:checked,
headerbar.default-decoration button.titlebutton.close:backdrop:active,
headerbar.default-decoration button.titlebutton.close:backdrop:checked,
headerbar.default-decoration button.titlebutton.maximize:active,
headerbar.default-decoration button.titlebutton.maximize:checked,
headerbar.default-decoration button.titlebutton.maximize:backdrop:active,
headerbar.default-decoration button.titlebutton.maximize:backdrop:checked,
headerbar.default-decoration button.titlebutton.minimize:active,
headerbar.default-decoration button.titlebutton.minimize:checked,
headerbar.default-decoration button.titlebutton.minimize:backdrop:active,
headerbar.default-decoration button.titlebutton.minimize:backdrop:checked,
.csd headerbar.default-decoration button.titlebutton.close:active,
.csd headerbar.default-decoration button.titlebutton.close:checked,
.csd headerbar.default-decoration button.titlebutton.close:backdrop:active,
.csd headerbar.default-decoration button.titlebutton.close:backdrop:checked,
.csd headerbar.default-decoration button.titlebutton.maximize:active,
.csd headerbar.default-decoration button.titlebutton.maximize:checked,
.csd headerbar.default-decoration button.titlebutton.maximize:backdrop:active,
.csd headerbar.default-decoration button.titlebutton.maximize:backdrop:checked,
.csd headerbar.default-decoration button.titlebutton.minimize:active,
.csd headerbar.default-decoration button.titlebutton.minimize:checked,
.csd headerbar.default-decoration button.titlebutton.minimize:backdrop:active,
.csd headerbar.default-decoration button.titlebutton.minimize:backdrop:checked,
.titlebar button.titlebutton.close:active,
.titlebar button.titlebutton.close:checked,
.titlebar button.titlebutton.close:backdrop:active,
.titlebar button.titlebutton.close:backdrop:checked,
.titlebar button.titlebutton.maximize:active,
.titlebar button.titlebutton.maximize:checked,
.titlebar button.titlebutton.maximize:backdrop:active,
.titlebar button.titlebutton.maximize:backdrop:checked,
.titlebar button.titlebutton.minimize:active,
.titlebar button.titlebutton.minimize:checked,
.titlebar button.titlebutton.minimize:backdrop:active,
.titlebar button.titlebutton.minimize:backdrop:checked,
.csd .titlebar button.titlebutton.close:active,
.csd .titlebar button.titlebutton.close:checked,
.csd .titlebar button.titlebutton.close:backdrop:active,
.csd .titlebar button.titlebutton.close:backdrop:checked,
.csd .titlebar button.titlebutton.maximize:active,
.csd .titlebar button.titlebutton.maximize:checked,
.csd .titlebar button.titlebutton.maximize:backdrop:active,
.csd .titlebar button.titlebutton.maximize:backdrop:checked,
.csd .titlebar button.titlebutton.minimize:active,
.csd .titlebar button.titlebutton.minimize:checked,
.csd .titlebar button.titlebutton.minimize:backdrop:active,
.csd .titlebar button.titlebutton.minimize:backdrop:checked,
.titlebar.default-decoration button.titlebutton.close:active,
.titlebar.default-decoration button.titlebutton.close:checked,
.titlebar.default-decoration button.titlebutton.close:backdrop:active,
.titlebar.default-decoration button.titlebutton.close:backdrop:checked,
.titlebar.default-decoration button.titlebutton.maximize:active,
.titlebar.default-decoration button.titlebutton.maximize:checked,
.titlebar.default-decoration button.titlebutton.maximize:backdrop:active,
.titlebar.default-decoration button.titlebutton.maximize:backdrop:checked,
.titlebar.default-decoration button.titlebutton.minimize:active,
.titlebar.default-decoration button.titlebutton.minimize:checked,
.titlebar.default-decoration button.titlebutton.minimize:backdrop:active,
.titlebar.default-decoration button.titlebutton.minimize:backdrop:checked,
.csd .titlebar.default-decoration button.titlebutton.close:active,
.csd .titlebar.default-decoration button.titlebutton.close:checked,
.csd .titlebar.default-decoration button.titlebutton.close:backdrop:active,
.csd .titlebar.default-decoration button.titlebutton.close:backdrop:checked,
.csd .titlebar.default-decoration button.titlebutton.maximize:active,
.csd .titlebar.default-decoration button.titlebutton.maximize:checked,
.csd .titlebar.default-decoration button.titlebutton.maximize:backdrop:active,
.csd .titlebar.default-decoration button.titlebutton.maximize:backdrop:checked,
.csd .titlebar.default-decoration button.titlebutton.minimize:active,
.csd .titlebar.default-decoration button.titlebutton.minimize:checked,
.csd .titlebar.default-decoration button.titlebutton.minimize:backdrop:active,
.csd .titlebar.default-decoration button.titlebutton.minimize:backdrop:checked {
color: transparent;
}
.solid-csd headerbar:not(.default-decoration) button.titlebutton.close:backdrop,
.solid-csd
headerbar:not(.default-decoration)
button.titlebutton.maximize:backdrop,
.solid-csd
headerbar:not(.default-decoration)
button.titlebutton.minimize:backdrop,
headerbar button.titlebutton.close:backdrop,
headerbar button.titlebutton.maximize:backdrop,
headerbar button.titlebutton.minimize:backdrop,
.csd headerbar button.titlebutton.close:backdrop,
.csd headerbar button.titlebutton.maximize:backdrop,
.csd headerbar button.titlebutton.minimize:backdrop,
headerbar.default-decoration button.titlebutton.close:backdrop,
headerbar.default-decoration button.titlebutton.maximize:backdrop,
headerbar.default-decoration button.titlebutton.minimize:backdrop,
.csd headerbar.default-decoration button.titlebutton.close:backdrop,
.csd headerbar.default-decoration button.titlebutton.maximize:backdrop,
.csd headerbar.default-decoration button.titlebutton.minimize:backdrop,
.titlebar button.titlebutton.close:backdrop,
.titlebar button.titlebutton.maximize:backdrop,
.titlebar button.titlebutton.minimize:backdrop,
.csd .titlebar button.titlebutton.close:backdrop,
.csd .titlebar button.titlebutton.maximize:backdrop,
.csd .titlebar button.titlebutton.minimize:backdrop,
.titlebar.default-decoration button.titlebutton.close:backdrop,
.titlebar.default-decoration button.titlebutton.maximize:backdrop,
.titlebar.default-decoration button.titlebutton.minimize:backdrop,
.csd .titlebar.default-decoration button.titlebutton.close:backdrop,
.csd .titlebar.default-decoration button.titlebutton.maximize:backdrop,
.csd .titlebar.default-decoration button.titlebutton.minimize:backdrop {
color: transparent;
background-color: rgba(0, 0, 0, 0.12);
}
button.titlebutton image {
margin: -1px;
}
/* gtk4 */
/*********************
* GtkWindowControls *
*********************/
windowcontrols > button {
min-height: 12px;
min-width: 12px;
padding: 0px;
margin-left: 2px;
margin-right: 2px;
}
windowcontrols > button.minimize,
windowcontrols > button.maximize,
windowcontrols > button.close {
color: transparent;
background: none;
}
windowcontrols.end > button.minimize > image {
background-color: #38c76a;
box-shadow: inset 0 -1px 0 0 alpha(white, 0.2),
inset 0 1px 0 0 alpha(white, 0.3), inset 1px 0 0 0 alpha(white, 0.07),
inset -1px 0 0 0 alpha(white, 0.07), 0 1px 3px rgba(0, 0, 0, 0.12),
0 1px 2px rgba(0, 0, 0, 0.24);
}
windowcontrols.start > button.minimize > image {
background-color: #fdbe04;
box-shadow: inset 0 -1px 0 0 alpha(white, 0.2),
inset 0 1px 0 0 alpha(white, 0.3), inset 1px 0 0 0 alpha(white, 0.07),
inset -1px 0 0 0 alpha(white, 0.07), 0 1px 3px rgba(0, 0, 0, 0.12),
0 1px 2px rgba(0, 0, 0, 0.24);
}
windowcontrols.end > button.minimize > image {
margin-left: 12px;
}
windowcontrols.end > button.minimize > image:hover {
background-color: rgba(56, 199, 106, 0.85);
}
windowcontrols.start > button.minimize > image:hover {
background-color: rgba(253, 190, 4, 0.85);
}
windowcontrols.end > button.maximize > image {
background-color: #fdbe04;
box-shadow: inset 0 -1px 0 0 alpha(white, 0.2),
inset 0 1px 0 0 alpha(white, 0.3), inset 1px 0 0 0 alpha(white, 0.07),
inset -1px 0 0 0 alpha(white, 0.07), 0 1px 3px rgba(0, 0, 0, 0.12),
0 1px 2px rgba(0, 0, 0, 0.24);
}
windowcontrols.start > button.maximize > image {
background-color: #38c76a;
box-shadow: inset 0 -1px 0 0 alpha(white, 0.2),
inset 0 1px 0 0 alpha(white, 0.3), inset 1px 0 0 0 alpha(white, 0.07),
inset -1px 0 0 0 alpha(white, 0.07), 0 1px 3px rgba(0, 0, 0, 0.12),
0 1px 2px rgba(0, 0, 0, 0.24);
}
windowcontrols.end > button.maximize > image:hover {
background-color: rgba(253, 190, 4, 0.85);
}
windowcontrols.start > button.maximize > image:hover {
background-color: rgba(56, 199, 106, 0.85);
}
windowcontrols > button.close > image {
background-color: #fd5f51;
box-shadow: inset 0 -1px 0 0 alpha(white, 0.2),
inset 0 1px 0 0 alpha(white, 0.3), inset 1px 0 0 0 alpha(white, 0.07),
inset -1px 0 0 0 alpha(white, 0.07), 0 1px 3px rgba(0, 0, 0, 0.12),
0 1px 2px rgba(0, 0, 0, 0.24);
}
windowcontrols > button.close > image:hover {
background-color: rgba(253, 95, 81, 0.85);
}
windowcontrols > button > image {
padding: 0.4px;
}
windowcontrols {
margin-right: -6px;
max-width: 12px;
max-height: 12px;
}
/*********************
* Text Editor *
*********************/
tabbox {
background-color: rgba(255, 255, 255, 0.05);
border-radius: 24px;
margin: 2px 4px 2px 0px;
box-shadow: none;
}
textview.editor {
border-radius: 30px;
margin-top: 10px;
background-color: rgba(0, 0, 0, 0.2);
box-shadow: inset 2px 2px 4px -2.8px rgba(255, 255, 255, 0.6),
inset -2px -2px 4px -2.8px rgba(255, 255, 255, 0.6);
}
textview.editor > border.left > gutter,
textview.editor > border.left,
revealer.bottom-bar.raised,
positionlabel.bottom.numeric.right {
background-color: rgba(0, 0, 0, 0);
}
revealer.bottom-bar.raised,
revealer.top-bar.raised {
border: none;
box-shadow: none;
}
separator.vertical {
opacity: 0;
}
list.boxed-list > row.property,
list.boxed-list > row.activatable.combo,
list.boxed-list > row.activatable {
border-bottom-color: rgba(0, 0, 0, 0.2);
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
widget.end.sidebar-pane,
widget.end.sidebar-pane > widget,
widget.end.sidebar-pane > widget > preferencespage {
border-radius: 30px;
}
widget.end.sidebar-pane > widget,
widget.end.sidebar-pane > widget > preferencespage {
margin-top: -14px;
margin-bottom: -14px;
}
widget.end.sidebar-pane {
margin-top: 10px;
margin-left: 10px;
}
/*
.collapse-spacing.vertical {
background-color: rgba(0, 0, 0, 0);
background-image: linear-gradient(
to bottom,
rgba(255, 255, 255, 0.1),
rgba(255, 255, 255, 0.03)
);
box-shadow: inset 2px 2px 4px -3px rgba(255, 255, 255, 0.6),
inset -2px -2px 4px -3px rgba(255, 255, 255, 0.6);
}
*/
/*********************
* Nautilus *
*********************/
widget#NautilusViewCell {
border-radius: 0px;
}
widget#NautilusViewCell
> box.horizontal
> box.horizontal
> box.vertical
> picture {
border-radius: 0px;
}
widget#NautilusViewCell > box.horizontal > box.horizontal > box.vertical {
border-radius: 0px;
}
window.filechooser > gridview.view,
window.filechooser > list.navigation-sidebar {
background-color: transparent;
}
gridview.view picture.thumbnail {
border-radius: 16px;
border: none;
border-color: rgba(255, 255, 255, 0);
box-shadow: none;
background-color: transparent;
}
.nautilus-window headerbar > revealer.top-bar,
overlay-split-view.view,
statuspage.view,
window#NautilusAppChooser > headerbar.titlebar,
box.vertical > banner > revealer > widget {
background-color: rgba(0, 0, 0, 0);
}
.sidebar-pane {
background-color: transparent;
background-image: linear-gradient(
to bottom,
rgba(255, 255, 255, 0.1),
rgba(255, 255, 255, 0.03)
);
box-shadow: inset 2px 2px 4px -3px rgba(255, 255, 255, 0.6),
inset -2px -2px 4px -3px rgba(255, 255, 255, 0.6);
}
window {
background-color: rgba(0, 0, 0, 0.6);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2),
inset 0 -1px 0 rgba(255, 255, 255, 0.05);
}
#NautilusFileChooser.background {
background-color: rgba(0, 0, 0, 0.6);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2),
inset 0 -1px 0 rgba(255, 255, 255, 0.05);
}
window#NautilusFileChooser > button.default.pill {
margin-right: 10px;
}
window#NautilusFileChooser > revealer.bottom-bar {
margin-left: 10px;
}
#NautilusPathBar {
background-color: rgba(0, 0, 0, 0);
background-image: linear-gradient(
to bottom,
rgba(255, 255, 255, 0.1),
rgba(255, 255, 255, 0.03)
);
box-shadow: inset 2px 2px 4px -2.8px rgba(255, 255, 255, 0.6),
inset -2px -2px 4px -2.8px rgba(255, 255, 255, 0.6);
}
entry {
background-color: rgba(0, 0, 0, 0);
background-image: linear-gradient(
to bottom,
rgba(255, 255, 255, 0.1),
rgba(255, 255, 255, 0.03)
);
box-shadow: inset 2px 2px 4px -3px rgba(255, 255, 255, 0.6),
inset -2px -2px 4px -3px rgba(255, 255, 255, 0.6);
}
window#NautilusAppChooser > separator.horizontal {
opacity: 0;
}
window#NautilusAppChooser
> box.dialog-vbox
> box.vertical
> scrolledwindow.background {
background-color: rgba(0, 0, 0, 0);
}
window#NautilusAppChooser > scrolledwindow.background {
border: none;
}
list.background {
background-color: rgba(0, 0, 0, 0);
background-image: linear-gradient(
to bottom,
rgba(255, 255, 255, 0.1),
rgba(255, 255, 255, 0.03)
);
box-shadow: inset 2px 2px 4px -3.2px rgba(255, 255, 255, 0.6),
inset -2px -2px 4px -3.2px rgba(255, 255, 255, 0.6);
margin-top: 10px;
}
/* This removes selection color of sidebar
row.activatable {
background-color: rgba(0, 0, 0, 0);
}
*/
sheet.background {
background-color: rgba(0, 0, 0, 0.92);
background-image: linear-gradient(
to bottom,
rgba(255, 255, 255, 0.1),
rgba(255, 255, 255, 0.03)
);
}
button.suggested-action.text-button {
margin-right: -10px;
}
box.bottom.floating-bar {
background-color: rgba(0, 0, 0, 0.6);
box-shadow: inset 2px 2px 2px -2.8px rgba(255, 255, 255, 0.8),
inset -2px -2px 2px -2.8px rgba(255, 255, 255, 0.8);
}
/*
row.activatable.entry {
background-color: rgba(0, 0, 0, 0);
background-image: linear-gradient(
to bottom,
rgba(255, 255, 255, 0.1),
rgba(255, 255, 255, 0.03)
);
box-shadow: inset 2px 2px 4px -3.2px rgba(255, 255, 255, 0.6),
inset -2px -2px 4px -3.2px rgba(255, 255, 255, 0.6);
}
toolbarview.undershoot-top {
background-color: rgba(0, 0, 0, 0);
background-image: linear-gradient(
to bottom,
rgba(255, 255, 255, 0.1),
rgba(255, 255, 255, 0.03)
);
box-shadow: inset 2px 2px 4px -3.2px rgba(255, 255, 255, 0.6),
inset -2px -2px 4px -3.2px rgba(255, 255, 255, 0.6);
}
*/
/*********************
* General *
*********************/
viewswitcher.wide {
background-color: rgba(255, 255, 255, 0.1);
border-radius: 9999px;
}
viewswitcher.wide > button {
margin: 2px;
}
switch:checked {
background-color: rgb(48, 209, 88);
}
switch > slider,
scale.horizontal > trough > slider {
background-color: white;
min-width: 26px;
}
scale.marks-after > trough > slider {
background-color: white;
transform: rotate(0deg);
}
switch > slider,
scale.horizontal > trough > slider,
scale.marks-after > trough > slider {
transition: transform 200ms cubic-bezier(0.15, 0.5, 0.3, 0.95),
background-color 150ms ease-in-out;
}
switch > slider:active {
transform: scale(1.8);
background-color: rgba(255, 255, 255, 0);
box-shadow: inset 1.2px 0px 2px -0.2px rgba(48, 209, 88, 0.8),
inset -0.8px 0.8px 2px -0.2px rgba(255, 255, 255, 0.6);
}
scale.horizontal > trough > slider:active,
scale.marks-after > trough > slider:active {
transform: scale(1.28);
background-color: rgba(255, 255, 255, 0);
box-shadow: inset 1.2px 0px 2px -0.2px rgba(0, 145, 255, 0.8),
inset -0.8px 0.8px 2px -0.2px rgba(255, 255, 255, 0.6);
}
window > tooltip.background {
box-shadow: inset 2px 2px 2px -2.8px rgba(255, 255, 255, 0.8),
inset -2px -2px 2px -2.8px rgba(255, 255, 255, 0.8);
}
popover > contents {
background-color: rgba(0, 0, 0, 0.92);
background-image: linear-gradient(
to bottom,
rgba(255, 255, 255, 0.1),
rgba(255, 255, 255, 0.03)
);
}
popover > arrow {
background-color: rgba(0, 0, 0, 0.92);
background-image: linear-gradient(
to bottom,
rgba(255, 255, 255, 0.1),
rgba(255, 255, 255, 0.03)
);
}
.raised.top-bar,
window > windowhandle,
window > headerbar.titlebar {
background-color: rgba(0, 0, 0, 0);
border: none;
}
widget.content-pane {
background-color: rgba(0, 0, 0, 0);
border-radius: 30px;
}
box.vertical,
stack.view,
calendar-view,
navigation-view-page > toolbarview.undershoot-top.view {
background-color: rgba(0, 0, 0, 0);
}
stack.drop-widget,
stack.drop-widget > revealer,
widget.background,
widget.content-pane > lpdragoverlay > revealer,
widget.content-pane > lpdragoverlay {
border-radius: 30px;
}
/*********************
* Tweaks *
*********************/
.tweak-titlebar-left,
.tweak-titlebar-right {
background-color: rgba(0, 0, 0, 0);
border: none;
border-top-color: rgba(0, 0, 0, 0);
border-right-color: rgba(0, 0, 0, 0);
border-bottom-color: rgba(0, 0, 0, 0);
border-left-color: rgba(0, 0, 0, 0);
box-shadow: none;
}
.tweak-titlebar-left > box,
.tweak-titlebar-right > box {
background-color: rgba(0, 0, 0, 0);
border: none;
border-top-color: rgba(0, 0, 0, 0);
border-right-color: rgba(0, 0, 0, 0);
border-bottom-color: rgba(0, 0, 0, 0);
border-left-color: rgba(0, 0, 0, 0);
box-shadow: none;
}
box {
border: none;
border-top-color: rgba(0, 0, 0, 0);
border-right-color: rgba(0, 0, 0, 0);
border-bottom-color: rgba(0, 0, 0, 0);
border-left-color: rgba(0, 0, 0, 0);
box-shadow: none;
}
stack.background {
background-color: rgba(0, 0, 0, 0);
}
box.split-row.vertical {
border-radius: 0;
border-bottom-color: rgba(0, 0, 0, 0, 0.2);
}
leaflet.unfolded > separator.horizontal {
opacity: 0;
}
leaflet.unfolded > box.vertical list.navigation-sidebar {
background-color: transparent;
background-image: linear-gradient(
to bottom,
rgba(255, 255, 255, 0.1),
rgba(255, 255, 255, 0.03)
);
box-shadow: inset 2px 2px 4px -3px rgba(255, 255, 255, 0.6),
inset -2px -2px 4px -3px rgba(255, 255, 255, 0.6);
}
leaflet.unfolded > box.vertical > searchbar box {
background-color: transparent;
}
/*********************
* weather *
*********************/
scrolledwindow.card.forecast-card {
margin-left: 12px;
margin-right: 12px;
}
monthcell:hover {
background-color: rgba(255, 255, 255, 0.1);
}
/*********************
* Mission Center *
*********************/
columnview.rich-list.view {
background-color: rgba(0, 0, 0, 0);
background-image: linear-gradient(
to bottom,
rgba(255, 255, 255, 0.1),
rgba(255, 255, 255, 0.03)
);
box-shadow: inset 2px 2px 4px -2.8px rgba(255, 255, 255, 0.6),
inset -2px -2px 4px -2.8px rgba(255, 255, 255, 0.6);
}
/*
toolbarview.undershoot-top {
background-color: rgba(0, 0, 0, 0);
background-image: linear-gradient(
to bottom,
rgba(255, 255, 255, 0.1),
rgba(255, 255, 255, 0.03)
);
box-shadow: inset 2px 2px 4px -3.2px rgba(255, 255, 255, 0.6),
inset -2px -2px 4px -3.2px rgba(255, 255, 255, 0.6);
}
*/
/*********************
* Photos APP *
*********************/
/*
revealer.bottom-bar {
border-radius: 9999px;
background-color: rgba(0, 0, 0, 0);
background-image: linear-gradient(
to bottom,
rgba(255, 255, 255, 0.1),
rgba(255, 255, 255, 0.03)
);
box-shadow: inset 2px 2px 4px -3.2px rgba(255, 255, 255, 0.6),
inset -2px -2px 4px -3.2px rgba(255, 255, 255, 0.6);
}
*/
/*********************
* Photos APP *
*********************/
row.expander,
row.expander > row.activatable.header {
border-radius: 0;
border-bottom-color: rgba(255, 255, 255, 0.2);
}
/*********************
* Settings *
*********************/
button.background-preview-button.toggle:checked {
border-radius: 30px;
}
button.background-preview-button.toggle > background-preview > picture {
border-radius: 28px;
}
/*********************
* Extensions *
*********************/
header.horizontal.top > tabs > tab:checked,
header.horizontal.top > tabs > tab:hover {
box-shadow: none;
background-color: rgba(255, 255, 255, 0.15);
}
header.horizontal.top > tabs > tab {
margin-left: -4px;
margin-right: 8px;
}
notebook.frame > stack {
background-color: transparent;
}
notebook.frame > stack > list {
background-color: rgba(255, 255, 255, 0.6);
}
/*********************
* Cartridges *
*********************/
overlay.large > button#cover_button {
border-radius: 20px;
min-width: 22px;
}
overlay.large
> revealer.right.top
> menubutton.circular.osd.popup
button.image-button.toggle {
margin-right: 1px;
}
/*********************
* Dissent *
*********************/
notebook.login-methods > header.horizontal.top {
border: none;
padding-bottom: 12px;
}
notebook.login-methods > stack {
background-color: transparent;
padding-bottom: 12px;
}
headerbar.login-page-header,
headerbar.login-page-header > windowhandle {
background-color: transparent;
border: 0px solid rgba(0, 0, 0, 0);
}
picture.onlineimage.thumbnail-embed-image,
button.flat.thumbnail-embed {
border-radius: 20px;
}
window headerbar {
background-color: transparent;
}
overlay-split-vew.window-chatpage
> widget.sidebar-pane
> box.horizontal.sidebar-sidebar
> box.sidebar-guildside.vertical
> windowcontrols.start {
margin-top: 10px;
}
box.horizontal.user-bar {
margin-right: 17px;
}
popover.emoji-picker > box.emoji-searchbar > entry.search {
min-height: 100px;
}
list.message-list > row,
textview.md-textblock {
border-radius: 0;
}
overlay-split-vew.window-chatpage
> windowhandle
> box.end.horizontal
> button.image-button.toggle {
margin-right: -4px;
}
================================================
FILE: gtk/Tahoe-Dark/index.theme
================================================
[X-GNOME-Metatheme]
Name=Tahoe-Dark
Type=X-GNOME-Metatheme
Encoding=UTF-8
GtkTheme=Tahoe-Dark
================================================
FILE: gtk/Tahoe-Light/gnome-shell/gnome-shell.css
================================================
/* This stylesheet is generated, DO NOT EDIT */
/* Copyright 2009, 2015 Red Hat, Inc.
*
* Portions adapted from Mx's data/style/default.css
* Copyright 2009 Intel Corporation
*
* This program is free software; you can redistribute it and/or modify it
* under the terms and conditions of the GNU Lesser General Public License,
* version 2.1, as published by the Free Software Foundation.
*
* This program is distributed in the hope it will be useful, but WITHOUT ANY
* WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS
* FOR A PARTICULAR PURPOSE. See the GNU Lesser General Public License for
* more details.
*
* You should have received a copy of the GNU Lesser General Public License
* along with this program; if not, write to the Free Software Foundation,
* Inc., 51 Franklin St - Fifth Floor, Boston, MA 02110-1301 USA.
*/
stage {
font-size: 1em;
color: #242424;
}
/* General Typography */
.message-notification-group .message-group-header .message-group-title,
.message-list .message-list-placeholder,
.message-dialog-content .message-dialog-title,
.datemenu-today-button .date-label {
font-weight: 800;
font-size: 1.364em;
}
.quick-toggle-menu .header .title {
font-weight: 700;
font-size: 1.364em;
}
.bt-menu-placeholder.popup-menu-item,
.restart-message,
.polkit-dialog-user-layout .polkit-dialog-user-label,
.polkit-dialog-user-layout .polkit-dialog-user-root-label,
.message-dialog-content .message-dialog-title.lightweight {
font-weight: 700;
font-size: 1.182em;
}
.background-app-item .title,
.quick-toggle .quick-toggle-title,
.message-list-controls,
.dialog-list .dialog-list-title,
.weather-button .weather-header,
.world-clocks-button .world-clocks-header,
.events-button .event-summary,
.events-button .events-title,
.events-button .events-section-title,
.calendar .calendar-month-label {
font-weight: 700;
font-size: 1em;
}
.quick-toggle-menu .header .subtitle {
font-weight: 700;
font-size: 0.818em;
}
.background-app-item .subtitle,
.quick-toggle .quick-toggle-subtitle,
.message .message-header .message-header-content .event-time,
.prompt-dialog-error-label,
.prompt-dialog-info-label,
.prompt-dialog-null-label,
.run-dialog .run-dialog-description,
.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description,
.caps-lock-warning-label,
.world-clocks-button .world-clocks-timezone,
.events-button .event-time {
font-weight: 400;
font-size: 0.818em;
}
.weather-button .weather-forecast-time,
.calendar .calendar-day-heading,
.calendar .calendar-week-number,
.calendar .calendar-day,
.calendar .calendar-day-base {
font-weight: 400;
font-size: 0.727em;
}
#panel,
.weather-button .weather-forecast-temp,
.weather-button .weather-forecast-time,
.world-clocks-button .world-clocks-timezone,
.world-clocks-button .world-clocks-time,
.events-button .event-time,
.calendar .calendar-day-heading,
.calendar .calendar-day,
.calendar .calendar-day-base {
font-feature-settings: 'tnum';
}
.ripple-pointer-location {
width: 48px;
height: 48px;
border-radius: 24px;
background-color: st-lighten(st-transparentize(#0088ff, 0.7), 30%);
box-shadow: 0 0 2px 2px st-lighten(#0088ff, 20%);
}
.pie-timer {
width: 60px;
height: 60px;
-pie-border-width: 3px;
-pie-border-color: #0088ff;
-pie-background-color: st-lighten(st-transparentize(#0088ff, 0.7), 40%);
}
.magnifier-zoom-region {
border: 2px solid #0088ff;
}
.magnifier-zoom-region.full-screen {
border-width: 0;
}
/* App Icons */
.grid-search-result .overview-icon {
color: white;
border-radius: 36px;
padding: 12px;
border: none;
transition-duration: 100ms;
text-align: center;
text-shadow: none;
background-color: transparent;
}
.grid-search-result:hover .overview-icon,
.grid-search-result:focus .overview-icon,
.grid-search-result:selected .overview-icon {
background-color: rgba(255, 255, 255, 0.12);
border-image: none;
background-image: none;
}
.grid-search-result:active .overview-icon,
.grid-search-result:checked .overview-icon {
background-color: rgba(255, 255, 255, 0.2);
box-shadow: none;
}
.app-folder-dialog {
border-radius: 32px;
border: none;
box-shadow: none;
background-color: rgba(38, 38, 38, 0.9);
color: rgba(255, 255, 255, 0.85);
}
.app-folder-dialog .folder-name-container {
padding: 24px 36px 0;
spacing: 12px;
/* FIXME: this is to keep the label in sync with the entry */
}
.app-folder-dialog .folder-name-container .folder-name-label,
.app-folder-dialog .folder-name-container .folder-name-entry {
font-size: 16pt;
font-weight: bold;
}
.app-folder-dialog .folder-name-container .folder-name-entry {
width: 240px !important;
}
.app-folder-dialog .folder-name-container .folder-name-label {
padding: 4px;
color: rgba(255, 255, 255, 0.85);
}
.app-folder-dialog .folder-name-container .edit-folder-button {
background-color: rgba(255, 255, 255, 0.06);
color: rgba(255, 255, 255, 0.85);
border: none;
padding: 0;
width: 36px;
height: 36px;
border-radius: 9999px;
}
.app-folder-dialog .folder-name-container .edit-folder-button > StIcon {
icon-size: 16px;
}
.app-folder-dialog .folder-name-container .edit-folder-button:hover {
background-color: rgba(255, 255, 255, 0.12);
}
.app-folder-dialog .folder-name-container .edit-folder-button:checked,
.app-folder-dialog .folder-name-container .edit-folder-button:active {
background-color: rgba(255, 255, 255, 0.2);
}
.app-folder-dialog .icon-grid {
row-spacing: 12px;
column-spacing: 12px;
page-padding-top: 0;
page-padding-bottom: 0;
page-padding-left: 0;
page-padding-right: 0;
}
.app-folder-dialog .page-indicators {
margin-bottom: 18px;
}
.app-folder-dialog-container {
padding: 6px !important;
width: 580px;
height: 580px;
}
.app-well-app-running-dot {
width: 5px;
height: 5px;
border-radius: 5px;
background-color: rgba(255, 255, 255, 0.85);
margin-bottom: 6px;
}
StWidget.focused .app-well-app-running-dot {
background-color: #0088ff;
}
.page-indicator {
padding: 4px 8px;
}
.page-indicator .page-indicator-icon {
width: 12px;
height: 12px;
border-radius: 12px;
margin: 0;
padding: 0;
background-image: none;
color: transparent;
border: none;
box-shadow: none;
background-color: rgba(255, 255, 255, 0.35);
}
.page-indicator:hover .page-indicator-icon {
background-image: none;
background-color: rgba(255, 255, 255, 0.45);
}
.page-indicator:active .page-indicator-icon {
margin: 0;
padding: 0;
background-image: none;
color: transparent;
border: none;
box-shadow: none;
background-color: rgba(255, 255, 255, 0.85);
}
.page-indicator:checked .page-indicator-icon {
background-image: none;
background-color: rgba(255, 255, 255, 0.85);
}
.page-indicator:checked:active {
background-image: none;
}
.system-action-icon {
box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
background-color: rgba(0, 0, 0, 0.6);
color: white;
border-radius: 100px;
icon-size: 48px;
}
.shell-link {
border-radius: 6px;
color: #3484e2;
}
.shell-link:hover {
color: #3484e2;
background-color: rgba(52, 132, 226, 0.15);
}
.shell-link:active {
color: #3484e2;
background-color: rgba(52, 132, 226, 0.3);
}
.lowres-icon {
icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}
.icon-dropshadow {
icon-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
}
/* Buttons */
.icon-button,
.background-app-item .icon-button,
.background-app-item .message-notification-group .message-collapse-button,
.message-notification-group .background-app-item .message-collapse-button,
.background-app-item .message .message-header .message-expand-button,
.message .message-header .background-app-item .message-expand-button,
.background-app-item .message .message-header .message-close-button,
.message .message-header .background-app-item .message-close-button,
.message .message-header .message-expand-button,
.message .message-header .message-close-button,
.message-notification-group .message-collapse-button,
.button {
color: #242424;
background-color: transparent;
border-color: transparent;
box-shadow: none;
text-shadow: none;
icon-shadow: none;
}
.icon-button:hover,
.message .message-header .message-expand-button:hover,
.message .message-header .message-close-button:hover,
.message-notification-group .message-collapse-button:hover,
.button:hover {
color: #242424;
background-color: rgba(0, 0, 0, 0.12);
border-color: transparent;
box-shadow: none;
text-shadow: none;
icon-shadow: none;
}
.icon-button:selected,
.message .message-header .message-expand-button:selected,
.message .message-header .message-close-button:selected,
.message-notification-group .message-collapse-button:selected,
.button:selected,
.icon-button:active,
.message .message-header .message-expand-button:active,
.message .message-header .message-close-button:active,
.message-notification-group .message-collapse-button:active,
.button:active {
color: #242424;
background-color: rgba(0, 0, 0, 0.2);
border-color: transparent;
box-shadow: none;
text-shadow: none;
icon-shadow: none;
}
.icon-button:checked,
.message .message-header .message-expand-button:checked,
.message .message-header .message-close-button:checked,
.message-notification-group .message-collapse-button:checked,
.button:checked {
color: white;
background-color: #0088ff;
border: none;
text-shadow: none;
icon-shadow: none;
}
.icon-button:insensitive,
.message .message-header .message-expand-button:insensitive,
.message .message-header .message-close-button:insensitive,
.message-notification-group .message-collapse-button:insensitive,
.button:insensitive {
color: rgba(36, 36, 36, 0.45);
background-color: transparent;
border-color: transparent;
box-shadow: none;
text-shadow: none;
icon-shadow: none;
}
.icon-button:focus,
.message .message-header .message-expand-button:focus,
.message .message-header .message-close-button:focus,
.message-notification-group .message-collapse-button:focus,
.button:focus {
color: #242424;
text-shadow: none;
icon-shadow: none;
}
.icon-button:focus,
.message .message-header .message-expand-button:focus,
.message .message-header .message-close-button:focus,
.message-notification-group .message-collapse-button:focus,
.button:focus {
box-shadow: none !important;
}
.icon-button.flat,
.message .message-header .flat.message-expand-button,
.message .message-header .flat.message-close-button,
.message-notification-group .flat.message-collapse-button,
.button.flat {
color: #242424;
background-color: transparent;
border-color: transparent;
box-shadow: none;
text-shadow: none;
icon-shadow: none;
}
.icon-button.flat:hover,
.message .message-header .flat.message-expand-button:hover,
.message .message-header .flat.message-close-button:hover,
.message-notification-group .flat.message-collapse-button:hover,
.button.flat:hover {
color: #242424;
background-color: rgba(0, 0, 0, 0.12);
border-color: transparent;
box-shadow: none;
text-shadow: none;
icon-shadow: none;
}
.icon-button.flat:selected,
.message .message-header .flat.message-expand-button:selected,
.message .message-header .flat.message-close-button:selected,
.message-notification-group .flat.message-collapse-button:selected,
.button.flat:selected,
.icon-button.flat:active,
.message .message-header .flat.message-expand-button:active,
.message .message-header .flat.message-close-button:active,
.message-notification-group .flat.message-collapse-button:active,
.button.flat:active {
color: #242424;
background-color: rgba(0, 0, 0, 0.2);
border-color: transparent;
box-shadow: none;
text-shadow: none;
icon-shadow: none;
}
.icon-button.flat:checked,
.message .message-header .flat.message-expand-button:checked,
.message .message-header .flat.message-close-button:checked,
.message-notification-group .flat.message-collapse-button:checked,
.button.flat:checked {
color: #242424;
background-color: rgba(0, 0, 0, 0.12);
border-color: transparent;
box-shadow: none;
text-shadow: none;
icon-shadow: none;
}
.icon-button.flat:insensitive,
.message .message-header .flat.message-expand-button:insensitive,
.message .message-header .flat.message-close-button:insensitive,
.message-notification-group .flat.message-collapse-button:insensitive,
.button.flat:insensitive {
color: rgba(36, 36, 36, 0.45);
background-color: transparent;
border-color: transparent;
box-shadow: none;
text-shadow: none;
icon-shadow: none;
}
.icon-button.flat:focus,
.message .message-header .flat.message-expand-button:focus,
.message .message-header .flat.message-close-button:focus,
.message-notification-group .flat.message-collapse-button:focus,
.button.flat:focus {
color: #242424;
text-shadow: none;
icon-shadow: none;
}
.icon-button.flat:focus,
.message .message-header .flat.message-expand-button:focus,
.message .message-header .flat.message-close-button:focus,
.message-notification-group .flat.message-collapse-button:focus,
.button.flat:focus {
box-shadow: none !important;
}
.keyboard-brightness-level .button:checked,
.icon-button.default,
.message .message-header .default.message-expand-button,
.message .message-header .default.message-close-button,
.message-notification-group .default.message-collapse-button,
.button.default {
color: white;
background-color: #0088ff;
border: none;
text-shadow: none;
icon-shadow: none;
}
.keyboard-brightness-level .button:hover:checked,
.icon-button.default:hover,
.message .message-header .default.message-expand-button:hover,
.message .message-header .default.message-close-button:hover,
.message-notification-group .default.message-collapse-button:hover,
.button.default:hover {
color: white;
border: none;
text-shadow: none;
icon-shadow: none;
background-color: st-mix(white, #0088ff, 6%);
}
.keyboard-brightness-level .button:active:checked,
.icon-button.default:active,
.message .message-header .default.message-expand-button:active,
.message .message-header .default.message-close-button:active,
.message-notification-group .default.message-collapse-button:active,
.button.default:active {
color: white;
border: none;
text-shadow: none;
icon-shadow: none;
background-color: st-mix(white, #0088ff, 12%);
}
.keyboard-brightness-level .button:insensitive:checked,
.icon-button.default:insensitive,
.message .message-header .default.message-expand-button:insensitive,
.message .message-header .default.message-close-button:insensitive,
.message-notification-group .default.message-collapse-button:insensitive,
.button.default:insensitive {
color: white;
background-color: #0088ff;
border: none;
text-shadow: none;
icon-shadow: none;
}
.keyboard-brightness-level .button:focus:checked,
.icon-button.default:focus,
.message .message-header .default.message-expand-button:focus,
.message .message-header .default.message-close-button:focus,
.message-notification-group .default.message-collapse-button:focus,
.button.default:focus {
color: white;
text-shadow: none;
icon-shadow: none;
box-shadow: none !important;
}
.button {
min-height: 1.5em;
padding: 6px 12px;
border-radius: 6px;
border: none;
}
.icon-button,
.background-app-item .icon-button,
.background-app-item .message-notification-group .message-collapse-button,
.message-notification-group .background-app-item .message-collapse-button,
.background-app-item .message .message-header .message-expand-button,
.message .message-header .background-app-item .message-expand-button,
.background-app-item .message .message-header .message-close-button,
.message .message-header .background-app-item .message-close-button,
.message .message-header .message-expand-button,
.message .message-header .message-close-button,
.message-notification-group .message-collapse-button {
min-height: 1.091em;
min-width: 1.091em;
padding: 0.818em;
border-radius: 9999px;
border: none;
}
.icon-button StIcon,
.background-app-item .icon-button StIcon,
.background-app-item
.message-notification-group
.message-collapse-button
StIcon,
.message-notification-group
.background-app-item
.message-collapse-button
StIcon,
.background-app-item .message .message-header .message-expand-button StIcon,
.message .message-header .background-app-item .message-expand-button StIcon,
.background-app-item .message .message-header .message-close-button StIcon,
.message .message-header .background-app-item .message-close-button StIcon,
.message .message-header .message-expand-button StIcon,
.message .message-header .message-close-button StIcon,
.message-notification-group .message-collapse-button StIcon {
icon-size: 1.091em;
-st-icon-style: symbolic;
}
.place-menu-item:focus .button,
.place-menu-item:hover .button,
.place-menu-item:selected .button,
.screenshot-ui-show-pointer-button,
.screenshot-ui-type-button,
#LookingGlassDialog > #Toolbar .lg-toolbar-button {
background-color: transparent;
border: none;
box-shadow: none;
outline: none;
color: rgba(255, 255, 255, 0.75);
}
.place-menu-item:focus .button:hover,
.place-menu-item:hover .button:hover,
.place-menu-item:selected .button:hover,
.screenshot-ui-show-pointer-button:hover,
.screenshot-ui-type-button:hover,
#LookingGlassDialog > #Toolbar .lg-toolbar-button:hover {
background-color: rgba(255, 255, 255, 0.1);
color: white;
}
.place-menu-item:focus .button:active,
.place-menu-item:hover .button:active,
.place-menu-item:selected .button:active,
.screenshot-ui-show-pointer-button:active,
.screenshot-ui-type-button:active,
#LookingGlassDialog > #Toolbar .lg-toolbar-button:active {
background-color: rgba(255, 255, 255, 0.25);
color: white;
}
.place-menu-item:focus .button:checked,
.place-menu-item:hover .button:checked,
.place-menu-item:selected .button:checked,
.screenshot-ui-show-pointer-button:checked,
.screenshot-ui-type-button:checked,
#LookingGlassDialog > #Toolbar .lg-toolbar-button:checked {
background-color: #0088ff;
color: white;
}
.place-menu-item:focus .button:insensitive,
.place-menu-item:hover .button:insensitive,
.place-menu-item:selected .button:insensitive,
.screenshot-ui-show-pointer-button:insensitive,
.screenshot-ui-type-button:insensitive,
#LookingGlassDialog > #Toolbar .lg-toolbar-button:insensitive {
background-color: transparent;
color: rgba(255, 255, 255, 0.35);
}
/* Date/Time Menu */
.world-clocks-button,
.weather-button,
.events-button {
color: #424242;
background-color: rgba(255, 255, 255, 0.92);
border-radius: 20px !important;
border: none;
box-shadow: inset 0 0 4px 2px rgb(255, 255, 255) !important;
text-shadow: none;
}
.world-clocks-button:hover,
.weather-button:hover,
.events-button:hover,
.world-clocks-button:focus,
.weather-button:focus,
.events-button:focus {
color: #242424;
background-color: white;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) !important;
}
.world-clocks-button:active,
.weather-button:active,
.events-button:active {
color: #242424;
background-color: rgba(252, 252, 252, 0.95);
box-shadow: none !important;
}
#calendarArea {
padding: 3px 0;
}
.datemenu-popover {
border-radius: 22px !important;
}
.datemenu-calendar-column {
spacing: 4px;
border: none;
}
.datemenu-calendar-column:ltr {
margin-right: 0;
padding-left: 4px;
border-left-width: 0;
}
.datemenu-calendar-column:rtl {
margin-left: 0;
padding-right: 4px;
border-right-width: 0;
}
.datemenu-calendar-column .datemenu-displays-section {
padding: 0;
}
.datemenu-calendar-column .datemenu-displays-box {
spacing: 4px;
}
/* today button (the date) */
.datemenu-today-button {
border: none;
box-shadow: none;
background: none;
padding: 4px 8px;
margin: 3px 6px;
text-shadow: none;
color: #424242;
border-radius: 8px;
}
.datemenu-today-button:hover,
.datemenu-today-button:focus {
color: #242424;
background-color: white;
}
.datemenu-today-button:active {
color: #242424;
background-color: rgba(252, 252, 252, 0.95);
}
.datemenu-today-button .day-label {
font-weight: bold;
}
/* Calendar */
.calendar {
border: none;
box-shadow: none !important;
background-color: transparent;
padding: 4px;
margin: 0 4px;
text-shadow: none;
border-radius: 20px;
}
.calendar .calendar-month-label {
margin: 0;
padding: 4px 0;
color: #242424 !important;
background-color: transparent !important;
text-align: center;
text-shadow: none;
}
.calendar .calendar-month-label:focus {
background-color: rgba(0, 0, 0, 0.12);
}
.calendar .calendar-change-month-back,
.calendar .calendar-change-month-forward {
padding: 2px !important;
margin: 0 !important;
}
.calendar .calendar-change-month-back StIcon,
.calendar .calendar-change-month-forward StIcon {
icon-size: 16px !important;
}
.calendar .pager-button {
width: 28px;
height: 28px;
margin: 2px;
border-radius: 9999px;
background-color: transparent;
color: #242424;
}
.calendar .pager-button:hover,
.calendar .pager-button:focus {
background-color: rgba(0, 0, 0, 0.12);
}
.calendar .pager-button:active {
background-color: rgba(0, 0, 0, 0.2);
}
.calendar .calendar-day,
.calendar .calendar-day-base {
text-align: center;
width: 3em;
height: 3em;
padding: 0;
margin: 2px;
border-radius: 9999px;
color: #424242;
font-feature-settings: 'tnum';
background-color: transparent;
}
.calendar .calendar-day:hover,
.calendar .calendar-day:focus,
.calendar .calendar-day-base:hover,
.calendar .calendar-day-base:focus {
background-color: rgba(0, 0, 0, 0.12);
box-shadow: none !important;
}
.calendar .calendar-day:active,
.calendar .calendar-day-base:active {
color: #424242;
background-color: rgba(0, 0, 0, 0.2);
border-color: transparent;
}
.calendar .calendar-day:selected,
.calendar .calendar-day-base:selected {
color: #242424;
background-color: rgba(0, 0, 0, 0.2);
border-color: transparent;
box-shadow: none !important;
}
.calendar .calendar-day {
border-width: 0;
}
.calendar .calendar-day-top {
border-top-width: 0;
}
.calendar .calendar-day-left {
border-left-width: 0;
}
.calendar .calendar-nonwork-day {
color: rgba(36, 36, 36, 0.45);
}
.calendar .calendar-today {
font-weight: bold;
color: #424242 !important;
background-color: rgba(36, 36, 36, 0.1);
border: none;
background-gradient-direction: none !important;
}
.calendar .calendar-today:hover,
.calendar .calendar-today:focus {
background-color: rgba(36, 36, 36, 0.15);
color: #242424 !important;
background-gradient-direction: none !important;
}
.calendar .calendar-today:active {
background-color: st-darken(#0088ff, 5%);
color: white !important;
background-gradient-direction: none !important;
}
.calendar .calendar-today:selected {
background-color: #0088ff;
color: white !important;
background-gradient-direction: none !important;
}
.calendar .calendar-today:selected:hover,
.calendar .calendar-today:selected:focus {
color: white !important;
background-color: st-lighten(#0088ff, 8%);
}
.calendar .calendar-day-with-events {
color: #565656;
background-image: url('assets/calendar-today.svg');
}
.calendar .calendar-day-with-events.calendar-work-day {
color: #565656;
font-weight: bold;
}
.calendar .calendar-other-month,
.calendar .calendar-other-month-day {
color: rgba(36, 36, 36, 0.45) !important;
opacity: 1;
}
.calendar .calendar-other-month.calendar-weekend,
.calendar .calendar-other-month-day.calendar-weekend {
color: rgba(66, 66, 66, 0.45) !important;
}
.calendar .calendar-week-number {
width: 2.4em;
height: 2.4em;
margin: 6px;
padding: 0;
border-radius: 6px;
background-color: rgba(0, 0, 0, 0.05);
color: #565656;
font-weight: bold;
text-align: center;
font-feature-settings: 'tnum';
}
.calendar .calendar-day-heading {
width: 28px !important;
height: 22px !important;
margin: 3px;
padding: 0 !important;
background-color: transparent !important;
color: #565656 !important;
font-weight: bold;
text-align: center;
}
.world-clocks-button,
.weather-button,
.events-button {
padding: 12px !important;
margin: 4px 7px !important;
}
.events-button .events-box {
color: #565656;
spacing: 4px;
}
.events-button .events-list {
color: #565656;
spacing: 8px;
text-shadow: none;
}
.events-button .events-title,
.events-button .events-section-title {
color: #424242;
text-shadow: none;
}
.events-button .event-time {
color: #565656;
}
.events-button .event-placeholder {
color: rgba(36, 36, 36, 0.45);
font-style: italic;
}
.world-clocks-button .world-clocks-header {
color: #424242;
}
.world-clocks-button .world-clocks-header.no-world-clocks {
color: #242424;
}
.world-clocks-button .world-clocks-city {
color: #565656;
font-weight: bold;
}
.world-clocks-button .world-clocks-time {
font-weight: bold;
color: #565656;
}
.world-clocks-button .world-clocks-time:ltr {
text-align: right;
}
.world-clocks-button .world-clocks-time:rtl {
text-align: left;
}
.world-clocks-button .world-clocks-timezone {
color: #565656;
}
.world-clocks-grid,
.weather-grid {
spacing-rows: 0.4em;
spacing-columns: 0.8em;
}
.weather-button .weather-box {
spacing: 4px;
}
.weather-button .weather-header-box {
spacing: 4px;
}
.weather-button .weather-header {
color: #424242;
}
.weather-button .weather-header.location {
font-weight: normal;
color: #565656;
}
.weather-button .weather-grid {
spacing-rows: 4px;
spacing-columns: 8px;
}
.weather-button .weather-forecast-time {
color: #424242;
font-weight: normal;
padding-top: 4px;
padding-bottom: 4px;
}
.weather-button .weather-forecast-icon {
icon-size: 32px;
margin-bottom: 3px;
}
.weather-button .weather-forecast-temp {
font-weight: bold;
}
/* Activities Ripple */
.ripple-box {
width: 52px;
height: 52px;
border-radius: 0 0 52px 0;
background-color: st-transparentize(#0088ff, 0.65);
box-shadow: 0 0 2px 2px st-lighten(#0088ff, 20%);
}
.ripple-box:rtl {
border-radius: 0 0 0 52px;
}
/* Dash */
#dash .empty-dash-drop-target {
width: 32px;
height: 32px;
}
.dash-label {
color: rgba(255, 255, 255, 0.85);
background-color: rgba(0, 0, 0, 0.75);
border-radius: 6px;
padding: 4px 8px;
margin: 4px;
box-shadow: none !important;
border: none !important;
text-align: center;
-y-offset: 6px;
-x-offset: 8px;
font-size: 9.75pt;
font-weight: 400;
}
.show-apps .show-apps-icon {
color: transparent !important;
background-image: url('assets/view-app-grid.svg');
background-size: contain;
}
.show-apps .overview-icon,
.show-apps .show-apps-icon {
color: transparent !important;
}
/* Entries */
StEntry {
min-height: 28px;
padding: 2px 8px !important;
color: #242424;
caret-color: #242424;
selection-background-color: #0088ff !important;
selected-color: white !important;
background-color: rgba(0, 0, 0, 0.1);
border-radius: 9999px;
border: 2px solid transparent !important;
box-shadow: inset 0 0 0 1px transparent !important;
outline: none;
}
StEntry:hover {
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1) !important;
border: 2px solid transparent !important;
}
StEntry:focus {
box-shadow: inset 0 0 0 1px transparent !important;
border: 2px solid st-lighten(#0088ff, 15%) !important;
}
StEntry:insensitive {
background-color: rgba(0, 0, 0, 0.05);
color: rgba(36, 36, 36, 0.45);
}
StEntry StIcon {
icon-size: 16px !important;
}
StEntry StIcon.capslock-warning {
icon-size: 16px !important;
warning-color: #e9873a;
padding: 0 0;
}
StEntry StIcon.peek-password {
icon-size: 16px !important;
padding: 0 4px;
}
StEntry StLabel.hint-text {
margin-left: 2px;
color: #424242;
}
.hotplug-notification-item {
color: #242424;
background-color: #e6e6e6;
border: none;
text-shadow: none;
icon-shadow: none;
padding: 12px;
border-style: solid;
border-width: 0;
border-left-width: 0;
border-bottom-width: 0;
}
.hotplug-notification-item:insensitive {
color: rgba(36, 36, 36, 0.45);
background-color: #e6e6e6;
border: none;
text-shadow: none;
icon-shadow: none;
}
.hotplug-notification-item:hover {
color: #242424;
border: none;
text-shadow: none;
icon-shadow: none;
background-color: st-mix(#242424, #e6e6e6, 6%);
}
.hotplug-notification-item:focus {
color: #242424;
text-shadow: none;
icon-shadow: none;
box-shadow: none !important;
}
.hotplug-notification-item:active {
color: #242424;
border: none;
text-shadow: none;
icon-shadow: none;
background-color: st-mix(#242424, #e6e6e6, 12%);
}
.hotplug-notification-item:first-child {
border-radius: 0 0 0 6px;
}
.hotplug-notification-item:last-child {
border-right-width: 0;
border-radius: 0 0 6px 0;
}
.hotplug-notification-item:first-child:last-child {
border-radius: 0 0 6px 6px;
}
.hotplug-notification-item-icon {
icon-size: 24px;
padding: 0 4px;
}
.candidate-popup-boxpointer {
-arrow-border-radius: 2px;
-arrow-background-color: transparent;
-arrow-border-width: 0;
-arrow-border-color: transparent;
-arrow-base: 64px;
-arrow-rise: 12px;
background-color: transparent;
color: #565656;
}
.candidate-popup-content {
color: #565656;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15);
border: 1px solid rgba(0, 0, 0, 0);
margin: 3px 12px 17px 12px;
padding: 8px;
spacing: 6px;
border-radius: 14px !important;
}
.candidate-index {
padding: 0 0.5em 0 0;
color: #565656;
}
.candidate-box:selected .candidate-index {
color: rgba(255, 255, 255, 0.5);
}
.candidate-box {
padding: 0.3em 0.5em 0.3em 0.5em;
margin-right: 2px;
border-radius: 6px !important;
color: #565656;
}
.candidate-box:hover {
background-color: rgba(0, 0, 0, 0.12);
color: #242424;
}
.candidate-box:active {
background-color: rgba(0, 0, 0, 0.2);
color: #242424;
}
.candidate-box:selected {
background-color: #0088ff;
color: rgba(255, 255, 255, 0.85);
}
.candidate-box:last-child {
margin-right: 0;
}
.candidate-page-button-box {
height: 2em;
}
.vertical .candidate-page-button-box {
padding-top: 0.5em;
}
.horizontal .candidate-page-button-box {
padding-left: 0.5em;
}
.candidate-page-button {
padding: 4px 6px !important;
}
.candidate-page-button-previous,
.candidate-page-button-next {
border-radius: 6px;
}
.candidate-page-button-icon {
icon-size: 1em;
}
/* On-screen Keyboard */
#keyboard {
background-color: rgba(0, 0, 0, 0.25);
box-shadow: none;
}
#keyboard .page-indicator {
padding: 4px;
}
#keyboard .page-indicator .page-indicator-icon {
width: 8px;
height: 8px;
}
.key-container,
.keyboard-layout {
padding: 3px;
spacing: 3px;
}
.keyboard-key {
font-size: 16pt;
font-weight: bold;
min-height: 1.2em;
min-width: 1.2em;
border-radius: 12px;
border: none;
color: #424242;
background-color: #eeeeee;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
}
.keyboard-key:focus,
.keyboard-key:hover {
color: #242424;
background-color: white;
}
.keyboard-key:checked,
.keyboard-key:active {
color: #242424;
background-color: #d5d5d5;
}
.keyboard-key:grayed {
background-color: rgba(0, 0, 0, 0.3);
color: rgba(255, 255, 255, 0.85);
border-color: rgba(0, 0, 0, 0.3);
}
.keyboard-key.default-key {
background-color: #c0c0c0;
box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15);
}
.keyboard-key.default-key:focus,
.keyboard-key.default-key:hover {
color: #242424;
background-color: #dadada;
}
.keyboard-key.default-key:checked,
.keyboard-key.default-key:active {
color: #242424;
background-color: #a7a7a7;
}
.keyboard-key.enter-key {
color: white;
background-color: #0088ff;
box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15);
}
.keyboard-key.enter-key:focus,
.keyboard-key.enter-key:hover {
color: white;
background-color: st-lighten(#0088ff, 5%);
}
.keyboard-key.enter-key:checked,
.keyboard-key.enter-key:active {
color: white;
background-color: st-darken(#0088ff, 10%);
}
.keyboard-key.shift-key-uppercase,
.keyboard-key.shift-key-uppercase:focus,
.keyboard-key.shift-key-uppercase:hover,
.keyboard-key.shift-key-uppercase:checked,
.keyboard-key.shift-key-uppercase:active {
color: #0088ff;
}
.keyboard-key StIcon {
icon-size: 1.125em;
}
.keyboard-subkeys {
color: inherit;
-arrow-border-radius: 6px;
-arrow-background-color: rgba(0, 0, 0, 0.45);
-arrow-border-width: 0;
-arrow-border-color: transparent;
-arrow-base: 20px;
-arrow-rise: 10px;
-boxpointer-gap: 5px;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
}
.emoji-page .keyboard-key {
background-color: transparent;
border: none;
color: initial;
}
.emoji-panel .keyboard-key:latched {
background-color: #0088ff;
border-color: st-lighten(#0088ff, 5%);
}
.word-suggestions {
font-size: 14pt;
spacing: 12px;
min-height: 20pt;
}
/* Login Dialog */
#lockDialogGroup {
background-color: #2a2a2a;
background-image: url('assets/background.jpeg');
background-size: cover;
}
.login-dialog-banner-view {
padding-top: 24px;
max-width: 23em;
}
.unlock-dialog StEntry {
font-size: 0.909em;
padding: 0 8px !important;
}
.unlock-dialog StEntry StIcon.peek-password {
padding: 0 4px !important;
}
.unlock-dialog StEntry StLabel.hint-text {
margin-left: 2px !important;
}
.unlock-dialog .modal-dialog-button-box {
spacing: 3px !important;
}
.unlock-dialog .modal-dialog-button {
padding: 2px 12px !important;
}
.unlock-dialog .cancel-button,
.unlock-dialog .switch-user-button,
.unlock-dialog .login-dialog-session-list-button {
width: 32px !important;
height: 32px !important;
padding: 0 !important;
}
.unlock-dialog .cancel-button StIcon,
.unlock-dialog .switch-user-button StIcon,
.unlock-dialog .login-dialog-session-list-button StIcon {
icon-size: 16px !important;
}
.unlock-dialog .login-dialog-logo-bin {
padding: 24px 0;
}
.unlock-dialog .login-dialog-button-box {
spacing: 6px;
}
.unlock-dialog .login-dialog-message-hint {
padding-top: 0;
padding-bottom: 18px;
}
.unlock-dialog .login-dialog-user-selection-box {
padding: 100px 0px;
}
.unlock-dialog .login-dialog-not-listed-label {
padding-left: 2px;
}
.unlock-dialog .login-dialog-not-listed-label {
font-size: 1em;
padding-top: 1em;
}
.unlock-dialog .login-dialog-user-list-view {
-st-vfade-offset: 1em;
}
.unlock-dialog .login-dialog-user-list {
spacing: 12px;
padding: 0.2em;
width: 23em;
}
.unlock-dialog
.login-dialog-user-list:expanded
.login-dialog-user-list-item:logged-in {
border-right: 2px solid #0088ff;
}
.unlock-dialog .login-dialog-user-list-item {
border-radius: 12px;
padding: 6px;
}
.unlock-dialog .login-dialog-user-list-item:ltr .user-widget {
padding-right: 1em;
}
.unlock-dialog .login-dialog-user-list-item:rtl .user-widget {
padding-left: 1em;
}
.unlock-dialog
.login-dialog-user-list-item
.login-dialog-timed-login-indicator {
height: 2px;
margin: 6px 0 0 0;
background-color: rgba(0, 0, 0, 0.16) !important;
}
.unlock-dialog .user-widget.horizontal .user-widget-label {
font-size: 1.182em;
padding-left: 12px;
}
.unlock-dialog .user-widget.horizontal .user-widget-label:ltr {
padding-left: 12px;
text-align: left;
}
.unlock-dialog .user-widget.horizontal .user-widget-label:rtl {
padding-right: 12px;
text-align: right;
}
.unlock-dialog .user-widget.vertical .user-widget-label {
font-size: 1.455em;
padding-top: 18px;
}
.unlock-dialog .login-dialog-prompt-layout {
padding-top: 24px;
padding-bottom: 12px;
spacing: 8px;
width: 23em;
}
.unlock-dialog .login-dialog-prompt-entry {
height: 1.5em;
}
.unlock-dialog .login-dialog-prompt-label {
font-size: 1.091em;
padding-top: 1em;
}
.login-dialog StEntry StIcon {
icon-size: 16px;
padding: 0;
margin: 0;
}
.login-dialog .modal-dialog-button-box {
spacing: 3px;
}
.login-dialog .modal-dialog-button {
padding: 2px 12px;
}
.login-dialog .cancel-button,
.login-dialog .switch-user-button,
.login-dialog .login-dialog-session-list-button {
width: 32px;
height: 32px;
}
.login-dialog .cancel-button StIcon,
.login-dialog .switch-user-button StIcon,
.login-dialog .login-dialog-session-list-button StIcon {
icon-size: 16px;
}
.login-dialog .login-dialog-logo-bin {
padding: 24px 0;
}
.login-dialog .login-dialog-button-box {
spacing: 6px;
}
.login-dialog .login-dialog-message-hint {
padding-top: 0;
padding-bottom: 18px;
}
.login-dialog .login-dialog-user-selection-box {
padding: 100px 0px;
}
.login-dialog .login-dialog-not-listed-label {
padding-left: 4px;
}
.login-dialog .login-dialog-not-listed-label {
font-size: 1em;
padding-top: 1em;
}
.login-dialog .login-dialog-user-list-view {
-st-vfade-offset: 1em;
}
.login-dialog .login-dialog-user-list {
spacing: 12px;
padding: 0.2em;
width: 23em;
}
.login-dialog
.login-dialog-user-list:expanded
.login-dialog-user-list-item:logged-in {
border-right: 2px solid #0088ff;
}
.login-dialog .login-dialog-user-list-item {
border-radius: 12px;
padding: 6px;
}
.login-dialog .login-dialog-user-list-item:ltr .user-widget {
padding-right: 1em;
}
.login-dialog .login-dialog-user-list-item:rtl .user-widget {
padding-left: 1em;
}
.login-dialog .login-dialog-user-list-item .login-dialog-timed-login-indicator {
height: 2px;
margin: 6px 0 0 0;
}
.login-dialog .user-widget.horizontal .user-widget-label {
font-size: 1.182em;
padding-left: 12px;
}
.login-dialog .user-widget.horizontal .user-widget-label:ltr {
padding-left: 12px;
text-align: left;
}
.login-dialog .user-widget.horizontal .user-widget-label:rtl {
padding-right: 12px;
text-align: right;
}
.login-dialog .user-widget.vertical .user-widget-label {
font-size: 1.455em;
padding-top: 10px;
padding-bottom: 14px;
}
.login-dialog .login-dialog-prompt-layout {
padding-top: 24px;
padding-bottom: 12px;
spacing: 8px;
width: 23em;
}
.login-dialog .login-dialog-prompt-entry {
height: 1.5em;
}
.login-dialog .login-dialog-prompt-label {
font-size: 1.091em;
padding-top: 1em;
}
.login-dialog,
.unlock-dialog {
border: none;
background-color: transparent;
}
.login-dialog StEntry,
.unlock-dialog StEntry {
selection-background-color: #0088ff;
selected-background-color: #0088ff;
selected-color: white;
border-radius: 9999px;
caret-color: white;
background-color: rgba(0, 0, 0, 0.1);
border-radius: 9999px;
border: none !important;
box-shadow: none !important;
color: white;
}
.login-dialog StEntry:focus,
.unlock-dialog StEntry:focus {
border: none !important;
background-color: rgba(0, 0, 0, 0.2);
color: white;
}
.login-dialog StEntry:insensitive,
.unlock-dialog StEntry:insensitive {
border: none !important;
background-color: rgba(0, 0, 0, 0.05);
color: rgba(255, 255, 255, 0.45);
}
.login-dialog StEntry StLabel.hint-text,
.unlock-dialog StEntry StLabel.hint-text {
color: rgba(255, 255, 255, 0.45);
}
.login-dialog .modal-dialog-button,
.unlock-dialog .modal-dialog-button {
border: none;
color: white;
background-color: transparent;
border-color: transparent;
box-shadow: none;
text-shadow: none;
icon-shadow: none;
}
.login-dialog .modal-dialog-button:hover,
.login-dialog .modal-dialog-button:focus,
.unlock-dialog .modal-dialog-button:hover,
.unlock-dialog .modal-dialog-button:focus {
color: white;
background-color: rgba(0, 0, 0, 0.12);
border-color: transparent;
box-shadow: none;
text-shadow: none;
icon-shadow: none;
}
.login-dialog .modal-dialog-button:active,
.unlock-dialog .modal-dialog-button:active {
color: white;
background-color: rgba(0, 0, 0, 0.2);
border-color: transparent;
box-shadow: none;
text-shadow: none;
icon-shadow: none;
}
.login-dialog .modal-dialog-button:insensitive,
.unlock-dialog .modal-dialog-button:insensitive {
color: rgba(255, 255, 255, 0.45);
background-color: transparent;
border-color: transparent;
box-shadow: none;
text-shadow: none;
icon-shadow: none;
}
.login-dialog .modal-dialog-button:default,
.unlock-dialog .modal-dialog-button:default {
color: white;
background-color: #e6e6e6;
border: none;
text-shadow: none;
icon-shadow: none;
}
.login-dialog .modal-dialog-button:default:hover,
.login-dialog .modal-dialog-button:default:focus,
.unlock-dialog .modal-dialog-button:default:hover,
.unlock-dialog .modal-dialog-button:default:focus {
color: white;
border: none;
text-shadow: none;
icon-shadow: none;
background-color: st-mix(white, #e6e6e6, 6%);
}
.login-dialog .modal-dialog-button:default:active,
.unlock-dialog .modal-dialog-button:default:active {
color: white;
border: none;
text-shadow: none;
icon-shadow: none;
background-color: st-mix(white, #e6e6e6, 12%);
}
.login-dialog .modal-dialog-button:default:insensitive,
.unlock-dialog .modal-dialog-button:default:insensitive {
color: rgba(255, 255, 255, 0.45);
background-color: #e6e6e6;
border: none;
text-shadow: none;
icon-shadow: none;
}
.login-dialog .cancel-button,
.login-dialog .switch-user-button,
.login-dialog .login-dialog-session-list-button,
.unlock-dialog .cancel-button,
.unlock-dialog .switch-user-button,
.unlock-dialog .login-dialog-session-list-button {
padding: 0 !important;
border-radius: 9999px;
border: none;
background-color: rgba(255, 255, 255, 0.1);
color: white;
}
.login-dialog-message-warning {
color: rgba(255, 255, 255, 0.85);
}
.login-dialog-banner {
color: rgba(255, 255, 255, 0.85);
}
.login-dialog-message {
text-align: center;
}
.login-dialog-message-warning {
color: #e9873a;
}
.login-dialog-not-listed-button:focus .login-dialog-not-listed-label,
.login-dialog-not-listed-button:hover .login-dialog-not-listed-label {
color: white;
}
.login-dialog-not-listed-label {
font-weight: normal;
color: rgba(255, 255, 255, 0.85);
}
.login-dialog-not-listed-label:hover {
color: rgba(255, 255, 255, 0.85);
}
.login-dialog-not-listed-label:focus {
background-color: rgba(255, 255, 255, 0.12);
}
.login-dialog-user-list:expanded .login-dialog-user-list-item:selected {
background-color: rgba(255, 255, 255, 0.12);
color: rgba(255, 255, 255, 0.85);
}
.login-dialog-user-list:expanded .login-dialog-user-list-item:hover {
background-color: rgba(255, 255, 255, 0.12);
color: rgba(255, 255, 255, 0.85);
}
.login-dialog-user-list:expanded .login-dialog-user-list-item:active {
background-color: rgba(255, 255, 255, 0.2);
color: rgba(255, 255, 255, 0.85);
}
.login-dialog-user-list-item {
color: rgba(255, 255, 255, 0.85);
}
.login-dialog-user-list-item:focus {
background-color: rgba(0, 0, 0, 0.05) !important;
}
.login-dialog-user-list-item:hover,
.login-dialog-user-list-item:focus:hover {
background-color: rgba(0, 0, 0, 0.12) !important;
color: rgba(255, 255, 255, 0.85);
}
.login-dialog-user-list-item:active,
.login-dialog-user-list-item:focus:active {
background-color: rgba(0, 0, 0, 0.2) !important;
color: rgba(255, 255, 255, 0.85);
}
.login-dialog-user-list-item .login-dialog-timed-login-indicator {
background-color: rgba(0, 0, 0, 0.16) !important;
}
.user-widget-label {
color: rgba(255, 255, 255, 0.85);
}
.user-widget.horizontal .user-widget-label {
font-weight: normal;
}
.user-widget.vertical .user-widget-label {
text-align: center;
font-weight: normal;
}
.login-dialog-prompt-label {
color: rgba(255, 255, 255, 0.5);
}
/* Looking Glass */
#LookingGlassDialog {
background-color: #2a2a2a;
spacing: 4px;
margin: 4px;
padding: 0;
border: 1px solid black;
border-radius: 24px;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
color: #d3d7df;
}
#LookingGlassDialog > #Toolbar {
padding: 0 8px;
spacing: 4px;
border: none;
border-radius: 0;
background-color: rgba(255, 255, 255, 0.01);
box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.12);
}
#LookingGlassDialog > #Toolbar .lg-toolbar-button {
padding: 4px 8px;
border-radius: 6px;
margin: 2px;
}
#LookingGlassDialog > #Toolbar .lg-toolbar-button > StIcon {
icon-size: 16px;
}
#LookingGlassDialog .labels {
spacing: 4px;
color: #d3d7df;
}
#LookingGlassDialog .notebook-tab {
-natural-hpadding: 8px;
-minimum-hpadding: 8px;
font-weight: bold;
color: rgba(255, 255, 255, 0.5);
padding: 0 16px;
min-height: 32px;
border-radius: 0;
transition-duration: 100ms;
border: L none;
box-shadow: none;
border-bottom: 2px solid transparent;
background-color: transparent;
}
#LookingGlassDialog .notebook-tab:hover {
color: white;
text-shadow: none;
border-color: rgba(255, 255, 255, 0.2);
}
#LookingGlassDialog .notebook-tab:selected {
background-color: rgba(255, 255, 255, 0.01);
border-color: #0088ff;
color: white;
text-shadow: none;
box-shadow: none;
}
#LookingGlassDialog StBoxLayout#EvalBox,
#LookingGlassDialog StBoxLayout#ResultsArea {
padding: 4px;
spacing: 4px;
}
.lg-dialog StEntry {
min-height: 22px;
selection-background-color: #0088ff;
selected-color: rgba(255, 255, 255, 0.85);
caret-color: white;
color: white;
background-color: rgba(255, 255, 255, 0.12);
}
.lg-dialog .shell-link {
color: #3484e2;
}
.lg-dialog .shell-link:hover {
color: #619fe8;
}
.lg-dialog .shell-link:active {
color: #1c6bc7;
}
.lg-dialog .actor-link {
color: #3484e2;
}
.lg-dialog .actor-link:hover {
color: #8dbaef;
}
.lg-dialog .actor-link:active {
color: #16539a;
}
.lg-dialog .actor-link StIcon {
icon-size: 12px;
}
.lg-completions-text {
font-size: 0.9em;
font-style: italic;
}
.lg-obj-inspector-title {
spacing: 4px;
}
.lg-obj-inspector-button {
padding: 0 16px;
border: none;
border-radius: 6px;
font-size: 9.75pt;
font-weight: 500;
}
.lg-obj-inspector-button:hover {
border: none;
}
#lookingGlassExtensions {
padding: 4px;
}
.lg-extensions-list {
padding: 4px;
spacing: 4px;
}
.lg-extension {
border: none;
border-radius: 6px;
padding: 8px;
spacing: 4px;
background-color: rgba(255, 255, 255, 0.12);
color: rgba(255, 255, 255, 0.85);
box-shadow: none;
}
.lg-extension-name {
font-weight: bold;
color: rgba(255, 255, 255, 0.45);
}
.lg-extension-meta {
spacing: 4px;
}
#LookingGlassPropertyInspector {
background: #373737;
border: 1px solid black;
border-radius: 24px;
padding: 8px;
box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.15);
color: #d3d7df;
}
.lg-debug-flag-button {
color: white;
spacing: 4px;
}
.lg-debug-flag-button StLabel {
padding: 8px;
}
.lg-debug-flag-button:hover {
color: white;
}
.lg-debug-flag-button:active {
color: #cccccc;
}
.lg-debug-flags-header {
color: rgba(255, 255, 255, 0.45);
padding-top: 8px;
padding: 4px;
}
.select-area-rubberband {
border: 1px solid #0088ff;
border-radius: 3px;
background-color: st-transparentize(#0088ff, 0.3);
}
.user-icon {
background-size: contain;
color: rgba(255, 255, 255, 0.85);
border-radius: 9999px;
border: none;
icon-size: 64px;
}
.user-icon:hover {
color: white;
}
.user-icon StIcon {
background-color: rgba(255, 255, 255, 0.2);
border-radius: 9999px;
padding: 8px;
width: 40px;
height: 40px;
}
.user-icon.user-avatar {
border: none;
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0);
}
.popup-menu .user-icon {
color: #424242;
}
.popup-menu .user-icon StIcon {
background-color: rgba(0, 0, 0, 0.2);
}
.user-widget.vertical .user-icon {
icon-size: 96px;
}
.user-widget.vertical .user-icon StIcon {
padding: 14px;
padding-top: 12px;
padding-bottom: 16px;
width: 88px;
height: 88px;
}
.lightbox {
background-color: black;
}
.flashspot {
background-color: white;
}
.hidden {
color: rgba(0, 0, 0, 0);
}
.caps-lock-warning-label {
text-align: center;
padding-bottom: 8px;
color: #e9873a;
}
/* Workspace animation */
.workspace-animation {
background-color: #2a2a2a;
}
/* Network Dialogs */
.nm-dialog {
max-height: 34em;
min-height: 31em;
min-width: 32em;
}
.nm-dialog-content {
spacing: 20px;
padding: 24px;
}
.nm-dialog-header-hbox {
spacing: 10px;
}
.nm-dialog-airplane-box {
spacing: 12px;
}
.nm-dialog-airplane-headline {
font-weight: bold;
text-align: center;
}
.nm-dialog-airplane-text {
color: #242424;
}
.nm-dialog-header {
font-weight: bold;
}
.nm-dialog-header-icon {
icon-size: 32px;
}
.nm-dialog-header-hbox {
spacing: 10px;
}
.nm-dialog-scroll-view {
border: 1px solid rgba(0, 0, 0, 0.12);
padding: 0;
background-color: rgba(0, 0, 0, 0.05);
border-radius: 6px;
}
.nm-dialog-item {
font-size: 1em;
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
padding: 8px;
spacing: 0px;
}
.nm-dialog-item:selected {
background-color: #0088ff;
color: rgba(255, 255, 255, 0.85);
}
.nm-dialog-item:hover,
.nm-dialog-item:focus {
background-color: rgba(0, 0, 0, 0.12);
}
.nm-dialog-item:active {
background-color: rgba(0, 0, 0, 0.2);
}
.nm-dialog-icon {
icon-size: 16px;
}
.nm-dialog-icons {
spacing: 8px;
}
.no-networks-label {
color: #565656;
}
.no-networks-box {
spacing: 4px;
}
/* OSD */
.workspace-switcher-container,
.switcher-list,
.resize-popup,
.osd-window {
color: #242424;
background-color: #ffffff;
border-radius: 24px;
border: solid rgba(0, 0, 0, 0.75);
border-width: 0;
box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25);
padding: 8px;
}
.osd-window {
text-align: center;
font-weight: bold;
}
.osd-window .osd-monitor-label {
font-size: 3em;
}
.osd-window .level {
height: 4px;
border-radius: 3px;
background-color: rgba(0, 0, 0, 0.12);
color: #242424;
-barlevel-height: 4px;
-barlevel-background-color: rgba(0, 0, 0, 0.12);
-barlevel-active-background-color: #0088ff;
-barlevel-overdrive-color: #ed5f5d;
-barlevel-overdrive-separator-width: 2px;
-barlevel-border-width: 0;
-barlevel-border-color: transparent;
}
.osd-window .level-bar {
background-color: white;
border-radius: 16px;
}
.pad-osd-window {
padding: 32px;
background-color: rgba(0, 0, 0, 0.6);
}
.pad-osd-window .pad-osd-title-box {
spacing: 12px;
}
.pad-osd-window .pad-osd-title-menu-box {
spacing: 6px;
}
.combo-box-label {
width: 15em;
}
.overview-controls {
padding-bottom: 32px;
}
#overview StScrollBar StBin#trough {
background-color: rgba(255, 255, 255, 0.12);
}
#overview StScrollBar StButton#vhandle,
#overview StScrollBar StButton#hhandle {
background-color: rgba(255, 255, 255, 0.5);
}
#overview StScrollBar StButton#vhandle:hover,
#overview StScrollBar StButton#hhandle:hover {
background-color: rgba(255, 255, 255, 0.85);
}
#overview StScrollBar StButton#vhandle:active,
#overview StScrollBar StButton#hhandle:active {
background-color: white;
}
/* Top Bar */
#panel .panel-button#panelActivities {
-natural-hpadding: 12px;
color: white;
}
#panel .panel-button#panelActivities StBoxLayout {
padding: 0 0.2045em;
spacing: 6px;
}
#panel .panel-button#panelActivities .workspace-dot {
border-radius: 9999px;
min-width: 0.5455em;
min-height: 0.5455em;
background-color: white;
}
#panel .panel-button#panelActivities:overview .workspace-dot {
background-color: white;
}
#panel {
font-weight: 500;
color: white;
transition-duration: 250ms;
height: 40px !important;
background-color: transparent;
}
#panel .panel-corner {
-panel-corner-radius: 0;
-panel-corner-background-color: rgba(255, 255, 255, 0.155);
-panel-corner-border-width: 2px;
-panel-corner-border-color: transparent;
-panel-corner-opacity: 1;
transition-duration: 250ms;
}
#panel .panel-button {
-natural-hpadding: 12px;
-minimum-hpadding: 12px;
color: white;
transition-duration: 150ms;
border: 6px solid transparent !important;
border-radius: 9999px;
}
#panel .panel-button StLabel {
padding: 0;
margin: 0;
}
#panel .panel-button .popup-menu-arrow {
width: 0;
height: 0;
}
#panel .panel-button,
#panel .panel-button:hover,
#panel .panel-button:active,
#panel .panel-button:overview,
#panel .panel-button:focus,
#panel .panel-button:checked {
text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15);
}
#panel .panel-button .system-status-icon,
#panel .panel-button .app-menu-icon > StIcon,
#panel .panel-button .popup-menu-arrow,
#panel .panel-button:hover .system-status-icon,
#panel .panel-button:hover .app-menu-icon > StIcon,
#panel .panel-button:hover .popup-menu-arrow,
#panel .panel-button:active .system-status-icon,
#panel .panel-button:active .app-menu-icon > StIcon,
#panel .panel-button:active .popup-menu-arrow,
#panel .panel-button:overview .system-status-icon,
#panel .panel-button:overview .app-menu-icon > StIcon,
#panel .panel-button:overview .popup-menu-arrow,
#panel .panel-button:focus .system-status-icon,
#panel .panel-button:focus .app-menu-icon > StIcon,
#panel .panel-button:focus .popup-menu-arrow,
#panel .panel-button:checked .system-status-icon,
#panel .panel-button:checked .app-menu-icon > StIcon,
#panel .panel-button:checked .popup-menu-arrow {
icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15);
}
#panel .panel-button:hover {
color: white;
background-color: transparent;
box-shadow: inset 0 0 0 1000px rgba(255, 255, 255, 0.15);
}
#panel .panel-button:hover.clock-display {
background: none;
}
#panel .panel-button:hover.clock-display .clock {
background-color: transparent;
box-shadow: inset 0 0 0 1000px rgba(255, 255, 255, 0.15);
}
#panel .panel-button:active,
#panel .panel-button:overview,
#panel .panel-button:focus,
#panel .panel-button:checked {
color: white;
background-color: transparent;
box-shadow: inset 0 0 0 1000px rgba(255, 255, 255, 0.28);
}
#panel .panel-button:active.clock-display,
#panel .panel-button:overview.clock-display,
#panel .panel-button:focus.clock-display,
#panel .panel-button:checked.clock-display {
background: none;
}
#panel .panel-button:active.clock-display .clock,
#panel .panel-button:overview.clock-display .clock,
#panel .panel-button:focus.clock-display .clock,
#panel .panel-button:checked.clock-display .clock {
background-color: transparent;
box-shadow: inset 0 0 0 1000px rgba(255, 255, 255, 0.28);
}
.unlock-screen #panel .panel-button,
.unlock-screen #panel .panel-button:focus,
.unlock-screen #panel .panel-button:hover,
.unlock-screen #panel .panel-button:active,
.login-screen #panel .panel-button,
.login-screen #panel .panel-button:focus,
.login-screen #panel .panel-button:hover,
.login-screen #panel .panel-button:active,
.lock-screen #panel .panel-button,
.lock-screen #panel .panel-button:focus,
.lock-screen #panel .panel-button:hover,
.lock-screen #panel .panel-button:active {
color: white;
}
.login-screen #panel .panel-button,
.lock-screen #panel .panel-button {
box-shadow: none;
}
#panel .panel-button.clock-display {
background-color: transparent;
box-shadow: none;
}
#panel .panel-button.clock-display,
#panel .panel-button.clock-display .clock-display-box {
spacing: 0 !important;
padding: 0 !important;
margin: 0 !important;
}
#panel .panel-button.clock-display .clock {
border-radius: 9999px;
background-color: transparent;
padding: 0 16px !important;
margin: 0 !important;
border: 6px solid transparent !important;
box-shadow: none;
}
#panel .panel-button.clock-display .messages-indicator {
icon-size: 1.091em;
}
#panel .panel-button:hover.clock-display,
#panel .panel-button:active.clock-display,
#panel .panel-button:overview.clock-display,
#panel .panel-button:focus.clock-display,
#panel .panel-button:checked.clock-display {
box-shadow: none !important;
background-color: transparent !important;
}
#panel .panel-button .system-status-icon {
icon-size: 16px;
padding: 4px;
margin: 0;
}
#panel .panel-button .panel-status-menu-box StLabel {
padding: 0 0 0 2px;
}
#panel .panel-button .appindicator-trayicons-box {
margin: 0 4px;
}
#panel .panel-button .app-menu-icon {
-st-icon-style: symbolic;
}
#panel .panel-button#panelActivities {
background-gradient-direction: none;
}
#panel .panel-button.screen-recording-indicator,
#panel .panel-button.screen-sharing-indicator {
border: 6px solid transparent;
background-color: transparent;
}
#panel .panel-button.screen-recording-indicator StBoxLayout,
#panel .panel-button.screen-sharing-indicator StBoxLayout {
spacing: 0.409em;
}
#panel .panel-button.screen-recording-indicator StIcon,
#panel .panel-button.screen-sharing-indicator StIcon {
icon-size: 1.091em;
}
#panel .panel-button.screen-recording-indicator {
box-shadow: inset 0 0 0 1000px #ed5f5d !important;
}
#panel .panel-button.screen-recording-indicator:hover {
box-shadow: inset 0 0 0 1000px #ef7270 !important;
}
#panel .panel-button.screen-recording-indicator:active {
box-shadow: inset 0 0 0 1000px #f18584 !important;
}
#panel .panel-button.screen-sharing-indicator {
box-shadow: inset 0 0 0 1000px #e9873a !important;
}
#panel .panel-button.screen-sharing-indicator:hover {
box-shadow: inset 0 0 0 1000px #ec9552 !important;
}
#panel .panel-button.screen-sharing-indicator:active {
box-shadow: inset 0 0 0 1000px #eea469 !important;
}
#panel Gjs_AggregateMenu.panel-button .system-status-icon,
#panel Gjs_ui_panel_AggregateMenu.panel-button .system-status-icon,
#panel Gjs_ui_panel_QuickSettings.panel-button .system-status-icon {
margin: 0 2px !important;
}
#panel Gjs_ui_panel_AppMenuButton.panel-button,
#panel .desktop-name-label {
font-weight: bold !important;
}
#panel Gjs_status_keyboard_InputSourceIndicator.panel-button,
#panel
Gjs_appindicatorsupport_rgcjonas_gmail_com_indicatorStatusIcon_IndicatorStatusIcon.panel-button,
#panel
Gjs_appindicatorsupport_rgcjonas_gmail_com_indicatorStatusIcon_AppIndicatorsIndicatorStatusIcon.panel-button {
-natural-hpadding: 16px !important;
-minimum-hpadding: 16px !important;
}
#panel:overview,
#panel.unlock-screen,
#panel.login-screen,
#panel.lock-screen {
background-color: transparent;
box-shadow: none;
}
#panel:overview StLabel,
#panel:overview StIcon,
#panel.unlock-screen StLabel,
#panel.unlock-screen StIcon,
#panel.login-screen StLabel,
#panel.login-screen StIcon,
#panel.lock-screen StLabel,
#panel.lock-screen StIcon {
color: rgba(255, 255, 255, 0.85);
}
#panel:overview .panel-button,
#panel.unlock-screen .panel-button,
#panel.login-screen .panel-button,
#panel.lock-screen .panel-button {
box-shadow: none;
}
#panel:overview .panel-button.clock-display .clock,
#panel.unlock-screen .panel-button.clock-display .clock,
#panel.login-screen .panel-button.clock-display .clock,
#panel.lock-screen .panel-button.clock-display .clock {
box-shadow: none;
}
#panel:overview .panel-button:hover,
#panel.unlock-screen .panel-button:hover,
#panel.login-screen .panel-button:hover,
#panel.lock-screen .panel-button:hover {
color: white;
background-color: transparent;
box-shadow: inset 0 0 0 1000px rgba(255, 255, 255, 0.12);
}
#panel:overview .panel-button:hover.clock-display .clock,
#panel.unlock-screen .panel-button:hover.clock-display .clock,
#panel.login-screen .panel-button:hover.clock-display .clock,
#panel.lock-screen .panel-button:hover.clock-display .clock {
background-color: transparent;
box-shadow: inset 0 0 0 1000px rgba(255, 255, 255, 0.12);
}
#panel:overview .panel-button:active,
#panel:overview .panel-button:active:hover,
#panel:overview .panel-button:overview,
#panel:overview .panel-button:overview:hover,
#panel:overview .panel-button:focus,
#panel:overview .panel-button:focus:hover,
#panel:overview .panel-button:checked,
#panel:overview .panel-button:checked:hover,
#panel.unlock-screen .panel-button:active,
#panel.unlock-screen .panel-button:active:hover,
#panel.unlock-screen .panel-button:overview,
#panel.unlock-screen .panel-button:overview:hover,
#panel.unlock-screen .panel-button:focus,
#panel.unlock-screen .panel-button:focus:hover,
#panel.unlock-screen .panel-button:checked,
#panel.unlock-screen .panel-button:checked:hover,
#panel.login-screen .panel-button:active,
#panel.login-screen .panel-button:active:hover,
#panel.login-screen .panel-button:overview,
#panel.login-screen .panel-button:overview:hover,
#panel.login-screen .panel-button:focus,
#panel.login-screen .panel-button:focus:hover,
#panel.login-screen .panel-button:checked,
#panel.login-screen .panel-button:checked:hover,
#panel.lock-screen .panel-button:active,
#panel.lock-screen .panel-button:active:hover,
#panel.lock-screen .panel-button:overview,
#panel.lock-screen .panel-button:overview:hover,
#panel.lock-screen .panel-button:focus,
#panel.lock-screen .panel-button:focus:hover,
#panel.lock-screen .panel-button:checked,
#panel.lock-screen .panel-button:checked:hover {
color: white;
background-color: transparent;
box-shadow: inset 0 0 0 1000px rgba(255, 255, 255, 0.2);
}
#panel:overview .panel-button:active.clock-display .clock,
#panel:overview .panel-button:overview.clock-display .clock,
#panel:overview .panel-button:focus.clock-display .clock,
#panel:overview .panel-button:checked.clock-display .clock,
#panel.unlock-screen .panel-button:active.clock-display .clock,
#panel.unlock-screen .panel-button:overview.clock-display .clock,
#panel.unlock-screen .panel-button:focus.clock-display .clock,
#panel.unlock-screen .panel-button:checked.clock-display .clock,
#panel.login-screen .panel-button:active.clock-display .clock,
#panel.login-screen .panel-button:overview.clock-display .clock,
#panel.login-screen .panel-button:focus.clock-display .clock,
#panel.login-screen .panel-button:checked.clock-display .clock,
#panel.lock-screen .panel-button:active.clock-display .clock,
#panel.lock-screen .panel-button:overview.clock-display .clock,
#panel.lock-screen .panel-button:focus.clock-display .clock,
#panel.lock-screen .panel-button:checked.clock-display .clock {
background-color: transparent;
box-shadow: inset 0 0 0 1000px rgba(255, 255, 255, 0.2);
}
#panel:overview .panel-button#panelActivities,
#panel.unlock-screen .panel-button#panelActivities,
#panel.login-screen .panel-button#panelActivities,
#panel.lock-screen .panel-button#panelActivities {
color: white;
}
#panel:overview .panel-button#panelActivities .workspace-dot,
#panel.unlock-screen .panel-button#panelActivities .workspace-dot,
#panel.login-screen .panel-button#panelActivities .workspace-dot,
#panel.lock-screen .panel-button#panelActivities .workspace-dot {
background-color: white;
}
#panel:overview .panel-corner,
#panel.unlock-screen .panel-corner,
#panel.login-screen .panel-corner,
#panel.lock-screen .panel-corner {
-panel-corner-radius: 0;
-panel-corner-background-color: transparent;
-panel-corner-border-color: transparent;
}
#panel .screencast-indicator,
#panel .remote-access-indicator,
#panel .privacy-indicator {
color: #e9873a;
}
/* Popovers/Menus */
.popup-menu-boxpointer {
-arrow-border-radius: 14px;
-arrow-background-color: transparent;
-arrow-border-width: 0;
-arrow-border-color: transparent;
-arrow-base: 32px;
-arrow-rise: 0;
-arrow-box-shadow: none;
}
.arcmenu-menu {
-arrow-base: 0;
}
.popup-menu {
min-width: 12em;
color: #424242;
}
.popup-menu.panel-menu {
-boxpointer-gap: 3px;
margin-bottom: 1.75em;
}
.popup-menu StEntry {
selection-background-color: rgba(255, 255, 255, 0.85);
selected-background-color: rgba(255, 255, 255, 0.85);
selected-color: #0088ff;
caret-color: #242424;
}
.popup-menu StEntry StLabel.hint-text {
margin-left: 2px;
color: rgba(36, 36, 36, 0.7);
}
.popup-menu-content {
padding: 4px;
margin: 4px 12px 17px 12px;
background-color: rgba(255, 255, 255, 0.82);
border-radius: 30px;
border: solid rgba(0, 0, 0, 0);
border-width: 1px;
box-shadow: inset 1.6px 1.6px 4px -4px rgb(255, 255, 255);
}
/*
.popup-menu-content #calendarArea {
background-color: rgba(0, 0, 0, 0.92);
border-radius: 30px;
padding: 10px;
box-shadow: inset 1.6px 1.6px 4px -4px rgba(255, 255, 255, 0.6);
}
*/
.popup-menu-content #calendarArea .events-button {
background-color: rgba(255, 255, 255, 0.92);
color: #424242;
border-radius: 20px;
box-shadow: inset 0 0 4px 2px rgb(255, 255, 255);
}
/*
.popup-menu-content #calendarArea .calendar {
background-color: rgba(255, 255, 255, 0.2);
border-radius: 20px;
padding: 10px;
box-shadow: inset 1.6px 1.6px 4px -4px rgba(255, 255, 255, 0.6);
}
*/
.popup-menu .popup-menu-item {
background-color: rgba(0, 0, 0, 0);
border: none;
spacing: 4px;
margin: 6px 8px 6px 8px;
padding: 8px;
color: #424242;
text-shadow: none !important;
icon-shadow: none !important;
border-radius: 9999px !important;
font-weight: normal;
transition: none;
}
.popup-menu .popup-menu-item:checked {
font-weight: normal;
border-radius: 20px 20px 0 0 !important;
border: none;
color: #424242 !important;
background-gradient-direction: none !important;
background-color: rgba(255, 255, 255, 0.92);
box-shadow: inset 0 0 4px 0.2px rgb(255, 255, 255);
}
.popup-menu .popup-menu-item:checked:focus,
.popup-menu .popup-menu-item:checked:hover,
.popup-menu .popup-menu-item:checked:selected {
color: #ffffff !important;
background-color: #0088ff !important;
background-gradient-direction: none !important;
}
.popup-menu .popup-menu-item:checked:active {
color: #424242 !important;
background-color: #0088ff !important;
}
.popup-menu .popup-menu-item:checked:insensitive {
color: #0088ff !important;
}
.popup-menu .popup-menu-item:focus,
.popup-menu .popup-menu-item:hover,
.popup-menu .popup-menu-item:selected {
color: #ffffff !important;
background-color: #0088ff !important;
transition-duration: 0ms !important;
}
.popup-menu .popup-menu-item:active,
.popup-menu .popup-menu-item.selected:active {
color: #424242 !important;
background-color: #0088ff !important;
}
.popup-menu .popup-menu-item:insensitive {
color: #0088ff !important;
}
.popup-menu .popup-menu-item .toggle-switch:ltr {
margin-left: 3px;
}
.popup-menu .popup-menu-item .toggle-switch:rtl {
margin-right: 3px;
}
.popup-sub-menu {
border-radius: 0 0 20px 20px !important;
border: none;
box-shadow: none;
margin: 0px 8px 6px 8px;
transition: none;
background-color: rgba(255, 255, 255, 0.92);
color: #424242;
box-shadow: inset 0 0 4px 0.2px rgb(255, 255, 255);
}
.popup-sub-menu .popup-menu-item {
margin: 4px;
border-radius: 9999px !important;
background-color: transparent !important;
}
.popup-sub-menu .popup-menu-item:focus,
.popup-sub-menu .popup-menu-item:hover,
.popup-sub-menu .popup-menu-item:selected {
color: #ffffff !important;
background-color: #0088ff !important;
}
.popup-sub-menu .popup-menu-item:first-child,
.popup-sub-menu .popup-menu-item:first-child,
.popup-sub-menu .popup-menu-item:first-child {
border-radius: 0 0 9999px 9999px;
}
.popup-sub-menu .popup-menu-item:active {
color: #424242 !important;
background-color: #0088ff !important;
}
.popup-ornamented-menu-item:ltr {
padding-left: 4px;
}
.popup-ornamented-menu-item:rtl {
padding-right: 4px;
}
.popup-inactive-menu-item {
color: #afafaf !important;
}
.popup-inactive-menu-item:insensitive {
color: rgba(222, 222, 222, 0.35) !important;
}
.popup-menu-arrow,
.popup-menu-icon {
icon-size: 16px;
icon-shadow: none !important;
}
.popup-menu-ornament {
icon-size: 1.091em !important;
width: 1.091em;
}
.background-menu {
-boxpointer-gap: 3px;
-arrow-rise: 0px;
}
.aggregate-menu {
min-width: 21em;
}
.aggregate-menu .popup-menu-icon {
padding: 0 !important;
-st-icon-style: symbolic;
}
.aggregate-menu .popup-menu-icon:ltr {
margin-right: 6px !important;
}
.aggregate-menu .popup-menu-icon:rtl {
margin-left: 6px !important;
}
.app-menu,
.app-well-menu {
max-width: 27.25em;
}
.rename-folder-popup .rename-folder-popup-item {
spacing: 4px;
}
.rename-folder-popup .rename-folder-popup-item:ltr,
.rename-folder-popup .rename-folder-popup-item:rtl {
padding: 0 8px;
}
/* Screen Shield */
.unlock-dialog-clock {
color: white;
font-weight: 300;
text-align: center;
spacing: 24px;
padding-bottom: 2.5em;
}
.unlock-dialog-clock-time {
font-size: 64pt;
padding-top: 42px;
font-feature-settings: 'tnum';
}
.unlock-dialog-clock-date {
font-size: 16pt;
font-weight: normal;
}
.unlock-dialog-clock-hint {
font-weight: normal;
padding-top: 48px;
}
.unlock-dialog-notifications-container {
margin: 12px 0;
spacing: 6px;
width: 23em;
background-color: transparent;
}
.unlock-dialog-notifications-container .summary-notification-stack-scrollview {
padding-top: 0;
padding-bottom: 0;
}
.unlock-dialog-notifications-container .notification,
.unlock-dialog-notifications-container .unlock-dialog-notification-source {
padding: 12px 6px;
border: none;
background-color: rgba(0, 0, 0, 0.6);
color: white;
border-radius: 6px;
}
.unlock-dialog-notifications-container .notification.critical,
.unlock-dialog-notifications-container
.unlock-dialog-notification-source.critical {
background-color: rgba(0, 0, 0, 0.3);
}
.unlock-dialog-notification-label {
padding: 0px 0px 0px 12px;
}
.unlock-dialog-notification-count-text {
weight: bold;
padding: 0 6px;
color: white;
background-color: #0088ff;
border-radius: 99px;
margin-right: 12px;
}
.screen-shield-background {
background: black;
box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15);
}
#unlockDialogNotifications StButton#vhandle,
#unlockDialogNotifications StButton#hhandle {
background-color: rgba(245, 245, 245, 0.3);
}
#unlockDialogNotifications StButton#vhandle:hover,
#unlockDialogNotifications StButton#vhandle:focus,
#unlockDialogNotifications StButton#hhandle:hover,
#unlockDialogNotifications StButton#hhandle:focus {
background-color: rgba(245, 245, 245, 0.5);
}
#unlockDialogNotifications StButton#vhandle:active,
#unlockDialogNotifications StButton#hhandle:active {
background-color: st-transparentize(#0088ff, 0.5);
}
/* Scrollbars */
StScrollView.vfade {
-st-vfade-offset: 68px;
}
StScrollView.hfade {
-st-hfade-offset: 68px;
}
StScrollBar {
padding: 0;
margin: 6px;
}
StScrollView StScrollBar {
min-width: 8px;
min-height: 8px;
}
StScrollBar StBin#trough {
border-radius: 9999px;
background-color: rgba(0, 0, 0, 0.12);
}
StScrollBar StButton#vhandle,
StScrollBar StButton#hhandle {
border-radius: 9999px;
background-color: #565656;
border: 4px solid transparent;
}
StScrollBar StButton#vhandle:hover,
StScrollBar StButton#hhandle:hover {
background-color: #424242;
}
StScrollBar StButton#vhandle:active,
StScrollBar StButton#hhandle:active {
background-color: #242424;
}
.app-folder-dialog .folder-name-container .folder-name-entry,
#overview .search-entry {
width: 320px;
min-height: 28px;
padding: 0 10px !important;
background-clip: padding-box;
color: rgba(255, 255, 255, 0.5);
caret-color: rgba(255, 255, 255, 0.85);
selection-background-color: rgba(255, 255, 255, 0.2);
selected-color: rgba(255, 255, 255, 0.85);
background-color: rgba(255, 255, 255, 0.12);
border-radius: 8px;
border-color: transparent !important;
box-shadow: none !important;
box-shadow: none;
}
.app-folder-dialog .folder-name-container .folder-name-entry:hover,
#overview .search-entry:hover {
background-color: rgba(255, 255, 255, 0.2);
border-color: transparent !important;
box-shadow: none !important;
color: rgba(255, 255, 255, 0.85);
box-shadow: none;
}
.app-folder-dialog .folder-name-container .folder-name-entry:focus,
#overview .search-entry:focus {
border-color: transparent !important;
background-color: rgba(255, 255, 255, 0.18);
box-shadow: none !important;
color: rgba(255, 255, 255, 0.85);
box-shadow: none;
}
.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon,
#overview .search-entry .search-entry-icon {
icon-size: 16px;
padding: 0 0;
color: rgba(255, 255, 255, 0.5);
}
.app-folder-dialog
.folder-name-container
.folder-name-entry:hover
.search-entry-icon,
.app-folder-dialog
.folder-name-container
.folder-name-entry:focus
.search-entry-icon,
#overview .search-entry:hover .search-entry-icon,
#overview .search-entry:focus .search-entry-icon {
color: rgba(255, 255, 255, 0.85);
}
.app-folder-dialog .folder-name-container .folder-name-entry:insensitive,
#overview .search-entry:insensitive {
color: rgba(255, 255, 255, 0.45);
}
.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text,
#overview .search-entry StLabel.hint-text {
color: rgba(255, 255, 255, 0.5);
}
/* Search */
.list-search-result,
.search-provider-icon {
border-radius: 6px;
padding: 8px;
transition-duration: 0;
text-align: center;
background-color: transparent;
}
.list-search-result:focus,
.search-provider-icon:focus,
.list-search-result:hover,
.search-provider-icon:hover,
.list-search-result:selected,
.search-provider-icon:selected {
background-color: rgba(255, 255, 255, 0.12);
transition: none;
}
.list-search-result:active,
.search-provider-icon:active,
.list-search-result:checked,
.search-provider-icon:checked {
background-color: rgba(255, 255, 255, 0.2);
transition-duration: 150ms;
}
#searchResultsContent {
max-width: 1024px;
spacing: 6px;
}
.search-section {
spacing: 6px;
}
.search-section .search-section-separator {
height: 0;
background-color: rgba(255, 255, 255, 0.12);
}
.search-section-content {
spacing: 6px;
border-radius: 16px;
padding: 12px;
border: none;
box-shadow: none;
background: rgba(255, 255, 255, 0.12);
text-shadow: none;
color: rgba(255, 255, 255, 0.85);
}
.search-statustext {
font-size: 2em;
font-weight: bold;
color: rgba(255, 255, 255, 0.5);
}
.grid-search-results {
spacing: 24px;
}
.search-provider-icon .list-search-provider-content {
spacing: 8px;
}
.search-provider-icon
.list-search-provider-content
.list-search-provider-details {
width: 120px;
margin-top: 0;
color: rgba(255, 255, 255, 0.5);
}
.list-search-results {
spacing: 4px;
}
.list-search-result .list-search-result-content {
spacing: 4px;
}
.list-search-result .list-search-result-title {
spacing: 8px;
}
.list-search-result .list-search-result-description {
color: rgba(255, 255, 255, 0.85);
}
/* App Switcher */
.switcher-popup {
padding: 8px;
spacing: 16px;
}
.switcher-list {
border-radius: 20px;
}
.switcher-list .item-box {
padding: 8px;
border-radius: 12px;
border: 1px solid transparent;
background-color: transparent;
color: #242424;
}
.switcher-list .item-box:outlined {
background-color: rgba(0, 0, 0, 0.12);
color: #242424;
}
.switcher-list .item-box:selected {
background-imgae: url('gradient-bg.svg');
color: rgba(255, 255, 255, 0.85);
}
.switcher-list .thumbnail-box {
padding: 2px;
spacing: 4px;
}
.switcher-list .thumbnail {
width: 256px;
}
.switcher-list .separator {
width: 1px;
background: rgba(0, 0, 0, 0.12);
}
.switcher-list .switcher-list-item-container {
spacing: 8px;
}
.switcher-arrow {
border-color: rgba(0, 0, 0, 0);
color: #565656;
}
.switcher-arrow:highlighted {
color: #242424;
}
.input-source-switcher-symbol {
font-size: 34pt;
width: 96px;
height: 96px;
}
.cycler-highlight {
border: 5px solid #0088ff;
}
/* Tiled window previews */
.tile-preview {
background-color: st-transparentize(#0088ff, 0.75);
border: 1px solid #0088ff;
}
.tile-preview-left.on-primary {
border-radius: 9px 0 0 0;
}
.tile-preview-right.on-primary {
border-radius: 0 9px 0 0;
}
.tile-preview-left.tile-preview-right.on-primary {
border-radius: 9px 9px 0 0;
}
/* Workspace Switcher */
.workspace-switcher-group {
padding: 8px;
}
.workspace-switcher {
background: transparent;
border: none;
border-radius: 0;
padding: 0;
spacing: 8px;
}
.ws-switcher-box {
background: transparent;
height: 50px;
background-size: 32px;
background: rgba(0, 0, 0, 0.12);
border-radius: 6px;
}
.ws-switcher-active-up,
.ws-switcher-active-down,
.ws-switcher-active-left,
.ws-switcher-active-right {
height: 52px;
background-color: #0088ff;
color: rgba(255, 255, 255, 0.85);
border-radius: 11px;
border: none;
}
/* App Grid */
.icon-grid {
row-spacing: 12px;
column-spacing: 12px;
max-row-spacing: 36px;
max-column-spacing: 36px;
page-padding-top: 24px;
page-padding-bottom: 24px;
page-padding-left: 18px;
page-padding-right: 18px;
}
/* App Icons */
.overview-tile {
color: rgba(255, 255, 255, 0.85);
background-color: transparent;
border-radius: 36px;
padding: 12px;
spacing: 4px;
text-align: center;
transition-duration: 100ms;
}
.overview-tile:focus {
color: white;
background-color: rgba(255, 255, 255, 0.12);
}
.overview-tile:hover {
color: white;
background-color: rgba(255, 255, 255, 0.12);
}
.overview-tile:active {
color: white;
background-color: rgba(255, 255, 255, 0.2);
}
.overview-tile:highlighted,
.overview-tile:selected,
.overview-tile:checked {
color: white;
background-color: rgba(255, 255, 255, 0.2);
}
.overview-tile:insensitive {
color: rgba(255, 255, 255, 0.35);
background-color: transparent;
}
.overview-tile .overview-icon.overview-icon-with-label > StBoxLayout {
spacing: 6px;
}
.app-grid-running-dot {
width: 5px;
height: 5px;
border-radius: 5px;
background-color: rgba(255, 255, 255, 0.85);
margin-bottom: 0 !important;
offset-y: 6px;
}
StWidget.focused .app-grid-running-dot {
background-color: #0088ff;
}
.app-folder {
background-color: rgba(255, 255, 255, 0.12);
}
.app-folder:focus {
background-color: rgba(255, 255, 255, 0.12);
}
.app-folder:hover {
background-color: rgba(255, 255, 255, 0.2);
}
.app-folder:active {
background-color: rgba(255, 255, 255, 0.3);
}
.app-folder:highlighted,
.app-folder:selected,
.app-folder:checked {
background-color: rgba(255, 255, 255, 0.3);
}
.app-folder:insensitive {
background-color: transparent;
}
.app-folder-dialog-container {
padding-top: 28px;
}
.app-folder-dialog {
width: 720px;
height: 720px;
}
.app-folder-dialog .page-indicators {
margin-bottom: 16px;
}
.app-folder-dialog .icon-button,
.app-folder-dialog .message .message-header .message-expand-button,
.message .message-header .app-folder-dialog .message-expand-button,
.app-folder-dialog .message .message-header .message-close-button,
.message .message-header .app-folder-dialog .message-close-button,
.app-folder-dialog .message-notification-group .message-collapse-button,
.message-notification-group .app-folder-dialog .message-collapse-button,
.app-folder-dialog .page-navigation-arrow {
color: rgba(255, 255, 255, 0.85);
background-color: transparent;
border: none !important;
}
.app-folder-dialog .icon-button:hover,
.app-folder-dialog .message .message-header .message-expand-button:hover,
.message .message-header .app-folder-dialog .message-expand-button:hover,
.app-folder-dialog .message .message-header .message-close-button:hover,
.message .message-header .app-folder-dialog .message-close-button:hover,
.app-folder-dialog .message-notification-group .message-collapse-button:hover,
.message-notification-group .app-folder-dialog .message-collapse-button:hover,
.app-folder-dialog .page-navigation-arrow:hover {
background-color: rgba(255, 255, 255, 0.12);
color: white;
}
.app-folder-dialog .icon-button:active,
.app-folder-dialog .message .message-header .message-expand-button:active,
.message .message-header .app-folder-dialog .message-expand-button:active,
.app-folder-dialog .message .message-header .message-close-button:active,
.message .message-header .app-folder-dialog .message-close-button:active,
.app-folder-dialog .message-notification-group .message-collapse-button:active,
.message-notification-group .app-folder-dialog .message-collapse-button:active,
.app-folder-dialog .page-navigation-arrow:active {
background-color: rgba(255, 255, 255, 0.2);
color: white;
}
.apps-scroll-view {
padding: 0;
}
.system-action-icon {
background-color: rgba(255, 255, 255, 0.06);
color: white;
border-radius: 9999px;
icon-size: 48px;
}
.page-navigation-hint {
width: 220px;
}
.page-navigation-hint.dnd {
background: rgba(255, 255, 255, 0.1);
}
.page-navigation-hint.next:ltr,
.page-navigation-hint.previous:rtl {
background-gradient-start: rgba(255, 255, 255, 0.12);
background-gradient-end: transparent;
background-gradient-direction: horizontal;
border-radius: 16px 0px 0px 16px;
}
.page-navigation-hint.previous:ltr,
.page-navigation-hint.next:rtl {
background-gradient-start: transparent;
background-gradient-end: rgba(255, 255, 255, 0.12);
background-gradient-direction: horizontal;
border-radius: 0px 16px 16px 0px;
}
.page-navigation-arrow {
margin: 4px;
padding: 12px;
width: 24px;
height: 24px;
border-radius: 9999px;
color: rgba(255, 255, 255, 0.85);
background-color: transparent;
}
.page-navigation-arrow > StIcon {
color: white;
}
.page-navigation-arrow:insensitive {
background-color: rgba(255, 255, 255, 0.06);
color: rgba(255, 255, 255, 0.35);
}
.page-navigation-arrow:hover {
background-color: rgba(255, 255, 255, 0.12);
color: white;
}
.page-navigation-arrow:active {
background-color: rgba(255, 255, 255, 0.2);
color: white;
}
/* Check Boxes */
.check-box StBoxLayout {
spacing: 0.8em;
}
.check-box StBin {
border-radius: 7px;
padding: 2px;
}
.check-box:focus StBin {
background-color: rgba(0, 0, 0, 0.01);
box-shadow: inset 0 0 0 2px st-transparentize(#0088ff, 0.65);
}
.check-box StIcon {
icon-size: 14px;
padding: 1px;
color: transparent;
border-radius: 6px;
border: 2px solid rgba(0, 0, 0, 0.15);
}
.check-box:hover StIcon {
border-color: rgba(0, 0, 0, 0.2);
}
.check-box:active StIcon {
border-color: rgba(0, 0, 0, 0.3);
}
.check-box:checked StIcon {
background-color: #0088ff;
color: -st-accent-fg-color;
border-color: transparent;
}
.check-box:checked:hover StIcon {
background-color: st-lighten(#0088ff, 5%);
color: st-lighten(-st-accent-fg-color, 5%);
}
.check-box:checked:active StIcon {
background-color: st-darken(#0088ff, 7%);
color: st-darken(-st-accent-fg-color, 7%);
}
/* Dash */
#dash {
padding-left: 0;
padding-right: 0;
}
#dash .dash-background {
background-color: rgba(255, 255, 255, 0.12);
border-radius: 28px;
padding-top: 8px;
padding-bottom: 8px;
padding-left: 6.5px;
padding-right: 6.5px;
border: none;
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
}
#dash .dash-item-container .placeholder {
background-image: none;
background-size: contain;
height: 32px;
}
#dash .dash-item-container .empty-dash-drop-target {
width: 32px;
height: 32px;
}
#dash .dash-item-container .show-apps,
#dash .dash-item-container .overview-tile {
background: none;
box-shadow: none;
border: none;
border-radius: 0;
padding: 0;
margin: 0 1.5px;
padding-bottom: 9px;
}
#dash .dash-item-container .show-apps .overview-icon,
#dash .dash-item-container .overview-tile .overview-icon {
border-radius: 20px;
padding: 4px;
spacing: 4px;
text-align: center;
transition-duration: 100ms;
background: none;
}
#dash .dash-item-container .show-apps:focus .overview-icon,
#dash .dash-item-container .overview-tile:focus .overview-icon {
background-color: rgba(255, 255, 255, 0.12);
}
#dash .dash-item-container .show-apps:hover .overview-icon,
#dash .dash-item-container .overview-tile:hover .overview-icon {
background-color: rgba(255, 255, 255, 0.12);
}
#dash .dash-item-container .show-apps:active .overview-icon,
#dash .dash-item-container .overview-tile:active .overview-icon {
background-color: rgba(255, 255, 255, 0.2);
}
#dash .dash-item-container .show-apps:highlighted .overview-icon,
#dash .dash-item-container .show-apps:selected .overview-icon,
#dash .dash-item-container .show-apps:checked .overview-icon,
#dash .dash-item-container .overview-tile:highlighted .overview-icon,
#dash .dash-item-container .overview-tile:selected .overview-icon,
#dash .dash-item-container .overview-tile:checked .overview-icon {
background-color: rgba(255, 255, 255, 0.2);
}
#dash .dash-item-container .show-apps:insensitive .overview-icon,
#dash .dash-item-container .overview-tile:insensitive .overview-icon {
background-color: transparent;
}
#dash .dash-item-container .app-grid-running-dot {
offset-y: -9px;
}
#dash .dash-separator {
width: 1px;
margin-left: 3px;
margin-right: 3px;
background-color: rgba(255, 255, 255, 0.15);
}
#dash .dash-separator,
#dash .dash-background {
margin-bottom: 9px;
}
.dash-label {
-y-offset: 6px;
}
/* Modal Dialogs */
.modal-dialog,
.candidate-popup-content {
background-color: rgba(255, 255, 255, 0.75);
border-radius: 30px;
box-shadow: inset 1.6px 1.6px 4px -4px rgb(255, 255, 255);
}
.modal-dialog .modal-dialog-button:last-child,
.modal-dialog .modal-dialog-linked-button:last-child {
color: white !important;
background-color: #0088ff;
background-gradient-direction: none !important;
}
.modal-dialog .modal-dialog-button:hover:last-child,
.modal-dialog .modal-dialog-linked-button:hover:last-child {
color: white !important;
background-gradient-direction: none !important;
background-color: st-lighten(#0088ff, 9%);
}
.modal-dialog .modal-dialog-button:active:last-child,
.modal-dialog .modal-dialog-linked-button:active:last-child {
color: white !important;
background-gradient-direction: none !important;
background-color: st-darken(#0088ff, 5%);
}
.modal-dialog .modal-dialog-button:insensitive:last-child,
.modal-dialog .modal-dialog-linked-button:insensitive:last-child {
background-gradient-direction: none !important;
background-color: st-transparentize(#0088ff, 0.9);
color: st-transparentize(#0088ff, 0.65) !important;
}
.modal-dialog {
color: #242424;
padding: 12px;
}
.modal-dialog .modal-dialog-content-box {
padding: 16px 32px 6px;
spacing: 12px;
max-width: 28em;
}
.modal-dialog .modal-dialog-button-box {
padding-top: 4px;
spacing: 4px;
}
.modal-dialog .modal-dialog-button,
.modal-dialog .modal-dialog-linked-button {
min-height: 40px;
padding: 0 16px;
margin: 0;
border: none !important;
border-radius: 9999px;
font-weight: bold;
color: #242424;
background-color: #e6e6e6;
border: none;
text-shadow: none;
icon-shadow: none;
}
.modal-dialog .modal-dialog-button:hover,
.modal-dialog .modal-dialog-linked-button:hover {
color: #242424;
border: none;
text-shadow: none;
icon-shadow: none;
background-color: st-mix(#242424, #e6e6e6, 6%);
}
.modal-dialog .modal-dialog-button:active,
.modal-dialog .modal-dialog-linked-button:active {
color: #242424;
border: none;
text-shadow: none;
icon-shadow: none;
background-color: st-mix(#242424, #e6e6e6, 12%);
}
.modal-dialog .modal-dialog-button:checked,
.modal-dialog .modal-dialog-linked-button:checked {
color: white;
background-color: #0088ff;
border: none;
text-shadow: none;
icon-shadow: none;
}
.modal-dialog .modal-dialog-button:insensitive,
.modal-dialog .modal-dialog-linked-button:insensitive {
color: rgba(36, 36, 36, 0.45);
background-color: #e6e6e6;
border: none;
text-shadow: none;
icon-shadow: none;
}
.modal-dialog .modal-dialog-button:focus,
.modal-dialog .modal-dialog-linked-button:focus {
color: #242424;
text-shadow: none;
icon-shadow: none;
box-shadow: none !important;
}
.end-session-dialog {
width: 28em;
}
.end-session-dialog .end-session-dialog-battery-warning,
.end-session-dialog .dialog-list-title {
color: #e9873a;
}
.message-dialog-content {
spacing: 18px;
}
.message-dialog-content .message-dialog-title {
text-align: center;
}
.message-dialog-content .message-dialog-description {
text-align: center;
}
.dialog-list {
spacing: 18px;
}
.dialog-list .dialog-list-title {
text-align: center;
}
.dialog-list .dialog-list-scrollview {
max-height: 200px;
}
.dialog-list .dialog-list-box {
spacing: 1em;
}
.dialog-list .dialog-list-box .dialog-list-item {
spacing: 1em;
}
.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title {
font-weight: bold;
}
.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description {
color: #424242;
}
.run-dialog {
width: 24em;
}
.run-dialog .run-dialog-entry {
padding: 8px 6px;
}
.run-dialog .run-dialog-description {
text-align: center;
color: #424242;
}
.prompt-dialog {
width: 24em;
}
.prompt-dialog-password-grid {
spacing-rows: 8px;
spacing-columns: 4px;
}
.prompt-dialog-password-grid .prompt-dialog-password-entry {
width: auto;
}
.prompt-dialog-password-grid .prompt-dialog-password-entry:ltr {
margin-left: 20px;
}
.prompt-dialog-password-grid .prompt-dialog-password-entry:rtl {
margin-right: 20px;
}
.prompt-dialog-password-layout {
spacing: 8px;
}
.prompt-dialog-password-entry {
width: 20em;
padding: 8px 6px;
}
.prompt-dialog-error-label,
.prompt-dialog-info-label,
.prompt-dialog-null-label {
text-align: center;
}
.prompt-dialog-error-label {
color: #ed5f5d;
}
.prompt-dialog-info-label,
.prompt-dialog-null-label {
color: #565656;
}
.polkit-dialog-user-layout {
text-align: center;
spacing: 8px;
margin-bottom: 6px;
}
.polkit-dialog-user-layout .polkit-dialog-user-root-label {
color: #e9873a;
}
.audio-device-selection-dialog .modal-dialog-content-box {
margin-bottom: 28px;
}
.audio-device-selection-dialog .audio-selection-box {
spacing: 20px;
}
.audio-selection-device {
min-width: 24em;
border: 1px solid rgba(0, 0, 0, 0.12);
border-radius: 6px;
}
.audio-selection-device:hover,
.audio-selection-device:focus {
background-color: rgba(0, 0, 0, 0.16);
}
.audio-selection-device:active {
background-color: #0088ff;
color: white;
}
.audio-selection-device-box {
padding: 8px;
spacing: 8px;
}
.audio-selection-device-icon {
icon-size: 64px;
}
.welcome-dialog-image {
background-image: url('resource:///org/gnome/shell/theme/gnome-shell-start.svg');
background-size: contain;
height: 300px;
width: 300px;
}
/* Access portal dialog */
.access-dialog {
text-align: center;
}
/* Message List */
.message-list {
width: 29em;
text-shadow: none;
border: none;
padding: 0 3px;
}
.message-list:ltr {
margin-left: 0;
margin-right: 0;
padding-right: 4px;
border-right-width: 0;
}
.message-list:rtl {
margin-right: 0;
margin-left: 0;
padding-left: 4px;
border-left-width: 0;
}
.message-list .message-list-placeholder {
color: rgba(36, 36, 36, 0.45);
}
.message-list .message-list-placeholder > StIcon {
icon-size: 96px;
margin-bottom: 9px;
-st-icon-style: symbolic;
}
.message-view {
-st-vfade-offset: 68px;
}
.message-view:ltr {
margin-right: 15px;
}
.message-view:rtl {
margin-left: 15px;
}
.message-view .message {
margin-bottom: 8px !important;
}
.message-list-controls {
padding: 8px;
padding-bottom: 4px;
spacing: 4px;
}
.message-list-controls .dnd-button {
border-width: 2px;
border-color: transparent;
border-radius: 32px;
border-style: solid;
}
.message-list-controls .dnd-button:focus {
border-color: st-transparentize(#0088ff, 0.4);
}
.message-notification-group {
spacing: 8px;
}
.message-notification-group .message-group-header {
padding: 4px;
}
.message-notification-group .message-group-header .message-group-title {
margin: 0 3px;
}
.message-notification-group .message-collapse-button {
color: #242424;
background-color: rgba(36, 36, 36, 0.2);
padding: 4px !important;
border: 4px transparent solid;
}
.message-notification-group .message-collapse-button:hover {
background-color: rgba(36, 36, 36, 0.3);
}
.message-notification-group .message-collapse-button:active {
background-color: rgba(36, 36, 36, 0.2);
}
.popup-menu .message {
border-radius: 20px;
padding: 4px;
margin: 3px;
background-color: rgba(255, 255, 255, 0.92);
border-radius: 20px;
box-shadow: inset 0 0 4px 0.1px rgb(255, 255, 255);
color: #424242;
}
.popup-menu .message:hover,
.popup-menu .message:focus {
color: #242424;
background-color: white;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) !important;
}
.popup-menu .message:active {
color: #242424;
background-color: #fcfcfc;
box-shadow: none !important;
}
.popup-menu .message:insensitive {
color: rgba(66, 66, 66, 0.45);
background-color: rgba(255, 255, 255, 0.5);
box-shadow: none !important;
}
.message {
border: none;
}
.message:second-in-stack {
background-color: #fafafa;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.02);
}
.message:lower-in-stack {
background-color: whitesmoke;
box-shadow: none;
border-color: transparent;
}
.message .message-header {
padding: 0 4px;
spacing: 4px;
color: rgba(36, 36, 36, 0.45);
}
.message .message-header:ltr {
padding-right: 0;
}
.message .message-header:rtl {
padding-left: 0;
}
.message .message-header .message-source-icon {
icon-size: 1.091em;
-st-icon-style: symbolic;
}
.message .message-header .message-header-content {
spacing: 4px;
min-height: 1.637em;
padding-bottom: 4px;
}
.message .message-header .message-header-content .message-source-title {
font-weight: bold;
}
.message .message-header .message-header-content .event-time {
color: rgba(36, 36, 36, 0.45);
padding-bottom: 0.068em;
}
.message .message-header .message-header-content .event-time:ltr {
text-align: right;
}
.message .message-header .message-header-content .event-time:rtl {
text-align: left;
}
.message .message-header .message-expand-button,
.message .message-header .message-close-button {
color: #242424;
background-color: rgba(36, 36, 36, 0.1);
padding: 4px;
border: none;
}
.message .message-header .message-expand-button:hover,
.message .message-header .message-close-button:hover {
background-color: rgba(36, 36, 36, 0.19);
}
.message .message-header .message-expand-button:active,
.message .message-header .message-expand-button:active:hover,
.message .message-header .message-close-button:active,
.message .message-header .message-close-button:active:hover {
background-color: rgba(36, 36, 36, 0.24);
}
.message .message-header .message-expand-button:insensitive,
.message .message-header .message-close-button:insensitive {
background-color: rgba(36, 36, 36, 0.07);
}
.message .message-header .message-expand-button {
padding: 4px;
}
.message .message-header .message-expand-button:ltr {
margin-right: 4px;
}
.message .message-header .message-expand-button:rtl {
margin-left: 4px;
}
.message .message-box {
padding: 4px;
margin: 4px;
margin-top: 0;
spacing: 4px;
}
.message .message-box .message-icon {
icon-size: 48px;
}
.message .message-box .message-icon:ltr {
margin-right: 4px;
}
.message .message-box .message-icon:rtl {
margin-left: 4px;
}
.message .message-box .message-icon.message-themed-icon {
border-radius: 9999px;
background-color: rgba(36, 36, 36, 0.2);
icon-size: 16px;
min-width: 32px;
min-height: 32px;
padding: 8px;
}
.message .message-box:first-child {
margin-top: 8px;
}
.message .message-box .message-content {
spacing: 3px;
}
.message .message-box .message-content .message-title {
font-weight: bold;
}
.message .message-action-bin {
padding: 3px;
spacing: 4px;
}
.message .message-action-bin * {
margin: 0 3px;
}
.message .message-action-bin *:first-child:ltr {
margin-left: 0;
}
.message .message-action-bin *:first-child:rtl {
margin-right: 0;
}
.message .message-action-bin *:last-child:ltr {
margin-right: 0;
}
.message .message-action-bin *:last-child:rtl {
margin-left: 0;
}
.url-highlighter {
link-color: #3484e2;
}
.message-media-control {
margin: 7px 4px !important;
padding: 8px !important;
border-radius: 9999px;
color: #424242;
}
.message-media-control:hover,
.message-media-control:focus {
color: #242424;
background-color: rgba(0, 0, 0, 0.12);
}
.message-media-control:active {
color: #242424;
background-color: rgba(0, 0, 0, 0.2);
}
.message-media-control:insensitive {
color: rgba(36, 36, 36, 0.45);
}
.message-media-control StIcon {
icon-size: 16px;
}
.media-message .message-icon {
border-radius: 6px !important;
}
.media-message .message-icon.message-themed-icon {
icon-size: 32px !important;
}
/* Notifications & Message Tray */
.notification-banner {
min-height: 64px;
width: 34em;
border-radius: 14px;
margin: 8px;
padding: 4px;
color: #242424;
background-color: rgba(245, 245, 245, 0.92);
border: 1px solid transparent;
text-shadow: none;
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.15);
}
.notification-buttons-bin {
spacing: 0;
padding: 0;
}
.notification-button {
min-height: 32px;
padding: 0 8px;
background-color: rgba(0, 0, 0, 0.06);
color: #424242;
font-weight: 500;
border: 1px solid transparent;
border-radius: 6px;
}
.notification-button:focus {
background-color: #ffffff;
color: #242424;
box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.12) !important;
}
.notification-button:hover {
background-color: rgba(0, 0, 0, 0.12);
color: #242424;
box-shadow: none;
}
.notification-button:active,
.notification-button:checked {
background-color: rgba(0, 0, 0, 0.2);
color: #242424;
}
.notification-button:insensitive {
background-color: transparent;
color: rgba(66, 66, 66, 0.45);
}
.controls-manager,
.secondary-monitor-workspaces {
spacing: 8px;
}
#overviewGroup {
background-color: #2a2a2a;
}
.osd-window {
spacing: 8px;
padding: 8px 12px;
margin-bottom: 4em;
}
.osd-window > * {
spacing: 8px;
}
.osd-window StIcon {
icon-size: 32px;
}
.osd-window StLabel:ltr {
margin-right: 6px;
}
.osd-window StLabel:rtl {
margin-left: 6px;
}
.osd-window .level {
margin-bottom: 4px;
min-width: 160px;
}
.osd-window .level:first-child {
margin-bottom: 0px;
}
.osd-window .level:ltr {
margin-right: 4px;
}
.osd-window .level:rtl {
margin-left: 4px;
}
#appMenu {
spacing: 4px;
}
#appMenu .label-shadow {
color: transparent;
}
#appMenu .panel-status-menu-box {
padding: 0 4px;
spacing: 4px;
}
.popup-menu-item:ltr {
padding-right: 8px;
padding-left: 8px;
}
.popup-menu-item:rtl {
padding-left: 8px;
padding-right: 8px;
}
.popup-separator-menu-item {
border: none !important;
}
.popup-separator-menu-item:ltr {
margin-right: 4px;
}
.popup-separator-menu-item:rtl {
margin-left: 4px;
}
.popup-separator-menu-item .popup-separator-menu-item-separator {
height: 1px;
background-color: rgba(0, 0, 0, 0.12);
}
.popup-separator-menu-item .popup-menu-ornament {
width: 0 !important;
}
.popup-sub-menu .popup-separator-menu-item {
background-color: transparent;
}
.popup-sub-menu .popup-separator-menu-item:ltr {
margin-right: 2.5em;
}
.popup-sub-menu .popup-separator-menu-item:rtl {
margin-left: 2.5em;
}
.popup-sub-menu
.popup-separator-menu-item
.popup-separator-menu-item-separator {
background-color: rgba(0, 0, 0, 0.08);
}
.aggregate-menu .popup-menu-ornament,
.aggregate-menu .popup-sub-menu .popup-menu-ornament {
width: 0 !important;
}
.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr {
margin-left: 10px;
}
.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl {
margin-right: 10px;
}
.app-menu {
max-width: 27.25em;
}
.app-menu .popup-menu-ornament {
width: 0 !important;
}
.app-menu .popup-inactive-menu-item:first-child > StLabel:ltr {
margin-right: 6px;
}
.app-menu .popup-inactive-menu-item:first-child > StLabel:rtl {
margin-left: 6px;
}
.quick-settings {
padding: 20px !important;
padding-top: 8px !important;
border-radius: 33px !important;
margin-top: 8px !important;
background: none;
border: none;
box-shadow: none;
border-image: url('assets/menu.svg') 30 30 30 30;
}
.quick-settings .icon-button,
.quick-settings .message-notification-group .message-collapse-button,
.message-notification-group .quick-settings .message-collapse-button,
.quick-settings .message .message-header .message-expand-button,
.message .message-header .quick-settings .message-expand-button,
.quick-settings .message .message-header .message-close-button,
.message .message-header .quick-settings .message-close-button,
.quick-settings .button {
padding: 7px;
}
.quick-settings .icon-button StIcon,
.quick-settings .message-notification-group .message-collapse-button StIcon,
.message-notification-group .quick-settings .message-collapse-button StIcon,
.quick-settings .message .message-header .message-expand-button StIcon,
.message .message-header .quick-settings .message-expand-button StIcon,
.quick-settings .message .message-header .message-close-button StIcon,
.message .message-header .quick-settings .message-close-button StIcon,
.quick-settings .button StIcon {
icon-size: 16px;
}
.quick-settings-grid {
spacing-rows: 12px;
spacing-columns: 12px;
}
.quick-toggle,
.quick-toggle-has-menu {
min-width: 13em;
max-width: 13em;
min-height: 3.4em;
border: none;
box-shadow: inset 0 0 4px rgba(255, 255, 255, 0.35) !important;
color: white;
}
.quick-toggle {
background-color: rgba(255, 255, 255, 0.15) !important;
border-radius: 9999px;
color: white;
padding: 0 12px;
/* Move padding into the box; this is to allow menu arrows
to extend to the border */
}
.quick-toggle:hover {
background-color: rgba(255, 255, 255, 0.2) !important;
color: white;
}
.quick-toggle:active {
background-color: rgba(255, 255, 255, 0.25) !important;
color: white;
}
.quick-toggle:checked {
background-color: white !important;
color: #0088ff;
}
.quick-toggle:checked:hover {
color: #0088ff;
background-color: st-mix(#363636, white, 6%) !important;
}
.quick-toggle:checked:active {
color: #0088ff;
background-color: st-mix(#363636, white, 15%) !important;
}
.quick-toggle > StBoxLayout {
spacing: 8px;
}
.quick-toggle.button {
padding: 0;
}
.quick-toggle > StBoxLayout {
padding: 0 8px;
}
.quick-toggle:ltr > StBoxLayout {
padding-left: 20px;
}
.quick-toggle:rtl > StBoxLayout {
padding-right: 20px;
}
.quick-toggle .quick-toggle-subtitle {
font-weight: normal;
}
.quick-toggle .quick-toggle-icon {
icon-size: 16px;
}
.quick-toggle-has-menu {
background-color: rgba(255, 255, 255, 0.15) !important;
border-radius: 9999px;
padding: 4px 0;
}
.quick-toggle-has-menu:hover {
background-color: rgba(255, 255, 255, 0.2) !important;
}
.quick-toggle-has-menu:active {
background-color: rgba(255, 255, 255, 0.25) !important;
}
.quick-toggle-has-menu:checked {
background-color: rgba(255, 255, 255, 0.15) !important;
}
.quick-toggle-has-menu .quick-toggle {
min-width: auto;
max-width: auto;
}
.quick-toggle-has-menu .quick-toggle,
.quick-toggle-has-menu .quick-toggle:hover,
.quick-toggle-has-menu .quick-toggle:active,
.quick-toggle-has-menu .quick-toggle:checked {
background: none !important;
box-shadow: none !important;
color: white;
}
.quick-toggle-has-menu .quick-toggle .quick-toggle-icon {
border-radius: 9999px;
min-height: 3.4em !important;
min-width: 3.4em !important;
background-color: rgba(255, 255, 255, 0.15);
}
.quick-toggle-has-menu .quick-toggle:hover .quick-toggle-icon {
background-color: rgba(255, 255, 255, 0.2);
}
.quick-toggle-has-menu .quick-toggle:active .quick-toggle-icon {
background-color: rgba(255, 255, 255, 0.25);
}
.quick-toggle-has-menu .quick-toggle:checked .quick-toggle-icon {
color: #0088ff;
background-color: white;
}
.quick-toggle-has-menu .quick-toggle:ltr {
border-radius: 9999px;
}
.quick-toggle-has-menu .quick-toggle:ltr > StBoxLayout {
padding-left: 12px;
padding-right: 8px;
}
.quick-toggle-has-menu .quick-toggle:rtl {
border-radius: 9999px;
}
.quick-toggle-has-menu .quick-toggle:rtr > StBoxLayout {
padding-left: 8px;
padding-right: 12px;
}
.quick-toggle-has-menu .quick-toggle:ltr:last-child {
border-radius: 9999px;
}
.quick-toggle-has-menu .quick-toggle:rtl:last-child {
border-radius: 9999px;
}
.quick-toggle-has-menu .quick-toggle-menu-button {
padding: 0;
min-width: 2.4em;
min-height: 2.4em;
margin: 1em;
border-radius: 9999px;
border: none;
color: white;
background-color: transparent;
}
.quick-toggle-has-menu .quick-toggle-menu-button:hover {
background-color: rgba(255, 255, 255, 0.2);
color: white;
}
.quick-toggle-has-menu .quick-toggle-menu-button:active {
background-color: rgba(255, 255, 255, 0.25);
color: white;
}
.quick-toggle-has-menu .quick-toggle-menu-button:ltr {
border-radius: 9999px;
}
.quick-toggle-has-menu .quick-toggle-menu-button:rtl {
border-radius: 9999px;
}
.quick-toggle-has-menu .quick-toggle-separator {
width: 0;
}
.quick-slider {
background-color: rgba(255, 255, 255, 0.15);
border-radius: 24px;
box-shadow: inset 0 0 4px rgba(255, 255, 255, 0.35) !important;
padding: 1.636em 0.818em;
color: white;
}
.quick-slider > StBoxLayout {
spacing: 4px;
}
.quick-slider .icon-button,
.quick-slider .message-notification-group .message-collapse-button,
.message-notification-group .quick-slider .message-collapse-button,
.quick-slider .message .message-header .message-expand-button,
.message .message-header .quick-slider .message-expand-button,
.quick-slider .message .message-header .message-close-button,
.message .message-header .quick-slider .message-close-button {
padding: 0.6135em;
color: white;
}
.quick-slider .icon-button:hover,
.quick-slider .message-notification-group .message-collapse-button:hover,
.message-notification-group .quick-slider .message-collapse-button:hover,
.quick-slider .message .message-header .message-expand-button:hover,
.message .message-header .quick-slider .message-expand-button:hover,
.quick-slider .message .message-header .message-close-button:hover,
.message .message-header .quick-slider .message-close-button:hover {
background-color: rgba(255, 255, 255, 0.2);
color: white;
}
.quick-slider .icon-button:active,
.quick-slider .message-notification-group .message-collapse-button:active,
.message-notification-group .quick-slider .message-collapse-button:active,
.quick-slider .message .message-header .message-expand-button:active,
.message .message-header .quick-slider .message-expand-button:active,
.quick-slider .message .message-header .message-close-button:active,
.message .message-header .quick-slider .message-close-button:active {
background-color: rgba(255, 255, 255, 0.25);
color: white;
}
.quick-slider .slider-bin {
min-height: 16px;
padding: 4px;
border-radius: 9999px;
}
.quick-slider .slider-bin:focus {
color: white;
}
.quick-toggle-menu {
background-color: rgba(245, 245, 245, 0.92) !important;
border-radius: 22px;
padding: 12px;
margin: 8px 28px 0;
border: none !important;
box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.18);
}
.quick-toggle-menu .popup-menu-item {
min-height: 20px;
padding: 8px 12px;
}
.quick-toggle-menu .popup-menu-item:focus,
.quick-toggle-menu .popup-menu-item:hover,
.quick-toggle-menu .popup-menu-item:selected {
background-color: rgba(0, 0, 0, 0.12) !important;
color: #242424 !important;
}
.quick-toggle-menu .popup-menu-item:active {
background-color: rgba(0, 0, 0, 0.2) !important;
color: #242424 !important;
}
.quick-toggle-menu .popup-menu-item > StIcon {
-st-icon-style: symbolic;
}
.quick-toggle-menu .header {
spacing-rows: 2px;
spacing-columns: 8px;
padding-bottom: 8px;
color: #242424;
}
.quick-toggle-menu .header .icon {
icon-size: 16px;
border-radius: 9999px;
padding: 10px;
background-color: rgba(0, 0, 0, 0.06);
color: #242424;
}
.quick-toggle-menu .header .icon.active {
background-color: #0088ff;
color: white;
}
.quick-settings-system-item > StBoxLayout {
spacing: 8px;
}
.quick-settings-system-item .icon-button,
.quick-settings-system-item
.message-notification-group
.message-collapse-button,
.message-notification-group
.quick-settings-system-item
.message-collapse-button,
.quick-settings-system-item .message .message-header .message-expand-button,
.message .message-header .quick-settings-system-item .message-expand-button,
.quick-settings-system-item .message .message-header .message-close-button,
.message .message-header .quick-settings-system-item .message-close-button {
background-color: rgba(255, 255, 255, 0.15);
color: white;
border-radius: 9999px;
min-height: 28px !important;
min-width: 28px !important;
padding: 0.818em;
box-shadow: inset 0 0 4px rgba(255, 255, 255, 0.35) !important;
}
.quick-settings-system-item .icon-button:hover,
.quick-settings-system-item
.message-notification-group
.message-collapse-button:hover,
.message-notification-group
.quick-settings-system-item
.message-collapse-button:hover,
.quick-settings-system-item
.message
.message-header
.message-expand-button:hover,
.message
.message-header
.quick-settings-system-item
.message-expand-button:hover,
.quick-settings-system-item
.message
.message-header
.message-close-button:hover,
.message
.message-header
.quick-settings-system-item
.message-close-button:hover {
background-color: rgba(255, 255, 255, 0.2);
}
.quick-settings-system-item .icon-button:active,
.quick-settings-system-item
.message-notification-group
.message-collapse-button:active,
.message-notification-group
.quick-settings-system-item
.message-collapse-button:active,
.quick-settings-system-item
.message
.message-header
.message-expand-button:active,
.message
.message-header
.quick-settings-system-item
.message-expand-button:active,
.quick-settings-system-item
.message
.message-header
.message-close-button:active,
.message
.message-header
.quick-settings-system-item
.message-close-button:active {
background-color: rgba(255, 255, 255, 0.25);
}
.quick-settings-system-item .icon-button > StIcon,
.quick-settings-system-item .background-app-item .icon-button > StIcon,
.quick-settings-system-item
.message-notification-group
.background-app-item
.message-collapse-button
> StIcon,
.quick-settings-system-item
.message
.message-header
.background-app-item
.message-expand-button
> StIcon,
.quick-settings-system-item
.message
.message-header
.background-app-item
.message-close-button
> StIcon,
.quick-settings-system-item
.message-notification-group
.message-collapse-button
> StIcon,
.message-notification-group
.quick-settings-system-item
.message-collapse-button
> StIcon,
.quick-settings-system-item
.message
.message-header
.message-expand-button
> StIcon,
.message
.message-header
.quick-settings-system-item
.message-expand-button
> StIcon,
.quick-settings-system-item
.message
.message-header
.message-close-button
> StIcon,
.message
.message-header
.quick-settings-system-item
.message-close-button
> StIcon {
-st-icon-style: symbolic;
icon-size: 16px;
}
.quick-settings-system-item .power-item {
min-height: 0;
min-width: 0;
}
.quick-settings-system-item .power-item:insensitive {
color: rgba(255, 255, 255, 0.35);
background-color: transparent;
}
.nm-network-item .wireless-secure-icon {
icon-size: 8px;
}
.bt-device-item .popup-menu-icon {
-st-icon-style: symbolic;
}
.bt-menu-placeholder.popup-menu-item {
text-align: center;
padding: 2em 4em;
}
.device-subtitle {
color: rgba(36, 36, 36, 0.5);
}
.keyboard-brightness-level {
spacing: 4px;
}
.background-apps-quick-toggle {
min-height: 38px;
padding: 0.818em !important;
background-color: transparent;
}
.background-apps-quick-toggle StIcon {
icon-size: 16px !important;
}
.background-app-item .popup-menu-icon {
icon-size: 24px !important;
-st-icon-style: regular !important;
}
.background-app-item .icon-button,
.background-app-item .message-notification-group .message-collapse-button,
.message-notification-group .background-app-item .message-collapse-button,
.background-app-item .message .message-header .message-expand-button,
.message .message-header .background-app-item .message-expand-button,
.background-app-item .message .message-header .message-close-button,
.message .message-header .background-app-item .message-close-button {
padding: 4px;
}
.background-app-item .spinner {
padding: 4px;
}
.background-app-item.popup-inactive-menu-item {
color: #242424;
}
#unlockDialogNotifications StButton#vhandle,
#unlockDialogNotifications StButton#hhandle {
background-color: rgba(245, 245, 245, 0.3);
}
#unlockDialogNotifications StButton#vhandle:hover,
#unlockDialogNotifications StButton#vhandle:focus,
#unlockDialogNotifications StButton#hhandle:hover,
#unlockDialogNotifications StButton#hhandle:focus {
background-color: rgba(245, 245, 245, 0.5);
}
#unlockDialogNotifications StButton#vhandle:active,
#unlockDialogNotifications StButton#hhandle:active {
background-color: st-transparentize(#0088ff, 0.5);
}
.icon-label-button-container {
spacing: 4px;
font-size: 9pt;
font-weight: 400;
}
.icon-label-button-container StIcon {
icon-size: 32px;
}
.screenshot-ui-panel {
border-radius: 28px;
padding: 12px;
margin-bottom: 4em;
spacing: 12px;
color: #d3d7df;
background-color: rgba(42, 42, 42, 0.96);
border: 1px solid rgba(0, 0, 0, 0.75);
box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25);
}
.screenshot-ui-close-button {
padding: 4px !important;
}
.screenshot-ui-close-button.left {
margin-left: 6px;
}
.screenshot-ui-close-button.right {
margin-right: 6px;
}
.screenshot-ui-type-button {
min-width: 48px;
padding: 12px 16px !important;
border-radius: 16px;
}
.screenshot-ui-capture-button {
width: 36px;
height: 36px;
border-radius: 9999px;
border: 4px white;
padding: 4px;
}
.screenshot-ui-capture-button .screenshot-ui-capture-button-circle {
background-color: white;
transition-duration: 200ms;
border-radius: 9999px;
}
.screenshot-ui-capture-button .screenshot-ui-capture-button-circle:hover,
.screenshot-ui-capture-button .screenshot-ui-capture-button-circle:focus {
background-color: rgba(0, 0, 0, 0.12);
}
.screenshot-ui-capture-button:hover .screenshot-ui-capture-button-circle,
.screenshot-ui-capture-button:focus .screenshot-ui-capture-button-circle {
background-color: #d9d9d9;
}
.screenshot-ui-capture-button:active .screenshot-ui-capture-button-circle {
background-color: gray;
}
.screenshot-ui-capture-button:cast .screenshot-ui-capture-button-circle {
background-color: #ed5f5d;
}
.screenshot-ui-capture-button:cast:hover .screenshot-ui-capture-button-circle,
.screenshot-ui-capture-button:cast:focus .screenshot-ui-capture-button-circle {
background-color: #f07674;
}
.screenshot-ui-capture-button:cast:active .screenshot-ui-capture-button-circle {
background-color: #e93f3d;
}
.screenshot-ui-shot-cast-container {
background-color: rgba(255, 255, 255, 0.06);
border-radius: 6px;
padding: 2px;
spacing: 2px;
}
.screenshot-ui-shot-cast-container:ltr {
margin-left: 0px;
}
.screenshot-ui-shot-cast-container:rtl {
margin-right: 0px;
}
.screenshot-ui-shot-cast-button {
padding: 4px 8px;
background-color: transparent;
border-radius: 4px;
}
.screenshot-ui-shot-cast-button:hover,
.screenshot-ui-shot-cast-button:focus {
background-color: rgba(255, 255, 255, 0.1);
}
.screenshot-ui-shot-cast-button:active {
background-color: rgba(255, 255, 255, 0.2);
}
.screenshot-ui-shot-cast-button:checked {
background-color: white;
color: black;
}
.screenshot-ui-shot-cast-button StIcon {
icon-size: 16px;
}
.screenshot-ui-show-pointer-button {
border-radius: 9999px;
padding: 15px !important;
}
.screenshot-ui-show-pointer-button StIcon {
icon-size: 16px;
}
.screenshot-ui-area-indicator-shade {
background-color: rgba(0, 0, 0, 0.3);
}
.screenshot-ui-area-selector .screenshot-ui-area-indicator-shade {
background-color: rgba(0, 0, 0, 0.5);
}
.screenshot-ui-area-selector .screenshot-ui-area-indicator-selection {
border: 2px white;
}
.screenshot-ui-area-selector-handle {
border-radius: 9999px;
background-color: white;
box-shadow: 0 1px 3px 2px rgba(0, 0, 0, 0.2);
width: 24px;
height: 24px;
}
.screenshot-ui-window-selector {
background-color: rgba(42, 42, 42, 0.96);
}
.screenshot-ui-window-selector .screenshot-ui-window-selector-window-container {
margin: 100px;
}
.screenshot-ui-window-selector:primary-monitor
.screenshot-ui-window-selector-window-container {
margin-bottom: 200px;
}
.screenshot-ui-window-selector-window-border {
transition-duration: 200ms;
border-radius: 6px;
border: 6px transparent;
}
.screenshot-ui-window-selector-check {
transition-duration: 200ms;
color: transparent;
border-radius: 9999px;
border-width: 12px;
icon-size: 24px;
}
.screenshot-ui-window-selector-window:hover
.screenshot-ui-window-selector-window-border {
border-color: st-darken(#0088ff, 15%);
}
.screenshot-ui-window-selector-window:checked
.screenshot-ui-window-selector-window-border {
border-color: #0088ff;
background-color: st-transparentize(#0088ff, 0.8);
}
.screenshot-ui-window-selector-window:checked
.screenshot-ui-window-selector-check {
color: white;
background-color: #0088ff;
}
.screenshot-ui-screen-selector {
transition-duration: 200ms;
background-color: rgba(0, 0, 0, 0.5);
}
.screenshot-ui-screen-selector:hover {
background-color: rgba(0, 0, 0, 0.3);
}
.screenshot-ui-screen-selector:active {
background-color: rgba(0, 0, 0, 0.7);
}
.screenshot-ui-screen-selector:checked {
background-color: transparent;
border: 2px white;
}
.screenshot-ui-tooltip {
color: #d3d7df;
background-color: rgba(42, 42, 42, 0.96);
border-radius: 9999px;
padding: 4px 8px;
text-align: center;
-y-offset: 24px;
}
.search-entry {
margin-top: 16px;
margin-bottom: 4px;
}
/* Slider */
.slider {
height: 8px;
color: white;
border-radius: 8px;
-slider-handle-radius: 4px;
-barlevel-height: 8px;
-barlevel-background-color: rgba(255, 255, 255, 0.1);
-barlevel-active-background-color: white;
-barlevel-overdrive-color: #ed5f5d;
-barlevel-overdrive-separator-width: 1px;
}
.slider:hover {
color: white;
}
/* Switches */
.toggle-switch {
width: 40px;
height: 18px;
border-radius: 9999px;
background: rgba(36, 36, 36, 0.1);
}
.toggle-switch:hover {
background: rgba(36, 36, 36, 0.2);
}
.toggle-switch StIcon {
icon-size: 0;
}
.toggle-switch .handle {
margin: 2px;
width: 22px;
height: 14px;
background: white;
border-radius: 9999px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
transition-duration: 100ms;
}
.toggle-switch:checked {
background: #0088ff;
color: #0088ff;
}
.toggle-switch:checked:hover {
background: st-lighten(#0088ff, 10%);
color: #0088ff;
}
.toggle-switch:checked .handle {
background: white;
}
.window-picker {
spacing: 4px;
}
.window-caption {
color: rgba(255, 255, 255, 0.85);
background-color: rgba(0, 0, 0, 0.75);
border-radius: 9999px;
padding: 4px 8px;
}
.window-close,
.screenshot-ui-close-button {
background-color: #ed5f5d;
color: white;
border-radius: 9999px;
padding: 3px;
height: 30px;
width: 30px;
box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.5);
transition-duration: 300ms;
background-image: url('assets/window-close-symbolic.svg');
}
.window-close StIcon,
.screenshot-ui-close-button StIcon {
color: white;
icon-size: 1px;
}
.window-close:hover,
.screenshot-ui-close-button:hover {
color: white;
background-color: #f07a79;
}
.window-close:active,
.screenshot-ui-close-button:active {
color: white;
background-color: #ea4441;
}
.workspace-background {
border-radius: 30px;
background-color: rgba(42, 42, 42, 0.96);
box-shadow: 0 4px 16px 4px rgba(0, 0, 0, 0.3);
}
/* Workspace pager */
.workspace-thumbnails {
visible-width: 32px;
spacing: 4px;
padding: 4px;
}
.workspace-thumbnails .workspace-thumbnail {
color: rgba(255, 255, 255, 0.85);
background-color: rgba(255, 255, 255, 0.12);
border: none;
border-radius: 6px;
}
.workspace-thumbnails .placeholder {
background-image: url('assets/dash-placeholder.svg');
background-size: contain;
width: 18px;
height: 24px;
}
.workspace-thumbnail-indicator {
border: 3px solid #0088ff;
border-radius: 9px;
padding: 0px;
}
.bottom #dashtodockDashScrollview,
.top #dashtodockDashScrollview {
-st-hfade-offset: 24px;
}
.left #dashtodockDashScrollview,
.right #dashtodockDashScrollview {
-st-vfade-offset: 24px;
}
#dashtodockContainer {
background-color: transparent;
box-shadow: none;
}
#dashtodockContainer .number-overlay {
color: white;
background-color: rgba(0, 0, 0, 0.75);
text-align: center;
}
#dashtodockContainer .notification-badge {
color: white;
background-color: #0088ff;
box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25);
border-radius: 9999px;
margin: 2px 3px 5px;
padding: 0.2em 0.6em;
font-weight: bold;
text-align: center;
}
#dashtodockContainer.top.straight-corner #dash,
#dashtodockContainer.top.shrink.straight-corner #dash,
#dashtodockContainer.top.extended #dash {
margin: 0 !important;
padding: 0 !important;
}
#dashtodockContainer.top.straight-corner #dash .dash-background,
#dashtodockContainer.top.shrink.straight-corner #dash .dash-background,
#dashtodockContainer.top.extended #dash .dash-background {
border-radius: 0;
border-width: 0;
border-bottom-width: 1px;
margin: 0 !important;
box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05);
}
#dashtodockContainer.bottom.straight-corner #dash,
#dashtodockContainer.bottom.shrink.straight-corner #dash,
#dashtodockContainer.bottom.extended #dash {
margin: 0 !important;
padding: 0 !important;
}
#dashtodockContainer.bottom.straight-corner #dash .dash-background,
#dashtodockContainer.bottom.shrink.straight-corner #dash .dash-background,
#dashtodockContainer.bottom.extended #dash .dash-background {
border-radius: 0;
border-width: 0;
border-top-width: 1px;
margin: 0 !important;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05);
}
#dashtodockContainer.left.straight-corner #dash,
#dashtodockContainer.left.shrink.straight-corner #dash,
#dashtodockContainer.left.extended #dash {
margin: 0 !important;
padding: 0 !important;
}
#dashtodockContainer.left.straight-corner #dash .dash-background,
#dashtodockContainer.left.shrink.straight-corner #dash .dash-background,
#dashtodockContainer.left.extended #dash .dash-background {
border-radius: 0;
border-width: 0;
border-right-width: 1px;
margin: 0 !important;
box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05);
}
#dashtodockContainer.right.straight-corner #dash,
#dashtodockContainer.right.shrink.straight-corner #dash,
#dashtodockContainer.right.extended #dash {
margin: 0 !important;
padding: 0 !important;
}
#dashtodockContainer.right.straight-corner #dash .dash-background,
#dashtodockContainer.right.shrink.straight-corner #dash .dash-background,
#dashtodockContainer.right.extended #dash .dash-background {
border-radius: 0;
border-width: 0;
border-left-width: 1px;
margin: 0 !important;
box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05);
}
#dashtodockContainer.left #dash,
#dashtodockContainer.right #dash {
margin-top: 0 !important;
padding: 8px !important;
}
#dashtodockContainer.left #dash #dashtodockDashContainer,
#dashtodockContainer.right #dash #dashtodockDashContainer {
padding: 8px 0 !important;
}
#dashtodockContainer.left #dash .dash-background,
#dashtodockContainer.right #dash .dash-background {
margin-bottom: 0 !important;
padding: 8px !important;
}
#dashtodockContainer.left #dash .overview-tile,
#dashtodockContainer.left #dash .show-apps,
#dashtodockContainer.right #dash .overview-tile,
#dashtodockContainer.right #dash .show-apps {
padding: 1.5px 4px !important;
}
#dashtodockContainer.left.extended #dash #dashtodockDashContainer,
#dashtodockContainer.right.extended #dash #dashtodockDashContainer {
padding: 0 !important;
}
#dashtodockContainer.left.extended
#dash
#dashtodockDashContainer
#dashtodockDashScrollview:first-child,
#dashtodockContainer.right.extended
#dash
#dashtodockDashContainer
#dashtodockDashScrollview:first-child {
padding-top: 0 !important;
}
#dashtodockContainer.left.extended
#dash
#dashtodockDashContainer
#dashtodockDashScrollview:last-child,
#dashtodockContainer.right.extended
#dash
#dashtodockDashContainer
#dashtodockDashScrollview:last-child {
padding-bottom: 0 !important;
}
#dashtodockContainer.left.extended
#dash
#dashtodockDashContainer
> :first-child
.show-apps,
#dashtodockContainer.right.extended
#dash
#dashtodockDashContainer
> :first-child
.show-apps {
padding-bottom: 6px !important;
}
#dashtodockContainer.left.extended
#dash
#dashtodockDashContainer
> :last-child
.show-apps,
#dashtodockContainer.right.extended
#dash
#dashtodockDashContainer
> :last-child
.show-apps {
padding-bottom: 14px !important;
}
#dashtodockContainer.top.extended #dash .overview-tile,
#dashtodockContainer.top.extended #dash .show-apps,
#dashtodockContainer.bottom.extended #dash .overview-tile,
#dashtodockContainer.bottom.extended #dash .show-apps {
padding: 4px 1.5px !important;
}
#dashtodockContainer.top.extended #dash #dashtodockDashContainer,
#dashtodockContainer.bottom.extended #dash #dashtodockDashContainer {
padding: 0 !important;
}
#dashtodockContainer.top.extended
#dash
#dashtodockDashContainer
#dashtodockDashScrollview:first-child,
#dashtodockContainer.bottom.extended
#dash
#dashtodockDashContainer
#dashtodockDashScrollview:first-child {
padding-left: 0 !important;
}
#dashtodockContainer.top.extended
#dash
#dashtodockDashContainer
#dashtodockDashScrollview:last-child,
#dashtodockContainer.bottom.extended
#dash
#dashtodockDashContainer
#dashtodockDashScrollview:last-child {
padding-right: 0 !important;
}
#dashtodockContainer.top.extended
#dash
#dashtodockDashContainer
> :first-child
.show-apps,
#dashtodockContainer.bottom.extended
#dash
#dashtodockDashContainer
> :first-child
.show-apps {
padding-left: 6px !important;
}
#dashtodockContainer.top.extended
#dash
#dashtodockDashContainer
> :last-child
.show-apps,
#dashtodockContainer.bottom.extended
#dash
#dashtodockDashContainer
> :last-child
.show-apps {
padding-right: 14px !important;
}
#dashtodockContainer #dash {
background: none;
box-shadow: none;
}
#dashtodockContainer #dash .app-grid-running-dot {
background-color: rgba(0, 0, 0, 0.75);
margin: 0 !important;
offset-y: 0 !important;
}
#dashtodockContainer #dash StWidget.focused .app-grid-running-dot {
background-color: #0088ff;
}
#dashtodockContainer #dash .show-apps {
margin: 0;
}
#dashtodockContainer #dash .show-apps:hover .overview-icon,
#dashtodockContainer #dash .show-apps:focus .overview-icon,
#dashtodockContainer #dash .overview-tile:hover .overview-icon,
#dashtodockContainer #dash .overview-tile:focus .overview-icon {
background-color: rgba(255, 255, 255, 0.12);
}
#dashtodockContainer #dash .show-apps:active .overview-icon,
#dashtodockContainer #dash .show-apps:highlighted .overview-icon,
#dashtodockContainer #dash .show-apps:selected .overview-icon,
#dashtodockContainer #dash .show-apps:checked .overview-icon,
#dashtodockContainer #dash .overview-tile:active .overview-icon,
#dashtodockContainer #dash .overview-tile:highlighted .overview-icon,
#dashtodockContainer #dash .overview-tile:selected .overview-icon,
#dashtodockContainer #dash .overview-tile:checked .overview-icon {
background-color: rgba(255, 255, 255, 0.2);
}
#dashtodockContainer #dash .dash-background {
background-color: rgba(255, 255, 255, 0.1);
border: none;
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2);
}
#dashtodockContainer #dash .dash-separator {
background-color: rgba(0, 0, 0, 0.12);
}
#dashtodockContainer:overview #dash {
background: none;
}
#dashtodockContainer:overview #dash .show-apps,
#dashtodockContainer:overview #dash .overview-tile {
color: white;
}
#dashtodockContainer:overview #dash .show-apps:hover .overview-icon,
#dashtodockContainer:overview #dash .show-apps:focus .overview-icon,
#dashtodockContainer:overview #dash .show-apps:selected .overview-icon,
#dashtodockContainer:overview #dash .overview-tile:hover .overview-icon,
#dashtodockContainer:overview #dash .overview-tile:focus .overview-icon,
#dashtodockContainer:overview #dash .overview-tile:selected .overview-icon {
background-color: rgba(255, 255, 255, 0.12);
}
#dashtodockContainer:overview #dash .show-apps:active .overview-icon,
#dashtodockContainer:overview #dash .show-apps:checked .overview-icon,
#dashtodockContainer:overview #dash .overview-tile:active .overview-icon,
#dashtodockContainer:overview #dash .overview-tile:checked .overview-icon {
background-color: rgba(255, 255, 255, 0.2);
}
#dashtodockContainer:overview #dash .dash-background {
background-color: rgba(255, 255, 255, 0.12);
border: none;
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
}
#dashtodockContainer:overview #dash .app-grid-running-dot {
background-color: rgba(255, 255, 255, 0.85);
}
#dashtodockContainer:overview #dash StWidget.focused .app-grid-running-dot {
background-color: #0088ff;
}
#dashtodockContainer.opaque:overview #dash,
#dashtodockContainer.transparent:overview #dash {
background-color: transparent;
box-shadow: none;
}
#dashtodockContainer.opaque:overview .dash-background,
#dashtodockContainer.transparent:overview .dash-background {
background-color: transparent;
}
#dashtodockContainer.opaque.extended:overview #dash,
#dashtodockContainer.transparent.extended:overview #dash {
background: none;
}
#dashtodockContainer.opaque.extended:overview .dash-background,
#dashtodockContainer.transparent.extended:overview .dash-background {
background-color: transparent !important;
border: none !important;
box-shadow: none !important;
}
#dashtodockContainer.running-dots .dash-item-container > StButton,
#dashtodockContainer.dashtodock .dash-item-container > StButton {
transition-duration: 250ms;
background-size: contain;
}
#dashtodockContainer.extended .overview-tile .overview-icon,
#dashtodockContainer.extended .show-apps .overview-icon,
#dashtodockContainer.extended:overview .overview-tile .overview-icon,
#dashtodockContainer.extended:overview .show-apps .overview-icon {
border-radius: 6px;
}
#dashtodockContainer .metro .overview-tile {
border-radius: 0;
}
.dashtodock-app-well-preview-menu-item {
padding: 1em 1em 0.5em 1em;
}
#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal {
width: 1px;
height: auto;
border-right-width: 1px;
margin: 32px 0;
}
#preview-menu {
margin: 0 6px 6px !important;
padding-bottom: 8px !important;
}
#preview-menu,
#preview-menu:hover,
#preview-menu:selected {
border-radius: 24px !important;
}
.openweather-button,
.openweather-button-action,
.openweather-menu-button-container,
.openweather-button-box {
border: 1px solid transparent !important;
}
.openweather-provider {
padding: 0 16px;
font-weight: 500;
color: #242424;
background-color: transparent;
border-color: transparent;
box-shadow: none;
text-shadow: none;
icon-shadow: none;
border: 1px solid transparent !important;
}
.openweather-provider:hover {
color: #242424;
background-color: rgba(0, 0, 0, 0.12);
border-color: transparent;
box-shadow: none;
text-shadow: none;
icon-shadow: none;
}
.openweather-provider:focus {
color: #242424;
text-shadow: none;
icon-shadow: none;
}
.openweather-provider:focus,
.openweather-provider:focus:hover,
.openweather-provider:focus:active {
box-shadow: none !important;
}
.openweather-provider:active {
color: #242424;
background-color: rgba(0, 0, 0, 0.2);
border-color: transparent;
box-shadow: none;
text-shadow: none;
icon-shadow: none;
}
.openweather-current-icon,
.openweather-current-summary,
.openweather-current-summarybox {
background: none;
color: #242424;
}
.openweather-current-databox-values {
background: none;
color: #565656;
}
.openweather-current-databox-captions {
background: none;
color: #565656;
}
.openweather-forecast-icon,
.openweather-forecast-summary {
background: none;
color: #424242;
}
.openweather-forecast-day,
.openweather-forecast-temperature {
background: none;
color: #565656;
}
.openweather-sunrise-icon,
.openweather-sunset-icon,
.openweather-build-icon {
color: #424242;
}
.gsconnect-device-menu {
background-color: rgba(0, 0, 0, 0.05);
border-radius: 6px;
margin: 0 3px;
padding: 6px 0;
box-shadow: none;
}
.gsconnect-device-menu .popup-menu-item {
margin: 0 3px !important;
height: 16px !important;
border-radius: 6px !important;
}
.gsconnect-device-menu .popup-menu-item:hover {
color: #242424 !important;
background-color: rgba(36, 36, 36, 0.1) !important;
}
.gsconnect-device-menu .popup-menu-item > :first-child:ltr {
padding-left: 0 !important;
margin-left: 0 !important;
}
.gsconnect-device-menu .popup-menu-item > :first-child:rtl {
padding-right: 0 !important;
margin-right: 0 !important;
}
.cosmic-solid-bg {
background-color: #222222;
}
.cosmic-dock #dock {
background-color: transparent;
}
.cosmic-dock #dock .dash-background {
background-color: rgba(255, 255, 255, 0.1);
border: 1px solid rgba(0, 0, 0, 0.08);
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05);
}
.cosmic-dock.extended #dash {
margin-left: 0;
margin-right: 0;
margin-top: 0;
margin-bottom: 0;
padding: 0 0;
}
.cosmic-dock.extended #dash .dash-background {
border-radius: 0;
margin-left: 0;
margin-right: 0;
margin-top: 0;
margin-bottom: 0;
}
.place-menu-item:ltr {
padding-left: 0 !important;
padding-right: 20px !important;
}
.place-menu-item:rtl {
padding-right: 0 !important;
padding-left: 20px !important;
}
.place-menu-item StLabel {
margin-left: 2px;
}
.place-menu-item .button {
border-radius: 9999px;
padding: 2px;
}
.place-menu-item .button:ltr {
margin-left: 0 !important;
}
.place-menu-item .button:rtl {
margin-right: 0 !important;
}
.popup-menu-container {
padding: 8px !important;
min-width: 20em !important;
}
.popup-menu-control-icon {
min-height: 24px !important;
min-width: 24px !important;
border-radius: 9999px !important;
}
.popup-menu-player-icons-icon {
background: rgba(0, 0, 0, 0.12) !important;
}
================================================
FILE: gtk/Tahoe-Light/gnome-shell/pad-osd.css
================================================
.Leader {
stroke-width: .5 !important;
stroke: #333333;
fill: none !important;
}
.Button {
stroke-width: .25;
stroke: #ededed;
fill: #ededed;
}
.Ring {
stroke-width: .5 !important;
stroke: #333333 !important;
fill: none !important;
}
.Label {
stroke: none !important;
stroke-width: .1 !important;
font-size: .1 !important;
fill: transparent !important;
}
.TouchStrip, .TouchRing {
stroke-width: .1 !important;
stroke: #ededed !important;
fill: #333333 !important;
}
================================================
FILE: gtk/Tahoe-Light/gtk-3.0/gtk-dark.css
================================================
@import url("resource:///org/gnome/theme/gtk-dark.css");
================================================
FILE: gtk/Tahoe-Light/gtk-3.0/gtk.css
================================================
@import url("resource:///org/gnome/theme/gtk.css");
================================================
FILE: gtk/Tahoe-Light/gtk-3.0/libadwaita-tweaks.css
================================================
/*
This file will fix some legacy widget styles that aren't styled in libadwaita
*/
@define-color accent_bg_color @blue_3;
@define-color accent_fg_color white;
/* add a bg color to notebook headers */
notebook > header {
background-color: @headerbar_bg_color;
border-color: mix(currentColor,@window_bg_color,0.85);
}
:root {
--accent-blue: #3584e4;
--accent-teal: #2190a4;
--accent-green: #3a944a;
--accent-yellow: #c88800;
--accent-orange: #ed5b00;
--accent-red: #e62d42;
--accent-pink: #d56199;
--accent-purple: #9141ac;
--accent-slate: #6f8396;
--accent-color: var(--accent-bg-color);
--accent-bg-color: var(--accent-blue);
--accent-fg-color: @accent_fg_color;
}
================================================
FILE: gtk/Tahoe-Light/gtk-3.0/libadwaita.css
================================================
:root { --blue-1: #99c1f1; --blue-2: #62a0ea; --blue-3: #3584e4; --blue-4: #1c71d8; --blue-5: #1a5fb4; --green-1: #8ff0a4; --green-2: #57e389; --green-3: #33d17a; --green-4: #2ec27e; --green-5: #26a269; --yellow-1: #f9f06b; --yellow-2: #f8e45c; --yellow-3: #f6d32d; --yellow-4: #f5c211; --yellow-5: #e5a50a; --orange-1: #ffbe6f; --orange-2: #ffa348; --orange-3: #ff7800; --orange-4: #e66100; --orange-5: #c64600; --red-1: #f66151; --red-2: #ed333b; --red-3: #e01b24; --red-4: #c01c28; --red-5: #a51d2d; --purple-1: #dc8add; --purple-2: #c061cb; --purple-3: #9141ac; --purple-4: #813d9c; --purple-5: #613583; --brown-1: #cdab8f; --brown-2: #b5835a; --brown-3: #986a44; --brown-4: #865e3c; --brown-5: #63452c; --light-1: #ffffff; --light-2: #f6f5f4; --light-3: #deddda; --light-4: #c0bfbc; --light-5: #9a9996; --dark-1: #77767b; --dark-2: #5e5c64; --dark-3: #3d3846; --dark-4: #241f31; --dark-5: #000000; }
@define-color blue_1 #99c1f1;
@define-color blue_2 #62a0ea;
@define-color blue_3 #3584e4;
@define-color blue_4 #1c71d8;
@define-color blue_5 #1a5fb4;
@define-color green_1 #8ff0a4;
@define-color green_2 #57e389;
@define-color green_3 #33d17a;
@define-color green_4 #2ec27e;
@define-color green_5 #26a269;
@define-color yellow_1 #f9f06b;
@define-color yellow_2 #f8e45c;
@define-color yellow_3 #f6d32d;
@define-color yellow_4 #f5c211;
@define-color yellow_5 #e5a50a;
@define-color orange_1 #ffbe6f;
@define-color orange_2 #ffa348;
@define-color orange_3 #ff7800;
@define-color orange_4 #e66100;
@define-color orange_5 #c64600;
@define-color red_1 #f66151;
@define-color red_2 #ed333b;
@define-color red_3 #e01b24;
@define-color red_4 #c01c28;
@define-color red_5 #a51d2d;
@define-color purple_1 #dc8add;
@define-color purple_2 #c061cb;
@define-color purple_3 #9141ac;
@define-color purple_4 #813d9c;
@define-color purple_5 #613583;
@define-color brown_1 #cdab8f;
@define-color brown_2 #b5835a;
@define-color brown_3 #986a44;
@define-color brown_4 #865e3c;
@define-color brown_5 #63452c;
@define-color light_1 #ffffff;
@define-color light_2 #f6f5f4;
@define-color light_3 #deddda;
@define-color light_4 #c0bfbc;
@define-color light_5 #9a9996;
@define-color dark_1 #77767b;
@define-color dark_2 #5e5c64;
@define-color dark_3 #3d3846;
@define-color dark_4 #241f31;
@define-color dark_5 #000000;
:root { --accent-blue: #3584e4; --accent-teal: #2190a4; --accent-green: #3a944a; --accent-yellow: #c88800; --accent-orange: #ed5b00; --accent-red: #e62d42; --accent-pink: #d56199; --accent-purple: #9141ac; --accent-slate: #6f8396; --accent-bg-color: @accent_bg_color; --accent-fg-color: @accent_fg_color; --destructive-bg-color: @destructive_bg_color; --destructive-fg-color: @destructive_fg_color; --success-bg-color: @success_bg_color; --success-fg-color: @success_fg_color; --warning-bg-color: @warning_bg_color; --warning-fg-color: @warning_fg_color; --error-bg-color: @error_bg_color; --error-fg-color: @error_fg_color; --window-bg-color: @window_bg_color; --window-fg-color: @window_fg_color; --view-bg-color: @view_bg_color; --view-fg-color: @view_fg_color; --headerbar-bg-color: @headerbar_bg_color; --headerbar-fg-color: @headerbar_fg_color; --headerbar-border-color: @headerbar_border_color; --headerbar-backdrop-color: @headerbar_backdrop_color; --headerbar-shade-color: @headerbar_shade_color; --headerbar-darker-shade-color: @headerbar_darker_shade_color; --sidebar-bg-color: @sidebar_bg_color; --sidebar-fg-color: @sidebar_fg_color; --sidebar-backdrop-color: @sidebar_backdrop_color; --sidebar-border-color: @sidebar_border_color; --sidebar-shade-color: @sidebar_shade_color; --secondary-sidebar-bg-color: @secondary_sidebar_bg_color; --secondary-sidebar-fg-color: @secondary_sidebar_fg_color; --secondary-sidebar-backdrop-color: @secondary_sidebar_backdrop_color; --secondary-sidebar-border-color: @secondary_sidebar_border_color; --secondary-sidebar-shade-color: @secondary_sidebar_shade_color; --card-bg-color: @card_bg_color; --card-fg-color: @card_fg_color; --card-shade-color: @card_shade_color; --dialog-bg-color: @dialog_bg_color; --dialog-fg-color: @dialog_fg_color; --popover-bg-color: @popover_bg_color; --popover-fg-color: @popover_fg_color; --popover-shade-color: @popover_shade_color; --thumbnail-bg-color: @thumbnail_bg_color; --thumbnail-fg-color: @thumbnail_fg_color; --shade-color: @shade_color; --scrollbar-outline-color: @scrollbar_outline_color; }
:root { --border-color: color-mix(in srgb, currentColor var(--border-opacity), transparent); --border-opacity: 15%; --dim-opacity: 55%; --disabled-opacity: 50%; }
:root { --window-radius: 15px; }
.background { color: var(--window-fg-color); background-color: var(--window-bg-color); }
dnd { color: var(--window-fg-color); }
.normal-icons { -gtk-icon-size: 16px; }
.large-icons { -gtk-icon-size: 32px; }
.osd popover > arrow, .osd popover > contents, popover.touch-selection > arrow, popover.touch-selection > contents, popover.magnifier > arrow, popover.magnifier > contents, .app-notification, dialog-host > dialog.osd:not(progressbar):not(button):not(menubutton):not(splitbutton) sheet, .osd:not(progressbar):not(button):not(menubutton):not(splitbutton):not(inline-view-switcher) { --accent-bg-color: RGB(255 255 255 / 75%); --accent-fg-color: RGB(0 0 0 / 75%); --scrollbar-outline-color: RGB(0 0 0 / 50%); --standalone-color-oklab: Max(l, 0.85) a b; --accent-color: oklab(from var(--accent-bg-color) var(--standalone-color-oklab)); --destructive-color: oklab(from var(--destructive-bg-color) var(--standalone-color-oklab)); --success-color: oklab(from var(--success-bg-color) var(--standalone-color-oklab)); --warning-color: oklab(from var(--warning-bg-color) var(--standalone-color-oklab)); --error-color: oklab(from var(--error-bg-color) var(--standalone-color-oklab)); color: RGB(255 255 255/90%); border: none; background-color: RGB(0 0 0/70%); background-clip: padding-box; }
/* Text selection */
selection { background-color: color-mix(in srgb, var(--view-fg-color) 10%, transparent); color: transparent; }
selection:focus-within { background-color: color-mix(in srgb, var(--accent-bg-color) 30%, transparent); }
:not(window):drop(active):focus, :not(window):drop(active) { border-color: var(--accent-bg-color); box-shadow: inset 0 0 0 1px var(--accent-bg-color); caret-color: var(--accent-bg-color); }
.navigation-sidebar :not(window):drop(active):focus, .navigation-sidebar :not(window):drop(active), placessidebar :not(window):drop(active):focus, placessidebar :not(window):drop(active), stackswitcher :not(window):drop(active):focus, stackswitcher :not(window):drop(active), expander-widget :not(window):drop(active):focus, expander-widget :not(window):drop(active) { box-shadow: none; }
/* Outline for low res icons */
.lowres-icon { -gtk-icon-shadow: 0 -1px RGB(0 0 6/5%), 1px 0 RGB(0 0 6/10%), 0 1px RGB(0 0 6/30%), -1px 0 RGB(0 0 6/10%); }
/* Drop shadow for large icons */
.icon-dropshadow { -gtk-icon-shadow: 0 1px 12px RGB(0 0 6/5%), 0 -1px RGB(0 0 6/5%), 1px 0 RGB(0 0 6/10%), 0 1px RGB(0 0 6/30%), -1px 0 RGB(0 0 6/10%); }
@keyframes needs_attention { from { background-image: radial-gradient(farthest-side, var(--accent-color) 0%, transparent 0%); }
to { background-image: radial-gradient(farthest-side, var(--accent-color) 95%, transparent); } }
stacksidebar row.needs-attention > label, stackswitcher > button.needs-attention > label, stackswitcher > button.needs-attention > image { animation: needs_attention 150ms ease-in; background-image: radial-gradient(farthest-side, var(--accent-color) 96%, transparent); background-size: 6px 6px; background-repeat: no-repeat; background-position: right 3px; }
stacksidebar row.needs-attention > label:dir(rtl), stackswitcher > button.needs-attention > label:dir(rtl), stackswitcher > button.needs-attention > image:dir(rtl) { background-position: left 3px; }
avatar { border-radius: 9999px; font-weight: bold; }
avatar.color1 { background-image: linear-gradient(#83b6ec, #337fdc); color: #cfe1f5; }
avatar.color2 { background-image: linear-gradient(#7ad9f1, #0f9ac8); color: #caeaf2; }
avatar.color3 { background-image: linear-gradient(#8de6b1, #29ae74); color: #cef8d8; }
avatar.color4 { background-image: linear-gradient(#b5e98a, #6ab85b); color: #e6f9d7; }
avatar.color5 { background-image: linear-gradient(#f8e359, #d29d09); color: #f9f4e1; }
avatar.color6 { background-image: linear-gradient(#ffcb62, #d68400); color: #ffead1; }
avatar.color7 { background-image: linear-gradient(#ffa95a, #ed5b00); color: #ffe5c5; }
avatar.color8 { background-image: linear-gradient(#f78773, #e62d42); color: #f8d2ce; }
avatar.color9 { background-image: linear-gradient(#e973ab, #e33b6a); color: #fac7de; }
avatar.color10 { background-image: linear-gradient(#cb78d4, #9945b5); color: #e7c2e8; }
avatar.color11 { background-image: linear-gradient(#9e91e8, #7a59ca); color: #d5d2f5; }
avatar.color12 { background-image: linear-gradient(#e3cf9c, #b08952); color: #f2eade; }
avatar.color13 { background-image: linear-gradient(#be916d, #785336); color: #e5d6ca; }
avatar.color14 { background-image: linear-gradient(#c0bfbc, #6e6d71); color: #d8d7d3; }
avatar.contrasted { color: white; }
avatar.image { background: none; }
bottom-sheet > dimming { background-color: RGB(from var(--shade-color) r g b/calc(alpha * 2)); }
bottom-sheet > sheet { box-shadow: 0 2px 8px 2px RGB(0 0 6/7%), 0 3px 20px 10px RGB(0 0 6/5%), 0 6px 32px 16px RGB(0 0 6/2%), 0 0 0 1px RGB(0 0 6 / 5%); transition: border-radius 100ms ease-out, box-shadow 250ms ease; }
bottom-sheet > sheet > stack > widget > drag-handle { background-color: color-mix(in srgb, currentColor 25%, transparent); min-width: 54px; min-height: 6px; margin: 15px; border-radius: 99px; }
bottom-sheet > sheet > outline { box-shadow: inset 1px 0 RGB(255 255 255/7%), inset -1px 0 RGB(255 255 255/7%), inset 0 1px RGB(255 255 255/7%); transition: border-radius 100ms ease-out; }
bottom-sheet > sheet > stack > button { border-radius: 0; padding: 0; min-width: 0; min-height: 0; font-weight: inherit; background: none; box-shadow: none; }
bottom-sheet > sheet > stack > button { outline: 0 solid transparent; outline-offset: 4px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
bottom-sheet > sheet > stack > button:focus:focus-visible { outline-color: color-mix(in srgb, var(--accent-color) 50%, transparent); outline-width: 2px; outline-offset: 0; }
bottom-sheet > sheet > stack > button:hover { background: color-mix(in srgb, currentColor 4%, transparent); }
bottom-sheet > sheet > stack > button.keyboard-activating, bottom-sheet > sheet > stack > button:active { background: color-mix(in srgb, currentColor 8%, transparent); }
bottom-sheet > sheet > stack > button.inert:hover, bottom-sheet > sheet > stack > button.inert:active, bottom-sheet > sheet > stack > button.inert.keyboard-activating { background: none; }
bottom-sheet > sheet, bottom-sheet > sheet > outline, bottom-sheet > sheet > stack > widget, bottom-sheet > sheet > stack > button, bottom-sheet > sheet > stack > button > widget { border-top-left-radius: 15px; border-top-right-radius: 15px; }
bottom-sheet > sheet.flush-left > outline { box-shadow: inset -1px 0 RGB(255 255 255/7%), inset 0 1px RGB(255 255 255/7%); }
bottom-sheet > sheet.flush-right > outline { box-shadow: inset 1px 0 RGB(255 255 255/7%), inset 0 1px RGB(255 255 255/7%); }
bottom-sheet > sheet.flush-left.flush-right > outline { box-shadow: inset 0 1px RGB(255 255 255/7%); }
bottom-sheet > sheet.bottom-bar { box-shadow: 0 0 0 1px color-mix(in srgb, var(--shade-color) 75%, transparent), 0 2px 8px 2px var(--shade-color), 0 3px 20px 10px RGB(0 0 6/5%), 0 6px 32px 16px RGB(0 0 6/2%); }
bottom-sheet > sheet.bottom-bar.hidden { box-shadow: none; }
bottom-sheet > sheet.bottom-bar.flush-left, bottom-sheet > sheet.bottom-bar.flush-left > outline, bottom-sheet > sheet.bottom-bar.flush-left > stack > widget, bottom-sheet > sheet.bottom-bar.flush-left > stack > button, bottom-sheet > sheet.bottom-bar.flush-left > stack > button > widget { border-top-left-radius: 0; }
bottom-sheet > sheet.bottom-bar.flush-right, bottom-sheet > sheet.bottom-bar.flush-right > outline, bottom-sheet > sheet.bottom-bar.flush-right > stack > widget, bottom-sheet > sheet.bottom-bar.flush-right > stack > button, bottom-sheet > sheet.bottom-bar.flush-right > stack > button > widget { border-top-right-radius: 0; }
bottom-sheet > sheet.bottom-bar > outline, bottom-sheet > sheet.bottom-bar > stack > widget, bottom-sheet > sheet.bottom-bar > stack > button, bottom-sheet > sheet.bottom-bar > stack > button > widget, bottom-sheet > sheet.bottom-bar.flush-left > outline, bottom-sheet > sheet.bottom-bar.flush-left > stack > widget, bottom-sheet > sheet.bottom-bar.flush-left > stack > button, bottom-sheet > sheet.bottom-bar.flush-left > stack > button > widget, bottom-sheet > sheet.bottom-bar.flush-right > outline, bottom-sheet > sheet.bottom-bar.flush-right > stack > widget, bottom-sheet > sheet.bottom-bar.flush-right > stack > button, bottom-sheet > sheet.bottom-bar.flush-right > stack > button > widget, bottom-sheet > sheet.bottom-bar.flush-left.flush-right > outline, bottom-sheet > sheet.bottom-bar.flush-left.flush-right > stack > widget, bottom-sheet > sheet.bottom-bar.flush-left.flush-right > stack > button, bottom-sheet > sheet.bottom-bar.flush-left.flush-right > stack > button > widget { box-shadow: none; }
bottom-sheet > sheet.has-drag-handle toolbarview .top-bar > windowhandle { min-height: 36px; }
bottom-sheet > sheet.has-drag-handle toolbarview toolbarview .top-bar > windowhandle { min-height: 0; }
notebook > header > tabs > arrow, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr):last-child, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay, button { min-height: 24px; min-width: 16px; padding: 5px 10px; border-radius: 9px; font-weight: bold; }
notebook > header > tabs > arrow, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr):last-child, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay, button { outline: 0 solid transparent; outline-offset: 4px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
notebook > header > tabs > arrow:focus:focus-visible, row.spin spinbutton > button.image-button.up:focus:focus-visible:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.down:focus:focus-visible:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.image-button.down:focus:focus-visible:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.image-button.down:focus:focus-visible:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay:focus:focus-visible, button:focus:focus-visible { outline-color: color-mix(in srgb, var(--accent-color) 50%, transparent); outline-width: 2px; outline-offset: -2px; }
actionbar > revealer > box popover menubutton.image-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, searchbar > revealer > box popover menubutton.image-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, .toolbar popover menubutton.image-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, headerbar popover menubutton.image-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, actionbar > revealer > box popover button.arrow-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.arrow-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.arrow-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.arrow-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover button.image-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.image-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.image-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.image-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover button.image-text-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.image-text-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.image-text-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.image-text-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr):last-child, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay, button { background-color: color-mix(in srgb, currentColor 10%, transparent); }
actionbar > revealer > box popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:hover, searchbar > revealer > box popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:hover, .toolbar popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:hover, headerbar popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:hover, actionbar > revealer > box popover button.arrow-button:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.arrow-button:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.arrow-button:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.arrow-button:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover button.image-button:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.image-button:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.image-button:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.image-button:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover button.image-text-button:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.image-text-button:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.image-text-button:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.image-text-button:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.arrow-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.arrow-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.arrow-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.arrow-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.image-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.image-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.image-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.image-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.image-text-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.image-text-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.image-text-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.image-text-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.arrow-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.arrow-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.arrow-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.arrow-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.image-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.image-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.image-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.image-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.image-text-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.image-text-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.image-text-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.image-text-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow:hover, row.spin spinbutton > button.image-button.up:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.up:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr), row.spin spinbutton > button.image-button.up:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, row.spin spinbutton > button.image-button.down:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.image-button.down:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.image-button.down:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay:hover, button:hover { background-color: color-mix(in srgb, currentColor 15%, transparent); }
actionbar > revealer > box popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button.keyboard-activating, searchbar > revealer > box popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button.keyboard-activating, .toolbar popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button.keyboard-activating, headerbar popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button.keyboard-activating, actionbar > revealer > box popover button.keyboard-activating.arrow-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.keyboard-activating.arrow-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.keyboard-activating.arrow-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.keyboard-activating.arrow-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover button.keyboard-activating.image-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.keyboard-activating.image-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.keyboard-activating.image-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.keyboard-activating.image-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover button.keyboard-activating.image-text-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.keyboard-activating.image-text-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.keyboard-activating.image-text-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.keyboard-activating.image-text-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.keyboard-activating.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.keyboard-activating.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.keyboard-activating.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.keyboard-activating.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.keyboard-activating.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.keyboard-activating.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.keyboard-activating.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.keyboard-activating.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.keyboard-activating.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.keyboard-activating.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.keyboard-activating.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.keyboard-activating.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.keyboard-activating.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.keyboard-activating.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.keyboard-activating.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.keyboard-activating.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.keyboard-activating.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.keyboard-activating.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.keyboard-activating.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.keyboard-activating.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.keyboard-activating.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.keyboard-activating.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.keyboard-activating.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.keyboard-activating.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:active, searchbar > revealer > box popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:active, .toolbar popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:active, headerbar popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:active, actionbar > revealer > box popover button.arrow-button:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.arrow-button:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.arrow-button:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.arrow-button:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover button.image-button:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.image-button:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.image-button:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.image-button:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover button.image-text-button:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.image-text-button:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.image-text-button:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.image-text-button:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.arrow-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.arrow-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.arrow-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.arrow-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.image-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.image-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.image-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.image-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.image-text-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.image-text-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.image-text-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.image-text-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.arrow-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.arrow-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.arrow-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.arrow-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.image-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.image-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.image-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.image-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.image-text-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.image-text-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.image-text-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.image-text-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow.keyboard-activating, row.spin spinbutton > button.keyboard-activating.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.keyboard-activating.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr), row.spin spinbutton > button.keyboard-activating.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, row.spin spinbutton > button.keyboard-activating.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.keyboard-activating.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.keyboard-activating.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay.keyboard-activating, notebook > header > tabs > arrow:active, row.spin spinbutton > button.image-button.up:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.up:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr), row.spin spinbutton > button.image-button.up:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, row.spin spinbutton > button.image-button.down:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.image-button.down:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.image-button.down:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay:active, button.keyboard-activating, button:active { background-color: color-mix(in srgb, currentColor 30%, transparent); }
actionbar > revealer > box popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked, searchbar > revealer > box popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked, .toolbar popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked, headerbar popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked, actionbar > revealer > box popover button.arrow-button:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.arrow-button:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.arrow-button:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.arrow-button:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover button.image-button:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.image-button:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.image-button:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.image-button:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover button.image-text-button:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.image-text-button:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.image-text-button:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.image-text-button:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.arrow-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.arrow-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.arrow-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.arrow-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.image-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.image-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.image-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.image-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.image-text-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.image-text-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.image-text-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.image-text-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.arrow-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.arrow-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.arrow-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.arrow-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.image-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.image-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.image-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.image-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.image-text-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.image-text-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.image-text-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.image-text-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow:checked, row.spin spinbutton > button.image-button.up:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.up:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr), row.spin spinbutton > button.image-button.up:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, row.spin spinbutton > button.image-button.down:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.image-button.down:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.image-button.down:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay:checked, button:checked { background-color: color-mix(in srgb, currentColor 30%, transparent); }
actionbar > revealer > box popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:hover, searchbar > revealer > box popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:hover, .toolbar popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:hover, headerbar popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:hover, actionbar > revealer > box popover button.arrow-button:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.arrow-button:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.arrow-button:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.arrow-button:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover button.image-button:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.image-button:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.image-button:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.image-button:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover button.image-text-button:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.image-text-button:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.image-text-button:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.image-text-button:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.arrow-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.arrow-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.arrow-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.arrow-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.image-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.image-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.image-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.image-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.image-text-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.image-text-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.image-text-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.image-text-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.arrow-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.arrow-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.arrow-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.arrow-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.image-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.image-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.image-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.image-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.image-text-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.image-text-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.image-text-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.image-text-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow:checked:hover, row.spin spinbutton > button.image-button.up:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.down:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.image-button.down:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.image-button.down:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay:checked:hover, button:checked:hover { background-color: color-mix(in srgb, currentColor 35%, transparent); }
actionbar > revealer > box popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked.keyboard-activating, searchbar > revealer > box popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked.keyboard-activating, .toolbar popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked.keyboard-activating, headerbar popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked.keyboard-activating, actionbar > revealer > box popover button.arrow-button:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.arrow-button:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.arrow-button:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.arrow-button:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover button.image-button:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.image-button:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.image-button:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.image-button:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover button.image-text-button:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.image-text-button:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.image-text-button:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.image-text-button:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.arrow-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.arrow-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.arrow-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.arrow-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.image-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.image-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.image-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.image-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.image-text-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.image-text-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.image-text-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.image-text-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.arrow-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.arrow-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.arrow-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.arrow-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.image-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.image-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.image-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.image-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.image-text-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.image-text-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.image-text-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.image-text-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:active, searchbar > revealer > box popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:active, .toolbar popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:active, headerbar popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:active, actionbar > revealer > box popover button.arrow-button:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.arrow-button:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.arrow-button:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.arrow-button:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover button.image-button:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.image-button:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.image-button:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.image-button:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover button.image-text-button:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.image-text-button:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.image-text-button:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.image-text-button:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.arrow-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.arrow-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.arrow-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.arrow-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.image-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.image-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.image-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.image-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.image-text-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.image-text-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.image-text-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.image-text-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.arrow-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.arrow-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.arrow-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.arrow-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.image-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.image-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.image-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.image-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.image-text-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.image-text-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.image-text-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.image-text-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow:checked.keyboard-activating, row.spin spinbutton > button.image-button.up:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.down:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.image-button.down:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.image-button.down:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay:checked.keyboard-activating, notebook > header > tabs > arrow:checked:active, row.spin spinbutton > button.image-button.up:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.down:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.image-button.down:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.image-button.down:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay:checked:active, button:checked.keyboard-activating, button:checked:active { background-color: color-mix(in srgb, currentColor 40%, transparent); }
notebook > header > tabs > arrow:disabled, row.spin spinbutton > button.image-button.up:disabled:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.up:disabled:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr), row.spin spinbutton > button.image-button.up:disabled:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, row.spin spinbutton > button.image-button.down:disabled:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.image-button.down:disabled:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.image-button.down:disabled:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay:disabled, button:disabled { filter: Opacity(var(--disabled-opacity)); }
notebook > header > tabs > arrow:disabled label, row.spin spinbutton > button.image-button.up:disabled:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child label, row.spin spinbutton > button.image-button.up:disabled:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr) label, row.spin spinbutton > button.image-button.up:disabled:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child label, row.spin spinbutton > button.image-button.down:disabled:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) label, row.spin spinbutton > button.image-button.down:disabled:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child label, row.spin spinbutton > button.image-button.down:disabled:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child label, colorswatch#add-color-button > overlay:disabled label, button:disabled label { filter: none; }
notebook > header > tabs > arrow.image-button, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr), row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay.image-button, button.image-button { min-width: 24px; padding-left: 5px; padding-right: 5px; }
notebook > header > tabs > arrow.text-button, row.spin spinbutton > button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr), row.spin spinbutton > button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, row.spin spinbutton > button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay.text-button, button.text-button { padding-left: 17px; padding-right: 17px; }
notebook > header > tabs > arrow.text-button.image-button, row.spin spinbutton > button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr), row.spin spinbutton > button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, row.spin spinbutton > button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay.text-button.image-button, notebook > header > tabs > arrow.image-text-button, row.spin spinbutton > button.image-text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr), row.spin spinbutton > button.image-text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, row.spin spinbutton > button.image-text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.image-text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.image-text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay.image-text-button, button.text-button.image-button, button.image-text-button { padding-left: 9px; padding-right: 9px; }
notebook > header > tabs > arrow.text-button.image-button > box, row.spin spinbutton > button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child > box, row.spin spinbutton > button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr) > box, row.spin spinbutton > button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child > box, row.spin spinbutton > button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > box, row.spin spinbutton > button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child > box, row.spin spinbutton > button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child > box, colorswatch#add-color-button > overlay.text-button.image-button > box, notebook > header > tabs > arrow.text-button.image-button > box > box, row.spin spinbutton > button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child > box > box, row.spin spinbutton > button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr) > box > box, row.spin spinbutton > button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child > box > box, row.spin spinbutton > button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > box > box, row.spin spinbutton > button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child > box > box, row.spin spinbutton > button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child > box > box, colorswatch#add-color-button > overlay.text-button.image-button > box > box, notebook > header > tabs > arrow.image-text-button > box, row.spin spinbutton > button.image-text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child > box, row.spin spinbutton > button.image-text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr) > box, row.spin spinbutton > button.image-text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child > box, row.spin spinbutton > button.image-text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > box, row.spin spinbutton > button.image-text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child > box, row.spin spinbutton > button.image-text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child > box, colorswatch#add-color-button > overlay.image-text-button > box, notebook > header > tabs > arrow.image-text-button > box > box, row.spin spinbutton > button.image-text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child > box > box, row.spin spinbutton > button.image-text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr) > box > box, row.spin spinbutton > button.image-text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child > box > box, row.spin spinbutton > button.image-text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > box > box, row.spin spinbutton > button.image-text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child > box > box, row.spin spinbutton > button.image-text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child > box > box, colorswatch#add-color-button > overlay.image-text-button > box > box, button.text-button.image-button > box, button.text-button.image-button > box > box, button.image-text-button > box, button.image-text-button > box > box { border-spacing: 4px; }
notebook > header > tabs > arrow.text-button.image-button > box > label, row.spin spinbutton > button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child > box > label, row.spin spinbutton > button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr) > box > label, row.spin spinbutton > button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child > box > label, row.spin spinbutton > button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > box > label, row.spin spinbutton > button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child > box > label, row.spin spinbutton > button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child > box > label, colorswatch#add-color-button > overlay.text-button.image-button > box > label, notebook > header > tabs > arrow.text-button.image-button > box > box > label, row.spin spinbutton > button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child > box > box > label, row.spin spinbutton > button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr) > box > box > label, row.spin spinbutton > button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child > box > box > label, row.spin spinbutton > button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > box > box > label, row.spin spinbutton > button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child > box > box > label, row.spin spinbutton > button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child > box > box > label, colorswatch#add-color-button > overlay.text-button.image-button > box > box > label, notebook > header > tabs > arrow.image-text-button > box > label, row.spin spinbutton > button.image-text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child > box > label, row.spin spinbutton > button.image-text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr) > box > label, row.spin spinbutton > button.image-text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child > box > label, row.spin spinbutton > button.image-text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > box > label, row.spin spinbutton > button.image-text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child > box > label, row.spin spinbutton > button.image-text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child > box > label, colorswatch#add-color-button > overlay.image-text-button > box > label, notebook > header > tabs > arrow.image-text-button > box > box > label, row.spin spinbutton > button.image-text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child > box > box > label, row.spin spinbutton > button.image-text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr) > box > box > label, row.spin spinbutton > button.image-text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child > box > box > label, row.spin spinbutton > button.image-text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > box > box > label, row.spin spinbutton > button.image-text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child > box > box > label, row.spin spinbutton > button.image-text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child > box > box > label, colorswatch#add-color-button > overlay.image-text-button > box > box > label, button.text-button.image-button > box > label, button.text-button.image-button > box > box > label, button.image-text-button > box > label, button.image-text-button > box > box > label { padding-left: 2px; padding-right: 2px; }
notebook > header > tabs > arrow.arrow-button, row.spin spinbutton > button.arrow-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.arrow-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr), row.spin spinbutton > button.arrow-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, row.spin spinbutton > button.arrow-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.arrow-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.arrow-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay.arrow-button, button.arrow-button { padding-left: 9px; padding-right: 9px; }
notebook > header > tabs > arrow.arrow-button > box, row.spin spinbutton > button.arrow-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child > box, row.spin spinbutton > button.arrow-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr) > box, row.spin spinbutton > button.arrow-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child > box, row.spin spinbutton > button.arrow-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > box, row.spin spinbutton > button.arrow-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child > box, row.spin spinbutton > button.arrow-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child > box, colorswatch#add-color-button > overlay.arrow-button > box, button.arrow-button > box { border-spacing: 4px; }
notebook > header > tabs > arrow.arrow-button.text-button > box, row.spin spinbutton > button.arrow-button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child > box, row.spin spinbutton > button.arrow-button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > box, row.spin spinbutton > button.arrow-button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child > box, row.spin spinbutton > button.arrow-button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child > box, colorswatch#add-color-button > overlay.arrow-button.text-button > box, button.arrow-button.text-button > box { border-spacing: 4px; }
dropdown:drop(active) button.combo, combobox:drop(active) button.combo, searchbar > revealer > box .close:drop(active), actionbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:drop(active), searchbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:drop(active), .toolbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:drop(active), headerbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:drop(active), actionbar > revealer > box button.arrow-button:drop(active):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.arrow-button:drop(active):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.arrow-button:drop(active):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.arrow-button:drop(active):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-button:drop(active):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-button:drop(active):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-button:drop(active):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-button:drop(active):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-text-button:drop(active):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-text-button:drop(active):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-text-button:drop(active):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-text-button:drop(active):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.up:drop(active):not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.down:drop(active):not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), popover.menu box.circular-buttons button.circular.image-button.model:drop(active), popover.menu box.inline-buttons button.image-button.model:drop(active), filechooser #pathbarbox > stack > box > button:drop(active), filechooser #pathbarbox > stack > box > box > button:drop(active), filechooser #pathbarbox > stack > box > menubutton > button:drop(active), button.sidebar-button:drop(active), button.emoji-section.image-button:drop(active):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), infobar .close:drop(active), calendar > header > button:drop(active), actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:drop(active), searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:drop(active), .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:drop(active), headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:drop(active), actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:drop(active), searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:drop(active), .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:drop(active), headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:drop(active), splitbutton.flat > button:drop(active), splitbutton.flat > menubutton > button:drop(active), menubutton.flat > button:drop(active), button.flat:drop(active), menubutton.osd > button:drop(active), button.osd:drop(active), notebook > header > tabs > arrow:drop(active), row.spin spinbutton > button.image-button.up:drop(active):not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.up:drop(active):not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr), row.spin spinbutton > button.image-button.up:drop(active):not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, row.spin spinbutton > button.image-button.down:drop(active):not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.image-button.down:drop(active):not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.image-button.down:drop(active):not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay:drop(active), button:drop(active) { color: var(--accent-bg-color); box-shadow: inset 0 0 0 2px var(--accent-bg-color); }
menubutton.osd > button, button.osd { min-width: 32px; min-height: 32px; color: RGB(255 255 255/90%); background-color: RGB(0 0 0/65%); }
menubutton.osd > button, button.osd { outline: 0 solid transparent; outline-offset: 5px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
menubutton.osd > button:focus:focus-visible, button.osd:focus:focus-visible { outline-color: color-mix(in srgb, var(--accent-color) 50%, transparent); outline-width: 2px; outline-offset: 1px; }
menubutton.osd > button:hover, button.osd:hover { color: white; background-color: color-mix(in srgb, black calc(0.85 * 65%), currentColor calc(0.15 * 65%)); }
menubutton.osd > button.keyboard-activating, menubutton.osd > button:active, button.osd.keyboard-activating, button.osd:active { color: white; background-color: color-mix(in srgb, black calc(0.75 * 65%), currentColor calc(0.25 * 65%)); }
menubutton.osd > button:checked, button.osd:checked { background-color: color-mix(in srgb, black calc(0.8 * 65%), currentColor calc(0.2 * 65%)); }
menubutton.osd > button:checked:hover, button.osd:checked:hover { background-color: color-mix(in srgb, black calc(0.75 * 65%), currentColor calc(0.25 * 65%)); }
menubutton.osd > button:checked.keyboard-activating, menubutton.osd > button:checked:active, button.osd:checked.keyboard-activating, button.osd:checked:active { background-color: color-mix(in srgb, black calc(0.65 * 65%), currentColor calc(0.35 * 65%)); }
actionbar > revealer > box menubutton.suggested-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.suggested-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.suggested-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.suggested-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.opaque > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.opaque > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.opaque > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.opaque > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), splitbutton.suggested-action > button, splitbutton.suggested-action > menubutton > button, splitbutton.opaque > button, splitbutton.opaque > menubutton > button, menubutton.suggested-action > button, menubutton.opaque > button, button.suggested-action, button.opaque { box-shadow: none; }
actionbar > revealer > box menubutton.suggested-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.suggested-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.suggested-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.suggested-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.opaque > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.opaque > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.opaque > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.opaque > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), splitbutton.suggested-action > button, splitbutton.suggested-action > menubutton > button, splitbutton.opaque > button, splitbutton.opaque > menubutton > button, menubutton.suggested-action > button, menubutton.opaque > button, button.suggested-action, button.opaque { outline: 0 solid transparent; outline-offset: 5px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
actionbar > revealer > box menubutton.suggested-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.suggested-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.suggested-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.suggested-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.opaque > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.opaque > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.opaque > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.opaque > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), splitbutton.suggested-action > button:focus:focus-visible, splitbutton.suggested-action > menubutton > button:focus:focus-visible, splitbutton.opaque > button:focus:focus-visible, splitbutton.opaque > menubutton > button:focus:focus-visible, menubutton.suggested-action > button:focus:focus-visible, menubutton.opaque > button:focus:focus-visible, button.suggested-action:focus:focus-visible, button.opaque:focus:focus-visible { outline-color: color-mix(in srgb, var(--accent-color) 50%, transparent); outline-width: 2px; outline-offset: 1px; }
actionbar > revealer > box menubutton.suggested-action > button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.suggested-action > button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.suggested-action > button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.suggested-action > button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.opaque > button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.opaque > button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.opaque > button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.opaque > button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), splitbutton.suggested-action > button:hover, splitbutton.suggested-action > menubutton > button:hover, splitbutton.opaque > button:hover, splitbutton.opaque > menubutton > button:hover, menubutton.suggested-action > button:hover, menubutton.opaque > button:hover, button.suggested-action:hover, button.opaque:hover { background-image: image(color-mix(in srgb, currentColor 10%, transparent)); }
actionbar > revealer > box menubutton.suggested-action > button.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.suggested-action > button.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.suggested-action > button.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.suggested-action > button.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.opaque > button.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.opaque > button.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.opaque > button.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.opaque > button.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), splitbutton.suggested-action > button.keyboard-activating, splitbutton.suggested-action > menubutton > button.keyboard-activating, splitbutton.opaque > button.keyboard-activating, splitbutton.opaque > menubutton > button.keyboard-activating, menubutton.suggested-action > button.keyboard-activating, menubutton.opaque > button.keyboard-activating, button.keyboard-activating.suggested-action, button.keyboard-activating.opaque, actionbar > revealer > box menubutton.suggested-action > button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.suggested-action > button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.suggested-action > button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.suggested-action > button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.opaque > button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.opaque > button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.opaque > button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.opaque > button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), splitbutton.suggested-action > button:active, splitbutton.suggested-action > menubutton > button:active, splitbutton.opaque > button:active, splitbutton.opaque > menubutton > button:active, menubutton.suggested-action > button:active, menubutton.opaque > button:active, button.suggested-action:active, button.opaque:active { background-image: image(RGB(0 0 6/20%)); }
actionbar > revealer > box menubutton.suggested-action > button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.suggested-action > button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.suggested-action > button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.suggested-action > button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.opaque > button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.opaque > button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.opaque > button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.opaque > button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), splitbutton.suggested-action > button:checked, splitbutton.suggested-action > menubutton > button:checked, splitbutton.opaque > button:checked, splitbutton.opaque > menubutton > button:checked, menubutton.suggested-action > button:checked, menubutton.opaque > button:checked, button.suggested-action:checked, button.opaque:checked { background-image: image(RGB(0 0 6/15%)); }
actionbar > revealer > box menubutton.suggested-action > button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.suggested-action > button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.suggested-action > button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.suggested-action > button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.opaque > button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.opaque > button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.opaque > button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.opaque > button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), splitbutton.suggested-action > button:checked:hover, splitbutton.suggested-action > menubutton > button:checked:hover, splitbutton.opaque > button:checked:hover, splitbutton.opaque > menubutton > button:checked:hover, menubutton.suggested-action > button:checked:hover, menubutton.opaque > button:checked:hover, button.suggested-action:checked:hover, button.opaque:checked:hover { background-image: image(RGB(0 0 6/5%)); }
actionbar > revealer > box menubutton.suggested-action > button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.suggested-action > button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.suggested-action > button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.suggested-action > button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.opaque > button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.opaque > button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.opaque > button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.opaque > button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), splitbutton.suggested-action > button:checked.keyboard-activating, splitbutton.suggested-action > menubutton > button:checked.keyboard-activating, splitbutton.opaque > button:checked.keyboard-activating, splitbutton.opaque > menubutton > button:checked.keyboard-activating, menubutton.suggested-action > button:checked.keyboard-activating, menubutton.opaque > button:checked.keyboard-activating, button.suggested-action:checked.keyboard-activating, button.opaque:checked.keyboard-activating, actionbar > revealer > box menubutton.suggested-action > button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.suggested-action > button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.suggested-action > button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.suggested-action > button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.opaque > button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.opaque > button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.opaque > button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.opaque > button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), splitbutton.suggested-action > button:checked:active, splitbutton.suggested-action > menubutton > button:checked:active, splitbutton.opaque > button:checked:active, splitbutton.opaque > menubutton > button:checked:active, menubutton.suggested-action > button:checked:active, menubutton.opaque > button:checked:active, button.suggested-action:checked:active, button.opaque:checked:active { background-image: image(RGB(0 0 6/30%)); }
actionbar > revealer > box menubutton.destructive-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.destructive-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.destructive-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.destructive-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), splitbutton.destructive-action > button, splitbutton.destructive-action > menubutton > button, menubutton.destructive-action > button, button.destructive-action { --accent-bg-color: var(--destructive-bg-color); --accent-fg-color: var(--destructive-fg-color); --accent-color: var(--destructive-color); color: var(--accent-color); background-color: color-mix(in srgb, currentColor 15%, transparent); }
actionbar > revealer > box menubutton.destructive-action > button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.destructive-action > button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.destructive-action > button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.destructive-action > button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), splitbutton.destructive-action > button:hover, splitbutton.destructive-action > menubutton > button:hover, menubutton.destructive-action > button:hover, button.destructive-action:hover { background-color: color-mix(in srgb, currentColor 20%, transparent); }
actionbar > revealer > box menubutton.destructive-action > button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.destructive-action > button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.destructive-action > button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.destructive-action > button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), splitbutton.destructive-action > button:active, splitbutton.destructive-action > menubutton > button:active, menubutton.destructive-action > button:active, button.destructive-action:active, actionbar > revealer > box menubutton.destructive-action > button.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.destructive-action > button.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.destructive-action > button.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.destructive-action > button.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), splitbutton.destructive-action > button.keyboard-activating, splitbutton.destructive-action > menubutton > button.keyboard-activating, menubutton.destructive-action > button.keyboard-activating, button.keyboard-activating.destructive-action { background-color: color-mix(in srgb, currentColor 35%, transparent); }
actionbar > revealer > box menubutton.destructive-action > button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.destructive-action > button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.destructive-action > button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.destructive-action > button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), splitbutton.destructive-action > button:checked, splitbutton.destructive-action > menubutton > button:checked, menubutton.destructive-action > button:checked, button.destructive-action:checked { background-color: color-mix(in srgb, currentColor 35%, transparent); }
actionbar > revealer > box menubutton.destructive-action > button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.destructive-action > button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.destructive-action > button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.destructive-action > button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), splitbutton.destructive-action > button:checked:hover, splitbutton.destructive-action > menubutton > button:checked:hover, menubutton.destructive-action > button:checked:hover, button.destructive-action:checked:hover { background-color: color-mix(in srgb, currentColor 40%, transparent); }
actionbar > revealer > box menubutton.destructive-action > button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.destructive-action > button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.destructive-action > button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.destructive-action > button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), splitbutton.destructive-action > button:checked.keyboard-activating, splitbutton.destructive-action > menubutton > button:checked.keyboard-activating, menubutton.destructive-action > button:checked.keyboard-activating, button.destructive-action:checked.keyboard-activating, actionbar > revealer > box menubutton.destructive-action > button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.destructive-action > button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.destructive-action > button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.destructive-action > button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), splitbutton.destructive-action > button:checked:active, splitbutton.destructive-action > menubutton > button:checked:active, menubutton.destructive-action > button:checked:active, button.destructive-action:checked:active { background-color: color-mix(in srgb, currentColor 45%, transparent); }
button.opaque { background-color: color-mix(in srgb, var(--window-bg-color) 85%, var(--window-fg-color)); color: var(--window-fg-color); }
button.suggested-action { color: var(--accent-fg-color); }
button.suggested-action, button.suggested-action:checked { background-color: var(--accent-bg-color); }
searchbar > revealer > box .close, actionbar > revealer > box menubutton.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, searchbar > revealer > box menubutton.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, .toolbar menubutton.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, headerbar menubutton.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, actionbar > revealer > box button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow, popover.menu box.circular-buttons button.circular.image-button.model, popover.menu box.inline-buttons button.image-button.model, filechooser #pathbarbox > stack > box > button, filechooser #pathbarbox > stack > box > box > button, filechooser #pathbarbox > stack > box > menubutton > button, button.sidebar-button, button.emoji-section.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), infobar .close, calendar > header > button, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button, splitbutton.flat > button, splitbutton.flat > menubutton > button, menubutton.flat > button, button.flat { background: transparent; box-shadow: none; }
searchbar > revealer > box .close, actionbar > revealer > box menubutton.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, searchbar > revealer > box menubutton.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, .toolbar menubutton.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, headerbar menubutton.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, actionbar > revealer > box button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow, popover.menu box.circular-buttons button.circular.image-button.model, popover.menu box.inline-buttons button.image-button.model, filechooser #pathbarbox > stack > box > button, filechooser #pathbarbox > stack > box > box > button, filechooser #pathbarbox > stack > box > menubutton > button, button.sidebar-button, button.emoji-section.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), infobar .close, calendar > header > button, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button, splitbutton.flat > button, splitbutton.flat > menubutton > button, menubutton.flat > button, button.flat { outline: 0 solid transparent; outline-offset: 4px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
searchbar > revealer > box .close:focus:focus-visible, actionbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:focus:focus-visible, searchbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:focus:focus-visible, .toolbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:focus:focus-visible, headerbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:focus:focus-visible, actionbar > revealer > box button.arrow-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.arrow-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.arrow-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.arrow-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-text-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-text-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-text-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-text-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.up:focus:focus-visible:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.down:focus:focus-visible:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow:focus:focus-visible, popover.menu box.circular-buttons button.circular.image-button.model:focus:focus-visible, popover.menu box.inline-buttons button.image-button.model:focus:focus-visible, filechooser #pathbarbox > stack > box > button:focus:focus-visible, filechooser #pathbarbox > stack > box > box > button:focus:focus-visible, filechooser #pathbarbox > stack > box > menubutton > button:focus:focus-visible, button.sidebar-button:focus:focus-visible, button.emoji-section.image-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), infobar .close:focus:focus-visible, calendar > header > button:focus:focus-visible, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:focus:focus-visible, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:focus:focus-visible, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:focus:focus-visible, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:focus:focus-visible, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:focus:focus-visible, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:focus:focus-visible, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:focus:focus-visible, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:focus:focus-visible, splitbutton.flat > button:focus:focus-visible, splitbutton.flat > menubutton > button:focus:focus-visible, menubutton.flat > button:focus:focus-visible, button.flat:focus:focus-visible { outline-color: color-mix(in srgb, var(--accent-color) 50%, transparent); outline-width: 2px; outline-offset: -2px; }
searchbar > revealer > box .close:hover, actionbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:hover, searchbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:hover, .toolbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:hover, headerbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:hover, actionbar > revealer > box button.arrow-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.arrow-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.arrow-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.arrow-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-text-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-text-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-text-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-text-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.up:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.down:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow:hover, popover.menu box.circular-buttons button.circular.image-button.model:hover, popover.menu box.inline-buttons button.image-button.model:hover, filechooser #pathbarbox > stack > box > button:hover, filechooser #pathbarbox > stack > box > box > button:hover, filechooser #pathbarbox > stack > box > menubutton > button:hover, button.sidebar-button:hover, button.emoji-section.image-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), infobar .close:hover, calendar > header > button:hover, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:hover, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:hover, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:hover, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:hover, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:hover, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:hover, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:hover, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:hover, splitbutton.flat > button:hover, splitbutton.flat > menubutton > button:hover, menubutton.flat > button:hover, button.flat:hover { background: color-mix(in srgb, currentColor 7%, transparent); }
searchbar > revealer > box .keyboard-activating.close, actionbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button.keyboard-activating, searchbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button.keyboard-activating, .toolbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button.keyboard-activating, headerbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button.keyboard-activating, actionbar > revealer > box button.keyboard-activating.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.keyboard-activating.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.keyboard-activating.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.keyboard-activating.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.keyboard-activating.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.keyboard-activating.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.keyboard-activating.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.keyboard-activating.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.keyboard-activating.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.keyboard-activating.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.keyboard-activating.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.keyboard-activating.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.keyboard-activating.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.keyboard-activating.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow.keyboard-activating, popover.menu box.circular-buttons button.keyboard-activating.circular.image-button.model, popover.menu box.inline-buttons button.keyboard-activating.image-button.model, filechooser #pathbarbox > stack > box > button.keyboard-activating, filechooser #pathbarbox > stack > box > box > button.keyboard-activating, filechooser #pathbarbox > stack > box > menubutton > button.keyboard-activating, button.keyboard-activating.sidebar-button, button.keyboard-activating.emoji-section.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), infobar .keyboard-activating.close, calendar > header > button.keyboard-activating, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button.keyboard-activating, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button.keyboard-activating, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button.keyboard-activating, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button.keyboard-activating, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button.keyboard-activating, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button.keyboard-activating, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button.keyboard-activating, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button.keyboard-activating, splitbutton.flat > button.keyboard-activating, splitbutton.flat > menubutton > button.keyboard-activating, menubutton.flat > button.keyboard-activating, searchbar > revealer > box .close:active, actionbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:active, searchbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:active, .toolbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:active, headerbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:active, actionbar > revealer > box button.arrow-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.arrow-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.arrow-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.arrow-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-text-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-text-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-text-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-text-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.up:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.down:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow:active, popover.menu box.circular-buttons button.circular.image-button.model:active, popover.menu box.inline-buttons button.image-button.model:active, filechooser #pathbarbox > stack > box > button:active, filechooser #pathbarbox > stack > box > box > button:active, filechooser #pathbarbox > stack > box > menubutton > button:active, button.sidebar-button:active, button.emoji-section.image-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), infobar .close:active, calendar > header > button:active, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:active, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:active, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:active, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:active, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:active, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:active, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:active, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:active, splitbutton.flat > button:active, splitbutton.flat > menubutton > button:active, menubutton.flat > button:active, button.flat.keyboard-activating, button.flat:active { background: color-mix(in srgb, currentColor 16%, transparent); }
searchbar > revealer > box .close:checked, actionbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked, searchbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked, .toolbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked, headerbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked, actionbar > revealer > box button.arrow-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.arrow-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.arrow-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.arrow-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-text-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-text-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-text-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-text-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.up:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.down:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow:checked, popover.menu box.circular-buttons button.circular.image-button.model:checked, popover.menu box.inline-buttons button.image-button.model:checked, filechooser #pathbarbox > stack > box > button:checked, filechooser #pathbarbox > stack > box > box > button:checked, filechooser #pathbarbox > stack > box > menubutton > button:checked, button.sidebar-button:checked, button.emoji-section.image-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), infobar .close:checked, calendar > header > button:checked, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked, splitbutton.flat > button:checked, splitbutton.flat > menubutton > button:checked, menubutton.flat > button:checked, button.flat:checked { background: color-mix(in srgb, currentColor 10%, transparent); }
searchbar > revealer > box .close:checked:hover, actionbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:hover, searchbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:hover, .toolbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:hover, headerbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:hover, actionbar > revealer > box button.arrow-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.arrow-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.arrow-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.arrow-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-text-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-text-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-text-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-text-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.up:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.down:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow:checked:hover, popover.menu box.circular-buttons button.circular.image-button.model:checked:hover, popover.menu box.inline-buttons button.image-button.model:checked:hover, filechooser #pathbarbox > stack > box > button:checked:hover, filechooser #pathbarbox > stack > box > box > button:checked:hover, filechooser #pathbarbox > stack > box > menubutton > button:checked:hover, button.sidebar-button:checked:hover, button.emoji-section.image-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), infobar .close:checked:hover, calendar > header > button:checked:hover, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked:hover, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked:hover, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked:hover, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked:hover, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked:hover, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked:hover, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked:hover, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked:hover, splitbutton.flat > button:checked:hover, splitbutton.flat > menubutton > button:checked:hover, menubutton.flat > button:checked:hover, button.flat:checked:hover { background: color-mix(in srgb, currentColor 13%, transparent); }
searchbar > revealer > box .close:checked.keyboard-activating, actionbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked.keyboard-activating, searchbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked.keyboard-activating, .toolbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked.keyboard-activating, headerbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked.keyboard-activating, actionbar > revealer > box button.arrow-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.arrow-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.arrow-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.arrow-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-text-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-text-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-text-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-text-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.up:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.down:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow:checked.keyboard-activating, popover.menu box.circular-buttons button.circular.image-button.model:checked.keyboard-activating, popover.menu box.inline-buttons button.image-button.model:checked.keyboard-activating, filechooser #pathbarbox > stack > box > button:checked.keyboard-activating, filechooser #pathbarbox > stack > box > box > button:checked.keyboard-activating, filechooser #pathbarbox > stack > box > menubutton > button:checked.keyboard-activating, button.sidebar-button:checked.keyboard-activating, button.emoji-section.image-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), infobar .close:checked.keyboard-activating, calendar > header > button:checked.keyboard-activating, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked.keyboard-activating, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked.keyboard-activating, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked.keyboard-activating, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked.keyboard-activating, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked.keyboard-activating, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked.keyboard-activating, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked.keyboard-activating, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked.keyboard-activating, splitbutton.flat > button:checked.keyboard-activating, splitbutton.flat > menubutton > button:checked.keyboard-activating, menubutton.flat > button:checked.keyboard-activating, searchbar > revealer > box .close:checked:active, actionbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:active, searchbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:active, .toolbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:active, headerbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:active, actionbar > revealer > box button.arrow-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.arrow-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.arrow-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.arrow-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-text-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-text-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-text-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-text-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.up:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.down:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow:checked:active, popover.menu box.circular-buttons button.circular.image-button.model:checked:active, popover.menu box.inline-buttons button.image-button.model:checked:active, filechooser #pathbarbox > stack > box > button:checked:active, filechooser #pathbarbox > stack > box > box > button:checked:active, filechooser #pathbarbox > stack > box > menubutton > button:checked:active, button.sidebar-button:checked:active, button.emoji-section.image-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), infobar .close:checked:active, calendar > header > button:checked:active, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked:active, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked:active, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked:active, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked:active, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked:active, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked:active, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked:active, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked:active, splitbutton.flat > button:checked:active, splitbutton.flat > menubutton > button:checked:active, menubutton.flat > button:checked:active, button.flat:checked.keyboard-activating, button.flat:checked:active { background: color-mix(in srgb, currentColor 19%, transparent); }
searchbar > revealer > box .close:disabled:not(:checked), actionbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:disabled:not(:checked), searchbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:disabled:not(:checked), .toolbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:disabled:not(:checked), headerbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:disabled:not(:checked), actionbar > revealer > box button.arrow-button:disabled:not(:checked):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.arrow-button:disabled:not(:checked):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.arrow-button:disabled:not(:checked):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.arrow-button:disabled:not(:checked):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-button:disabled:not(:checked):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-button:disabled:not(:checked):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-button:disabled:not(:checked):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-button:disabled:not(:checked):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-text-button:disabled:not(:checked):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-text-button:disabled:not(:checked):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-text-button:disabled:not(:checked):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-text-button:disabled:not(:checked):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.up:disabled:not(:checked):not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.down:disabled:not(:checked):not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow:disabled:not(:checked), popover.menu box.circular-buttons button.circular.image-button.model:disabled:not(:checked), popover.menu box.inline-buttons button.image-button.model:disabled:not(:checked), filechooser #pathbarbox > stack > box > button:disabled:not(:checked), filechooser #pathbarbox > stack > box > box > button:disabled:not(:checked), filechooser #pathbarbox > stack > box > menubutton > button:disabled:not(:checked), button.sidebar-button:disabled:not(:checked), button.emoji-section.image-button:disabled:not(:checked):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), infobar .close:disabled:not(:checked), calendar > header > button:disabled:not(:checked), actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:disabled:not(:checked), searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:disabled:not(:checked), .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:disabled:not(:checked), headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:disabled:not(:checked), actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:disabled:not(:checked), searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:disabled:not(:checked), .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:disabled:not(:checked), headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:disabled:not(:checked), splitbutton.flat > button:disabled:not(:checked), splitbutton.flat > menubutton > button:disabled:not(:checked), menubutton.flat > button:disabled:not(:checked), button.flat:disabled:not(:checked) { filter: opacity(30%); }
stackswitcher > button > label { padding: 0 6px; margin: 0 -6px; }
stackswitcher > button > image { padding: 3px 6px; margin: -3px -6px; }
stackswitcher > button.text-button { min-width: 100px; }
button.font separator { background-color: transparent; }
button.font > box { border-spacing: 6px; }
button.font > box > box > label { font-weight: bold; }
row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr):last-child, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, button.emoji-section.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), menubutton.circular > button, button.circular { min-width: 34px; min-height: 34px; padding: 0; border-radius: 9999px; }
row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child label, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr):last-child label, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child label, row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) label, row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child label, row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child label, button.emoji-section.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) label, menubutton.circular > button label, button.circular label { padding: 0; }
menubutton.pill > button, button.pill { padding: 10px 32px; border-radius: 9999px; }
button.card { background-color: var(--card-bg-color); background-clip: padding-box; font-weight: inherit; padding: 0; }
button.card { outline: 0 solid transparent; outline-offset: 5px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
button.card:focus:focus-visible { outline-color: color-mix(in srgb, var(--accent-color) 50%, transparent); outline-width: 2px; outline-offset: -1px; }
button.card:hover { background-image: image(color-mix(in srgb, currentColor 4%, transparent)); }
button.card.keyboard-activating, button.card:active { background-image: image(color-mix(in srgb, currentColor 8%, transparent)); }
button.card:checked { background-color: var(--card-bg-color); background-image: image(color-mix(in srgb, var(--accent-bg-color) 25%, transparent)); }
button.card:checked:hover { background-image: image(color-mix(in srgb, var(--accent-bg-color) 32%, transparent)); }
button.card:checked.keyboard-activating, button.card:checked:active { background-image: image(color-mix(in srgb, var(--accent-bg-color) 39%, transparent)); }
button.card:checked.has-open-popup { background-image: image(color-mix(in srgb, var(--accent-bg-color) 32%, transparent)); }
.osd button.card:checked { background-color: color-mix(in srgb, currentColor 10%, transparent); }
button.card:drop(active) { color: var(--accent-bg-color); box-shadow: inset 0 0 0 1px var(--accent-bg-color); }
button.color { padding: 5px; }
button.color > colorswatch:only-child { border-radius: 4.5px; }
button.color > colorswatch:only-child > overlay { border-radius: 4px; }
button.color > colorswatch:only-child:disabled { filter: none; }
button.color > colorswatch:only-child.light > overlay { border-color: color-mix(in srgb, var(--view-fg-color) 10%, transparent); }
menubutton.osd { background: none; color: inherit; }
menubutton:disabled { filter: opacity(50%); }
menubutton > button:disabled:not(:checked) { filter: none; }
menubutton.flat:disabled { filter: none; }
menubutton.suggested-action { background-color: var(--accent-bg-color); color: var(--accent-fg-color); }
menubutton.opaque { background-color: color-mix(in srgb, var(--window-bg-color) 85%, var(--window-fg-color)); color: var(--window-fg-color); }
menubutton.suggested-action, menubutton.opaque { border-radius: 9px; }
menubutton.suggested-action.circular, menubutton.suggested-action.pill, menubutton.opaque.circular, menubutton.opaque.pill { border-radius: 9999px; }
menubutton.suggested-action > button, menubutton.suggested-action > button:checked, menubutton.opaque > button, menubutton.opaque > button:checked { background-color: transparent; color: inherit; }
menubutton.image-button > button { min-width: 24px; padding-left: 5px; padding-right: 5px; }
menubutton.card > button { border-radius: 12px; }
menubutton arrow { min-height: 16px; min-width: 16px; }
menubutton arrow.none { -gtk-icon-source: -gtk-icontheme("open-menu-symbolic"); }
menubutton arrow.down { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
menubutton arrow.up { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); }
menubutton arrow.left { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); }
menubutton arrow.right { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
splitbutton { border-radius: 9px; }
splitbutton, splitbutton > separator { transition: background 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: background; }
splitbutton > separator { margin-top: 6px; margin-bottom: 6px; background: none; }
splitbutton > menubutton > button { padding-left: 4px; padding-right: 4px; }
splitbutton.image-button > button { min-width: 24px; padding-left: 5px; padding-right: 5px; }
splitbutton.text-button.image-button > button, splitbutton.image-text-button > button { padding-left: 9px; padding-right: 9px; }
splitbutton.text-button.image-button > button > box, splitbutton.image-text-button > button > box { border-spacing: 6px; }
splitbutton:disabled { filter: Opacity(var(--disabled-opacity)); }
splitbutton:disabled > button, splitbutton:disabled > menubutton, splitbutton:disabled > menubutton > button { filter: none; }
splitbutton > button:dir(ltr), splitbutton > menubutton > button:dir(rtl) { border-top-right-radius: 0; border-bottom-right-radius: 0; margin-right: -1px; }
splitbutton > button:dir(rtl), splitbutton > menubutton > button:dir(ltr) { border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: -1px; }
actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, splitbutton.flat > separator { background: color-mix(in srgb, currentColor 30%, transparent); }
actionbar > revealer > box splitbutton:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box splitbutton:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar splitbutton:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar splitbutton:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box splitbutton:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box splitbutton:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar splitbutton:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar splitbutton:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box splitbutton:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box splitbutton:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar splitbutton:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar splitbutton:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), splitbutton.flat:hover, splitbutton.flat:active, splitbutton.flat:checked { background: color-mix(in srgb, currentColor 7%, transparent); }
actionbar > revealer > box splitbutton:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, searchbar > revealer > box splitbutton:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, .toolbar splitbutton:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, headerbar splitbutton:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, actionbar > revealer > box splitbutton:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, searchbar > revealer > box splitbutton:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, .toolbar splitbutton:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, headerbar splitbutton:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, actionbar > revealer > box splitbutton:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, searchbar > revealer > box splitbutton:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, .toolbar splitbutton:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, headerbar splitbutton:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, splitbutton.flat:hover > separator, splitbutton.flat:active > separator, splitbutton.flat:checked > separator { background: none; }
actionbar > revealer > box splitbutton:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box splitbutton:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar splitbutton:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar splitbutton:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), splitbutton.flat:disabled { filter: opacity(30%); }
actionbar > revealer > box splitbutton:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:disabled, searchbar > revealer > box splitbutton:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:disabled, .toolbar splitbutton:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:disabled, headerbar splitbutton:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:disabled, actionbar > revealer > box splitbutton:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:disabled, searchbar > revealer > box splitbutton:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:disabled, .toolbar splitbutton:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:disabled, headerbar splitbutton:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:disabled, splitbutton.flat:disabled > button:disabled, splitbutton.flat:disabled > menubutton > button:disabled { filter: none; }
actionbar > revealer > box splitbutton:focus-within:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, searchbar > revealer > box splitbutton:focus-within:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, .toolbar splitbutton:focus-within:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, headerbar splitbutton:focus-within:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, splitbutton.flat:focus-within:focus-visible > separator { background: none; }
actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button, splitbutton.flat > button, splitbutton.flat > menubutton > button { border-radius: 9px; }
splitbutton.suggested-action { background-color: var(--accent-bg-color); color: var(--accent-fg-color); }
splitbutton.destructive-action { --accent-bg-color: var(--destructive-bg-color); --accent-fg-color: var(--destructive-fg-color); --accent-color: var(--destructive-color); color: var(--accent-color); }
splitbutton.opaque { background-color: color-mix(in srgb, var(--window-bg-color) 85%, var(--window-fg-color)); color: var(--window-fg-color); }
splitbutton.suggested-action > button, splitbutton.suggested-action > button:checked, splitbutton.suggested-action > menubutton > button, splitbutton.suggested-action > menubutton > button:checked, splitbutton.opaque > button, splitbutton.opaque > button:checked, splitbutton.opaque > menubutton > button, splitbutton.opaque > menubutton > button:checked { color: inherit; background-color: transparent; }
splitbutton.suggested-action > menubutton > button:dir(ltr), splitbutton.opaque > menubutton > button:dir(ltr) { box-shadow: inset 1px 0 color-mix(in srgb, currentColor 30%, transparent); }
splitbutton.suggested-action > menubutton > button:dir(rtl), splitbutton.opaque > menubutton > button:dir(rtl) { box-shadow: inset -1px 0 color-mix(in srgb, currentColor 30%, transparent); }
splitbutton > menubutton > button > arrow.none { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
buttoncontent > box { border-spacing: 6px; }
buttoncontent > box > label { font-weight: bold; }
buttoncontent > box > label:dir(ltr) { padding-right: 2px; }
buttoncontent > box > label:dir(rtl) { padding-left: 2px; }
.arrow-button > box > buttoncontent > box > label:dir(ltr), splitbutton > button > buttoncontent > box > label:dir(ltr) { padding-right: 0; }
.arrow-button > box > buttoncontent > box > label:dir(rtl), splitbutton > button > buttoncontent > box > label:dir(rtl) { padding-left: 0; }
tabbutton label { font-weight: 800; font-size: 10.5px; }
tabbutton label.small { font-size: 8px; }
tabbutton indicatorbin > indicator:dir(ltr), tabbutton indicatorbin > mask:dir(ltr) { transform: translate(-1px, 1px); }
tabbutton indicatorbin > indicator:dir(rtl), tabbutton indicatorbin > mask:dir(rtl) { transform: translate(1px, 1px); }
calendar { color: var(--view-fg-color); background-clip: padding-box; border: 1px solid color-mix(in srgb, currentColor var(--border-opacity), transparent); font-feature-settings: "tnum"; }
calendar > header { border-bottom: 1px solid color-mix(in srgb, currentColor var(--border-opacity), transparent); }
calendar > header > button { border-radius: 0; }
calendar > grid { padding-left: 3px; padding-bottom: 3px; }
calendar > grid > label.today { box-shadow: inset 0px -2px color-mix(in srgb, currentColor var(--border-opacity), transparent); }
calendar > grid > label.today:selected { box-shadow: none; }
calendar > grid > label { margin-top: 3px; margin-right: 3px; }
calendar > grid > label { outline: 0 solid transparent; outline-offset: 4px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
calendar > grid > label:focus { outline-color: color-mix(in srgb, var(--accent-color) 50%, transparent); outline-width: 2px; outline-offset: -2px; }
calendar > grid > label.day-number { padding: 3px; }
calendar > grid > label.day-number:checked { border-radius: 9px; background-color: color-mix(in srgb, var(--accent-bg-color) 30%, transparent); }
calendar > grid > label.day-number:selected { border-radius: 9px; background-color: var(--accent-bg-color); color: var(--accent-fg-color); }
calendar > grid > label.day-number.other-month { color: color-mix(in srgb, currentColor 30%, transparent); }
checkbutton { border-spacing: 4px; border-radius: 9px; padding: 3px; }
checkbutton { outline: 0 solid transparent; outline-offset: 4px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
checkbutton:focus:focus-visible { outline-color: color-mix(in srgb, var(--accent-color) 50%, transparent); outline-width: 2px; outline-offset: -2px; }
checkbutton.text-button { padding: 4px; }
checkbutton.grouped { border-radius: 999px; }
check, radio { transition: background 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); min-height: 14px; min-width: 14px; -gtk-icon-size: 14px; padding: 3px; box-shadow: inset 0 0 0 2px color-mix(in srgb, currentColor 15%, transparent); }
check:not(:checked):not(:indeterminate):hover, radio:not(:checked):not(:indeterminate):hover { box-shadow: inset 0 0 0 2px color-mix(in srgb, currentColor 20%, transparent); }
check:not(:checked):not(:indeterminate):active, radio:not(:checked):not(:indeterminate):active { background-color: color-mix(in srgb, currentColor 25%, transparent); box-shadow: none; }
check:checked, check:indeterminate, radio:checked, radio:indeterminate { background-color: var(--accent-bg-color); color: var(--accent-fg-color); box-shadow: none; }
check:checked:hover, check:indeterminate:hover, radio:checked:hover, radio:indeterminate:hover { background-image: image(color-mix(in srgb, currentColor 10%, transparent)); }
check:checked:active, check:indeterminate:active, radio:checked:active, radio:indeterminate:active { background-image: image(RGB(0 0 6/20%)); }
check:disabled, radio:disabled { filter: Opacity(var(--disabled-opacity)); }
check { border-radius: 6px; }
check:checked { -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/check-symbolic.symbolic.png")), -gtk-recolor(url("assets/check@2-symbolic.symbolic.png"))); }
radio { border-radius: 100%; }
radio:checked { -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/bullet-symbolic.symbolic.png")), -gtk-recolor(url("assets/bullet@2-symbolic.symbolic.png"))); }
check:indeterminate, radio:indeterminate { -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/dash-symbolic.symbolic.png")), -gtk-recolor(url("assets/dash@2-symbolic.symbolic.png"))); }
checkbutton.selection-mode { border-radius: 100px; }
checkbutton.selection-mode check, checkbutton.selection-mode radio { padding: 7px; border-radius: 100px; }
checkbutton.selection-mode label:dir(ltr) { margin-right: 6px; }
checkbutton.selection-mode label:dir(rtl) { margin-left: 6px; }
colorswatch { outline: 0 solid transparent; outline-offset: 6px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
colorswatch:focus:focus-visible { outline-color: color-mix(in srgb, var(--accent-color) 50%, transparent); outline-width: 4px; outline-offset: -2px; }
colorswatch.top { border-top-left-radius: 9.5px; border-top-right-radius: 9.5px; }
colorswatch.top > overlay { border-top-left-radius: 9px; border-top-right-radius: 9px; }
colorswatch.bottom { border-bottom-left-radius: 9.5px; border-bottom-right-radius: 9.5px; }
colorswatch.bottom > overlay { border-bottom-left-radius: 9px; border-bottom-right-radius: 9px; }
colorswatch.left, colorswatch:first-child:not(.top) { border-top-left-radius: 9.5px; border-bottom-left-radius: 9.5px; }
colorswatch.left > overlay, colorswatch:first-child:not(.top) > overlay { border-top-left-radius: 9px; border-bottom-left-radius: 9px; }
colorswatch.right, colorswatch:last-child:not(.bottom) { border-top-right-radius: 9.5px; border-bottom-right-radius: 9.5px; }
colorswatch.right > overlay, colorswatch:last-child:not(.bottom) > overlay { border-top-right-radius: 9px; border-bottom-right-radius: 9px; }
colorswatch.dark > overlay { color: white; }
colorswatch.light > overlay { color: RGB(0 0 6/75%); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--view-fg-color) 10%, transparent); }
colorswatch:drop(active).light > overlay { box-shadow: inset 0 0 0 2px var(--accent-bg-color); }
colorswatch:drop(active).dark > overlay { box-shadow: inset 0 0 0 2px var(--accent-bg-color); }
colorswatch#add-color-button > overlay { border-radius: 9px 0 0 9px; }
colorswatch#add-color-button:only-child > overlay { border-radius: 9px; }
colorswatch:disabled { filter: Opacity(var(--disabled-opacity)); }
colorswatch#editor-color-sample { border-radius: 9px; }
colorswatch#editor-color-sample > overlay { border-radius: 9.5px; }
plane { outline: 0 solid transparent; outline-offset: 6px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
plane:focus:focus-visible { outline-color: color-mix(in srgb, var(--accent-color) 50%, transparent); outline-width: 2px; outline-offset: 2px; }
colorchooser .popover.osd { border-radius: 15px; }
columnview, treeview.view, window.print:not(.ssd-frame) treeview.dialog-action-box { outline: 0 solid transparent; outline-offset: 4px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
columnview:focus:focus-visible, treeview.view:focus:focus-visible, window.print:not(.ssd-frame) treeview.dialog-action-box:focus:focus-visible { outline-color: color-mix(in srgb, var(--accent-color) 50%, transparent); outline-width: 2px; outline-offset: -2px; }
columnview:drop(active), treeview.view:drop(active), window.print:not(.ssd-frame) treeview.dialog-action-box:drop(active) { box-shadow: none; }
columnview > header > button, treeview.view > header > button, window.print:not(.ssd-frame) treeview.dialog-action-box > header > button { background-color: transparent; padding-top: 3px; padding-bottom: 3px; padding-left: 6px; padding-right: 6px; border-radius: 0; box-shadow: none; line-height: 100%; border-left: 1px solid transparent; }
columnview > header > button:first-child, treeview.view > header > button:first-child, window.print:not(.ssd-frame) treeview.dialog-action-box > header > button:first-child { border-left-width: 0; }
columnview > header > button > box, treeview.view > header > button > box, window.print:not(.ssd-frame) treeview.dialog-action-box > header > button > box { color: color-mix(in srgb, currentColor 40%, transparent); border-spacing: 6px; }
columnview > header > button:hover > box, treeview.view > header > button:hover > box, window.print:not(.ssd-frame) treeview.dialog-action-box > header > button:hover > box { color: color-mix(in srgb, currentColor 70%, transparent); box-shadow: none; }
columnview > header > button:active > box, treeview.view > header > button:active > box, window.print:not(.ssd-frame) treeview.dialog-action-box > header > button:active > box { color: currentColor; }
columnview > header > button sort-indicator, treeview.view > header > button sort-indicator, window.print:not(.ssd-frame) treeview.dialog-action-box > header > button sort-indicator { min-height: 16px; min-width: 16px; }
columnview > header > button sort-indicator.ascending, treeview.view > header > button sort-indicator.ascending, window.print:not(.ssd-frame) treeview.dialog-action-box > header > button sort-indicator.ascending { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); }
columnview > header > button sort-indicator.descending, treeview.view > header > button sort-indicator.descending, window.print:not(.ssd-frame) treeview.dialog-action-box > header > button sort-indicator.descending { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
columnview button.dnd:active, columnview button.dnd:selected, columnview button.dnd:hover, columnview button.dnd, treeview.view button.dnd, window.print:not(.ssd-frame) treeview.dialog-action-box button.dnd, columnview header.button.dnd:active, columnview header.button.dnd:selected, columnview header.button.dnd:hover, columnview header.button.dnd, treeview.view header.button.dnd, window.print:not(.ssd-frame) treeview.dialog-action-box header.button.dnd { color: var(--accent-fg-color); background-color: var(--accent-bg-color); transition: none; }
columnview.view > listview.view, treeview.view > listview.view, window.print:not(.ssd-frame) columnview.dialog-action-box > listview.view, window.print:not(.ssd-frame) treeview.dialog-action-box > listview.view, window.print:not(.ssd-frame) columnview.view > listview.dialog-action-box, window.print:not(.ssd-frame) treeview.view > listview.dialog-action-box, window.print:not(.ssd-frame) columnview.dialog-action-box > listview.dialog-action-box, window.print:not(.ssd-frame) treeview.dialog-action-box > listview.dialog-action-box { background: none; color: inherit; }
columnview > listview > row, treeview.view > listview > row, window.print:not(.ssd-frame) treeview.dialog-action-box > listview > row { padding: 0; }
columnview > listview > row > cell, treeview.view > listview > row > cell, window.print:not(.ssd-frame) treeview.dialog-action-box > listview > row > cell { padding: 8px 6px; }
columnview > listview > row > cell:not(:first-child), treeview.view > listview > row > cell:not(:first-child), window.print:not(.ssd-frame) treeview.dialog-action-box > listview > row > cell:not(:first-child) { border-left: 1px solid transparent; }
columnview.column-separators > listview > row > cell, treeview.column-separators.view > listview > row > cell, window.print:not(.ssd-frame) treeview.column-separators.dialog-action-box > listview > row > cell, columnview.column-separators > header > button, treeview.column-separators.view > header > button, window.print:not(.ssd-frame) treeview.column-separators.dialog-action-box > header > button { border-left-color: color-mix(in srgb, currentColor var(--border-opacity), transparent); }
columnview > listview:not(.horizontal).separators > row:not(.separator), treeview.view > listview:not(.horizontal).separators > row:not(.separator), window.print:not(.ssd-frame) treeview.dialog-action-box > listview:not(.horizontal).separators > row:not(.separator) { border-top: 1px solid color-mix(in srgb, currentColor var(--border-opacity), transparent); border-bottom: none; }
columnview.data-table > listview > row > cell, treeview.data-table.view > listview > row > cell, window.print:not(.ssd-frame) treeview.data-table.dialog-action-box > listview > row > cell { padding-top: 2px; padding-bottom: 2px; }
columnview ~ undershoot.top, treeview.view ~ undershoot.top, window.print:not(.ssd-frame) treeview.dialog-action-box ~ undershoot.top { box-shadow: inset 0 1px color-mix(in srgb, var(--shade-color) 75%, transparent); background: linear-gradient(to bottom, color-mix(in srgb, var(--shade-color) 75%, transparent), transparent 4px); }
columnview row:not(:selected) cell editablelabel:not(.editing):focus-within, treeview.view row:not(:selected) cell editablelabel:not(.editing):focus-within, window.print:not(.ssd-frame) treeview.dialog-action-box row:not(:selected) cell editablelabel:not(.editing):focus-within { outline: 2px solid color-mix(in srgb, var(--accent-color) 50%, transparent); }
columnview row:not(:selected) cell editablelabel.editing:focus-within, treeview.view row:not(:selected) cell editablelabel.editing:focus-within, window.print:not(.ssd-frame) treeview.dialog-action-box row:not(:selected) cell editablelabel.editing:focus-within { outline: 2px solid var(--accent-color); }
treeexpander { border-spacing: 4px; }
.dialog-action-area { margin: 6px; border-spacing: 6px; }
/**************** Print dialog * */
window.print:not(.ssd-frame) drawing { color: var(--window-fg-color); background: none; border: none; padding: 0; }
window.print:not(.ssd-frame) drawing paper { background-color: white; color: RGB(0 0 6/80%); background-clip: padding-box; border: 1px solid color-mix(in srgb, currentColor var(--border-opacity), transparent); }
/******************** Page setup dalog * */
/****************** GtkAboutDialog * */
window.aboutdialog:not(.ssd-frame) image.large-icons { -gtk-icon-size: 128px; }
/************************* GtkColorChooserDialog * */
/************* AdwDialog * */
floating-sheet > dimming { background-color: RGB(from var(--shade-color) r g b/calc(alpha * 2)); }
floating-sheet > sheet { border-radius: 15px; box-shadow: 0 2px 8px 2px RGB(0 0 6/7%), 0 3px 20px 10px RGB(0 0 6/5%), 0 6px 32px 16px RGB(0 0 6/2%), 0 0 0 1px RGB(0 0 6 / 5%); outline: 1px solid RGB(255 255 255/7%); outline-offset: -1px; }
dialog.bottom-sheet:not(.narrow) sheet { margin-left: 30px; margin-right: 30px; }
dialog.bottom-sheet:not(.narrow) sheet.flush-left > outline, dialog.bottom-sheet:not(.narrow) sheet.flush-right > outline, dialog.bottom-sheet:not(.narrow) sheet.flush-left.flush-right > outline { box-shadow: inset 1px 0 RGB(255 255 255/7%), inset -1px 0 RGB(255 255 255/7%), inset 0 1px RGB(255 255 255/7%); }
dialog-host > dialog.background { background: none; }
dialog-host > dialog.background sheet { background-color: var(--window-bg-color); color: var(--window-fg-color); }
dialog-host > dialog.view, window.print:not(.ssd-frame) dialog-host > dialog.dialog-action-box { background: none; }
dialog-host > dialog.osd:not(progressbar):not(button):not(menubutton):not(splitbutton) { background: none; }
/*********************** GtkAppChooserDialog * */
window.appchooser:not(.ssd-frame) headerbar.titlebar > windowhandle { padding-top: 3px; }
window.appchooser:not(.ssd-frame) headerbar.titlebar box.start + box { margin-top: -6px; margin-bottom: -6px; min-height: 12px; }
window.appchooser:not(.ssd-frame) searchbar { background: none; }
window.appchooser:not(.ssd-frame) .dialog-vbox > box > box:not(.dialog-action-area) { margin: 6px; }
window.appchooser:not(.ssd-frame) .dialog-action-area { margin-top: 0; }
/**************** GtkAssistant * */
window.assistant .sidebar { padding: 6px; background-color: var(--sidebar-bg-color); color: var(--sidebar-fg-color); }
window.assistant .sidebar:not(separator):dir(ltr) { border-right: none; box-shadow: inset -1px 0 var(--sidebar-border-color); }
window.assistant .sidebar:not(separator):dir(rtl) { box-shadow: inset 1px 0 var(--sidebar-border-color); }
window.assistant .sidebar:backdrop { background-color: var(--sidebar-backdrop-color); transition: background-color 200ms ease-out; }
window.assistant .sidebar > label { padding: 6px 12px; border-radius: 9px; }
window.assistant .sidebar > label.highlight { background-color: color-mix(in srgb, currentColor 10%, transparent); }
/*************** GtkComboBox * */
combobox button { padding-top: 2px; padding-bottom: 2px; min-height: 30px; }
/*************** GtkIconView * */
iconview:not(:selected) { background-color: color-mix(in srgb, var(--accent-bg-color) 0.0001%, var(--view-bg-color)); }
iconview { outline: 0 solid transparent; outline-offset: 4px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
iconview:focus:focus-visible { outline-color: color-mix(in srgb, var(--accent-color) 50%, transparent); outline-width: 2px; outline-offset: -2px; }
iconview:drop(active) { box-shadow: none; }
iconview > dndtarget:drop(active) { border-style: solid; border-width: 1px; border-color: var(--accent-bg-color); }
/************** GtkInfoBar * */
infobar > revealer > box { padding: 6px; padding-bottom: 7px; border-spacing: 6px; box-shadow: inset 0 -1px var(--shade-color); }
infobar > revealer > box > box { border-spacing: 6px; }
infobar.action:hover > revealer > box { background-image: image(color-mix(in srgb, currentColor 5%, transparent)); }
infobar.action:active > revealer > box { background-image: image(color-mix(in srgb, currentColor 10%, transparent)); }
infobar.info > revealer > box { background-color: color-mix(in srgb, var(--accent-bg-color) 30%, var(--window-bg-color)); color: var(--window-fg-color); }
infobar.question > revealer > box { background-color: color-mix(in srgb, var(--accent-bg-color) 30%, var(--window-bg-color)); color: var(--window-fg-color); }
infobar.warning > revealer > box { background-color: color-mix(in srgb, var(--warning-bg-color) 30%, var(--window-bg-color)); color: var(--window-fg-color); }
infobar.error > revealer > box { background-color: color-mix(in srgb, var(--error-bg-color) 30%, var(--window-bg-color)); color: var(--window-fg-color); }
infobar .close { min-width: 18px; min-height: 18px; padding: 4px; border-radius: 50%; }
/**************** GtkStatusBar * */
statusbar { padding: 6px 10px 6px 10px; }
/*************** GtkTreeView * */
treeview.view, window.print:not(.ssd-frame) treeview.dialog-action-box { border-left-color: color-mix(in srgb, currentColor 20%, var(--view-bg-color)); border-top-color: color-mix(in srgb, currentColor 20%, var(--view-bg-color)); }
treeview.view:not(:selected), window.print:not(.ssd-frame) treeview.dialog-action-box:not(:selected) { background-color: color-mix(in srgb, var(--accent-bg-color) 0.0001%, var(--view-bg-color)); }
treeview.view:selected:focus, treeview.view:selected, window.print:not(.ssd-frame) treeview.dialog-action-box:selected { border-radius: 0; }
treeview.view.separator, window.print:not(.ssd-frame) treeview.separator.dialog-action-box { min-height: 2px; color: color-mix(in srgb, currentColor var(--border-opacity), transparent); }
treeview.view.expander, window.print:not(.ssd-frame) treeview.expander.dialog-action-box { min-width: 16px; min-height: 16px; -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); color: color-mix(in srgb, currentColor 70%, transparent); }
treeview.view.expander:dir(rtl), window.print:not(.ssd-frame) treeview.expander.dialog-action-box:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); }
treeview.view.expander:hover, window.print:not(.ssd-frame) treeview.expander.dialog-action-box:hover, treeview.view.expander:active, window.print:not(.ssd-frame) treeview.expander.dialog-action-box:active { color: currentColor; }
treeview.view.expander:checked, window.print:not(.ssd-frame) treeview.expander.dialog-action-box:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
treeview.view.expander:disabled, window.print:not(.ssd-frame) treeview.expander.dialog-action-box:disabled { color: color-mix(in srgb, currentColor var(--disabled-opacity), transparent); }
treeview.view > dndtarget:drop(active), window.print:not(.ssd-frame) treeview.dialog-action-box > dndtarget:drop(active) { border-style: solid none; border-width: 1px; border-color: var(--accent-bg-color); }
treeview.view > dndtarget:drop(active).after, window.print:not(.ssd-frame) treeview.dialog-action-box > dndtarget:drop(active).after { border-top-style: none; }
treeview.view > dndtarget:drop(active).before, window.print:not(.ssd-frame) treeview.dialog-action-box > dndtarget:drop(active).before { border-bottom-style: none; }
treeview.view > header > button, window.print:not(.ssd-frame) treeview.dialog-action-box > header > button { padding-left: 4px; padding-right: 4px; border-bottom: 1px solid color-mix(in srgb, currentColor var(--border-opacity), transparent); }
treeview.view.progressbar, window.print:not(.ssd-frame) treeview.progressbar.dialog-action-box { box-shadow: none; }
treeview.view.progressbar, window.print:not(.ssd-frame) treeview.progressbar.dialog-action-box, treeview.view.progressbar:selected { background-color: var(--accent-bg-color); color: var(--accent-fg-color); }
treeview.view.trough, window.print:not(.ssd-frame) treeview.trough.dialog-action-box { background-color: color-mix(in srgb, currentColor 10%, transparent); }
treeview.view ~ undershoot.top, window.print:not(.ssd-frame) treeview.dialog-action-box ~ undershoot.top { box-shadow: none; background: none; }
treeview.view acceleditor > label, window.print:not(.ssd-frame) treeview.dialog-action-box acceleditor > label { background-color: color-mix(in srgb, currentColor 10%, var(--view-bg-color)); }
treeview.navigation-sidebar { padding: 0; }
treeview.navigation-sidebar:selected:focus, treeview.navigation-sidebar:selected { background-color: color-mix(in srgb, currentColor 10%, transparent); }
treeview entry:focus-within:dir(rtl), treeview entry:focus-within:dir(ltr) { background-color: var(--view-bg-color); transition-property: color, background; }
treeview entry.flat, treeview entry { border-radius: 0; background-image: none; background-color: var(--view-bg-color); }
treeview entry.flat:focus-within, treeview entry:focus-within { border-color: var(--accent-color); }
treeview spinbutton:not(.vertical) { min-height: 0; border-style: none; border-radius: 0; }
treeview spinbutton:not(.vertical) > text { min-height: 0; padding: 1px 2px; }
.sidebar:not(separator):dir(ltr), .sidebar:not(separator).left, .sidebar:not(separator).left:dir(rtl) { border-right: 1px solid color-mix(in srgb, currentColor var(--border-opacity), transparent); border-left-style: none; }
.sidebar:not(separator):dir(rtl), .sidebar:not(separator).right { border-left: 1px solid color-mix(in srgb, currentColor var(--border-opacity), transparent); border-right-style: none; }
.sidebar listview.view, .sidebar window.print:not(.ssd-frame) listview.dialog-action-box, window.print:not(.ssd-frame) .sidebar listview.dialog-action-box, .sidebar list { background-color: transparent; color: inherit; }
paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar { border-style: none; }
.large-title { font-weight: 300; font-size: 24pt; }
/********************* App Notifications * */
.app-notification { padding: 10px; border-spacing: 10px; border-radius: 0 0 15px 15px; background-image: linear-gradient(to bottom, RGB(0 0 0/20%), transparent 2px); background-clip: padding-box; }
.app-notification border { border: none; }
dropdown > button > box, combobox > button > box { border-spacing: 6px; }
dropdown > button > box > stack > row.activatable:hover, combobox > button > box > stack > row.activatable:hover, dropdown > button > box > stack > row.activatable:active, combobox > button > box > stack > row.activatable:active { background: none; }
dropdown arrow, combobox arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); min-height: 16px; min-width: 16px; }
dropdown:drop(active), combobox:drop(active) { box-shadow: none; }
dropdown popover.menu, combobox popover.menu { padding-top: 6px; }
dropdown popover.menu listview > row, combobox popover.menu listview > row { min-width: 0; }
dropdown popover.menu .dropdown-searchbar, combobox popover.menu .dropdown-searchbar { padding: 6px; }
dropdown popover.menu .dropdown-searchbar + scrolledwindow:not(.undershoot-top) > undershoot.top, combobox popover.menu .dropdown-searchbar + scrolledwindow:not(.undershoot-top) > undershoot.top { box-shadow: inset 0 1px color-mix(in srgb, var(--shade-color) 75%, transparent); background: linear-gradient(to bottom, color-mix(in srgb, var(--shade-color) 75%, transparent), transparent 4px); }
popover.emoji-picker > contents { padding: 0; }
.emoji-searchbar { padding: 6px; }
.emoji-toolbar { padding: 3px; }
button.emoji-section.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) { min-width: 32px; min-height: 32px; }
popover.emoji-picker emoji { font-size: x-large; padding: 6px; border-radius: 9px; }
popover.emoji-picker emoji:focus, popover.emoji-picker emoji:hover { background: color-mix(in srgb, currentColor 7%, transparent); }
popover.emoji-picker emoji:active { background: color-mix(in srgb, currentColor 16%, transparent); }
popover.emoji-picker scrolledwindow.view, popover.emoji-picker window.print:not(.ssd-frame) scrolledwindow.dialog-action-box, window.print:not(.ssd-frame) popover.emoji-picker scrolledwindow.dialog-action-box { background: none; color: inherit; }
popover.emoji-picker scrolledwindow.view:not(.undershoot-top) > undershoot.top, popover.emoji-picker window.print:not(.ssd-frame) scrolledwindow.dialog-action-box:not(.undershoot-top) > undershoot.top, window.print:not(.ssd-frame) popover.emoji-picker scrolledwindow.dialog-action-box:not(.undershoot-top) > undershoot.top { box-shadow: inset 0 1px color-mix(in srgb, var(--shade-color) 75%, transparent); background: linear-gradient(to bottom, color-mix(in srgb, var(--shade-color) 75%, transparent), transparent 4px); }
popover.emoji-picker scrolledwindow.view:not(.undershoot-bottom) > undershoot.bottom, popover.emoji-picker window.print:not(.ssd-frame) scrolledwindow.dialog-action-box:not(.undershoot-bottom) > undershoot.bottom, window.print:not(.ssd-frame) popover.emoji-picker scrolledwindow.dialog-action-box:not(.undershoot-bottom) > undershoot.bottom { box-shadow: inset 0 -1px color-mix(in srgb, var(--shade-color) 75%, transparent); background: linear-gradient(to top, color-mix(in srgb, var(--shade-color) 75%, transparent), transparent 4px); }
popover.emoji-completion > contents { padding: 6px; padding-bottom: 4px; }
emoji-completion-row { padding: 6px; margin-bottom: 2px; border-radius: 9px; }
emoji-completion-row:dir(ltr) { padding-right: 12px; }
emoji-completion-row:dir(rtl) { padding-left: 12px; }
emoji-completion-row > box { border-spacing: 6px; }
emoji-completion-row:focus, emoji-completion-row:hover { background-color: color-mix(in srgb, currentColor 10%, transparent); color: var(--popover-fg-color); }
emoji-completion-row:active { background-color: color-mix(in srgb, currentColor 16%, transparent); }
spinbutton, entry { min-height: 34px; padding-left: 9px; padding-right: 9px; border-radius: 9px; border-spacing: 6px; background-color: color-mix(in srgb, currentColor 10%, transparent); background-clip: padding-box; caret-color: currentColor; }
spinbutton, entry { outline: 0 solid transparent; outline-offset: 4px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
spinbutton:focus-within, entry:focus-within { outline-color: color-mix(in srgb, var(--accent-color) 50%, transparent); outline-width: 2px; outline-offset: -2px; }
spinbutton > text > block-cursor, entry > text > block-cursor { color: var(--view-bg-color); background-color: var(--view-fg-color); }
spinbutton.flat, entry.flat:focus-within, entry.flat:disabled, entry.flat { min-height: 0; padding: 2px; background-color: transparent; box-shadow: none; border-radius: 0; }
spinbutton:disabled, entry:disabled { filter: Opacity(var(--disabled-opacity)); }
spinbutton > image, entry > image { opacity: 0.7; }
spinbutton > image:hover, entry > image:hover { opacity: 1; }
spinbutton > image:active, entry > image:active { opacity: 0.8; }
spinbutton > image.left, entry > image.left { margin-right: 6px; }
spinbutton > image.right, entry > image.right { margin-left: 6px; }
spinbutton.password image.caps-lock-indicator, entry.password image.caps-lock-indicator { opacity: 30%; }
spinbutton:drop(active), entry:drop(active):focus-within, entry:drop(active) { border-color: var(--accent-bg-color); box-shadow: inset 0 0 0 1px var(--accent-bg-color); }
spinbutton > progress, entry > progress { margin-bottom: 3px; }
spinbutton > progress > trough, entry > progress > trough { min-height: 2px; }
spinbutton > progress > trough > progress, entry > progress > trough > progress { background-color: transparent; background-image: none; border-radius: 0; border-width: 0 0 2px; border-color: var(--accent-bg-color); border-style: solid; box-shadow: none; }
expander { min-width: 16px; min-height: 16px; -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
expander:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); }
expander:disabled { filter: Opacity(var(--disabled-opacity)); }
expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
expander-widget > box > title { outline: 0 solid transparent; outline-offset: 4px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
expander-widget:focus:focus-visible > box > title { outline-color: color-mix(in srgb, var(--accent-color) 50%, transparent); outline-width: 2px; outline-offset: -2px; }
expander-widget > box > title { border-radius: 6px; }
expander-widget > box > title > expander { opacity: .7; }
expander-widget > box > title:hover > expander, expander-widget > box > title:active > expander { opacity: 1; }
placessidebar .navigation-sidebar > row { padding: 0; }
placessidebar .navigation-sidebar > row > revealer { padding: 0 14px; }
placessidebar .navigation-sidebar > row image.sidebar-icon:dir(ltr) { padding-right: 8px; }
placessidebar .navigation-sidebar > row image.sidebar-icon:dir(rtl) { padding-left: 8px; }
placessidebar .navigation-sidebar > row label.sidebar-label:dir(ltr) { padding-right: 2px; }
placessidebar .navigation-sidebar > row label.sidebar-label:dir(rtl) { padding-left: 2px; }
button.sidebar-button { min-height: 26px; min-width: 26px; margin-top: 3px; margin-bottom: 3px; padding: 0; border-radius: 100%; }
placessidebar .navigation-sidebar > row:selected:active { box-shadow: none; }
placessidebar .navigation-sidebar > row.sidebar-placeholder-row { padding: 0 8px; min-height: 2px; background-image: image(var(--accent-bg-color)); background-clip: content-box; }
placessidebar .navigation-sidebar > row.sidebar-new-bookmark-row { color: var(--accent-color); }
placessidebar .navigation-sidebar > row:drop(active):not(:disabled) { color: var(--accent-bg-color); box-shadow: inset 0 0 0 1px var(--accent-bg-color); }
row image.sidebar-icon { opacity: 0.7; }
row .sidebar-button { opacity: 0.7; }
row .sidebar-button:hover, row .sidebar-button:active, row .sidebar-button.keyboard-activating { opacity: 1; }
placesview .server-list-button > image { transition: -gtk-icon-transform 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -gtk-icon-transform: rotate(0turn); }
placesview .server-list-button:checked > image { -gtk-icon-transform: rotate(-0.5turn); }
placesview > actionbar > revealer > box > box { border-spacing: 6px; }
filechooser { box-shadow: 0 1px color-mix(in srgb, currentColor var(--border-opacity), transparent); }
filechooser pathbar button:not(.image-button) { padding-left: 9px; padding-right: 9px; }
filechooser pathbar button > box { border-spacing: 4px; }
filechooser pathbar button > box > label { padding-left: 2px; padding-right: 2px; }
filechooser columnview > listview > row > cell, filechooser treeview.view > listview > row > cell, filechooser window.print:not(.ssd-frame) treeview.dialog-action-box > listview > row > cell, window.print:not(.ssd-frame) filechooser treeview.dialog-action-box > listview > row > cell { padding: 0; }
filechooser columnview > listview > row > cell > filelistcell, filechooser treeview.view > listview > row > cell > filelistcell, filechooser window.print:not(.ssd-frame) treeview.dialog-action-box > listview > row > cell > filelistcell, window.print:not(.ssd-frame) filechooser treeview.dialog-action-box > listview > row > cell > filelistcell { padding: 8px 6px; }
filechooser gridview { padding: 15px; }
filechooser gridview ~ undershoot.top { box-shadow: inset 0 1px color-mix(in srgb, var(--shade-color) 75%, transparent); background: linear-gradient(to bottom, color-mix(in srgb, var(--shade-color) 75%, transparent), transparent 4px); }
filechooser gridview > child { border-radius: 12px; padding: 0; margin: 3px; }
filechooser gridview > child > filelistcell { padding: 6px 12px; }
filechooser gridview > child filethumbnail image { filter: drop-shadow(0px 1px 1px RGB(0 0 6/30%)); }
filechooser gridview > child box { border-spacing: 6px; }
filechooser columnview > listview, filechooser treeview.view > listview, filechooser window.print:not(.ssd-frame) treeview.dialog-action-box > listview, window.print:not(.ssd-frame) filechooser treeview.dialog-action-box > listview, filechooser gridview { --accent-bg-color: #959595; --accent-color: oklab(from var(--accent-bg-color) var(--standalone-color-oklab)); }
filechooser > box > actionbar { box-shadow: 0 -1px color-mix(in srgb, var(--headerbar-shade-color) 50%, transparent), 0 -2px 4px color-mix(in srgb, var(--headerbar-shade-color) 50%, transparent); }
filechooser > box > actionbar > revealer > box { box-shadow: none; padding-top: 6px; }
filechooser scrolledwindow + actionbar > revealer > box { background-color: color-mix(in srgb, var(--accent-bg-color) 30%, var(--view-bg-color)); color: var(--window-fg-color); box-shadow: none; padding-top: 6px; font-weight: bold; }
filechooser scrolledwindow + actionbar > revealer > box:backdrop { background-color: color-mix(in srgb, var(--accent-bg-color) 15%, var(--view-bg-color)); }
filechooser placesview > stack > scrolledwindow > undershoot.bottom { box-shadow: inset 0 -1px color-mix(in srgb, var(--shade-color) 75%, transparent); background: linear-gradient(to top, color-mix(in srgb, var(--shade-color) 75%, transparent), transparent 4px); }
filechooser placesview > stack > scrolledwindow list { --accent-bg-color: #959595; --accent-color: oklab(from var(--accent-bg-color) var(--standalone-color-oklab)); }
filechooser placesview > actionbar > revealer > box { background: var(--view-bg-color); color: var(--view-fg-color); box-shadow: none; padding-top: 6px; }
filechooser placesview > actionbar > revealer > box:backdrop { background: var(--view-bg-color); transition: none; }
filechooser placessidebar { background-color: var(--sidebar-bg-color); color: var(--sidebar-fg-color); }
filechooser placessidebar:backdrop { background-color: var(--sidebar-backdrop-color); transition: background-color 200ms ease-out; }
filechooser paned.horizontal > separator:dir(ltr) { box-shadow: inset 1px 0 var(--sidebar-bg-color), inset 1px 0 var(--sidebar-border-color); }
filechooser paned.horizontal > separator:dir(ltr):backdrop { box-shadow: inset 1px 0 var(--sidebar-backdrop-color), inset 1px 0 var(--sidebar-border-color); }
filechooser paned.horizontal > separator:dir(rtl) { box-shadow: inset -1px 0 var(--sidebar-bg-color), inset -1px 0 var(--sidebar-border-color); }
filechooser paned.horizontal > separator:dir(rtl):backdrop { box-shadow: inset -1px 0 var(--sidebar-backdrop-color), inset -1px 0 var(--sidebar-border-color); }
filechooser paned.horizontal > separator:backdrop { transition: box-shadow 200ms ease-out; }
/* Fix header bar height in the file chooser */
window.filechooser headerbar box.start + box.vertical { margin-top: -6px; margin-bottom: -6px; min-height: 12px; }
headerbar { min-height: 47px; background-color: var(--headerbar-bg-color); color: var(--headerbar-fg-color); box-shadow: inset 0 -1px var(--headerbar-shade-color), inset 1px 0 color-mix(in srgb, var(--headerbar-border-color) var(--border-opacity), transparent), inset -1px 0 color-mix(in srgb, var(--headerbar-border-color) var(--border-opacity), transparent); margin-left: -1px; margin-right: -1px; }
headerbar > windowhandle > box { padding: 6px 7px 7px 7px; }
headerbar > windowhandle > box > box.start, headerbar > windowhandle > box > box.end { border-spacing: 6px; }
headerbar > windowhandle > box > box.start:dir(ltr), headerbar > windowhandle > box > box.end:dir(rtl), headerbar > windowhandle > box > widget > box.start:dir(ltr), headerbar > windowhandle > box > widget > box.end:dir(rtl) { margin-right: 6px; }
headerbar > windowhandle > box > box.start:dir(rtl), headerbar > windowhandle > box > box.end:dir(ltr), headerbar > windowhandle > box > widget > box.start:dir(rtl), headerbar > windowhandle > box > widget > box.end:dir(ltr) { margin-left: 6px; }
headerbar:backdrop { background-color: var(--headerbar-backdrop-color); transition: background-color 200ms ease-out; }
headerbar:backdrop > windowhandle { filter: opacity(0.5); transition: filter 200ms ease-out; }
headerbar.default-decoration { min-height: 37px; }
headerbar.default-decoration > windowhandle > box { padding: 3px 4px 4px 4px; }
headerbar.default-decoration windowcontrols > button { min-height: 22px; min-width: 22px; padding: 4px; }
headerbar.default-decoration windowcontrols > .icon { margin: 7px; }
window:not(.ssd-frame) > .titlebar:not(.flat) { box-shadow: 0 1px color-mix(in srgb, var(--headerbar-shade-color) 50%, transparent), 0 2px 4px color-mix(in srgb, var(--headerbar-shade-color) 50%, transparent); }
window:not(.ssd-frame) > .titlebar headerbar:not(.flat) { box-shadow: inset 1px 0 color-mix(in srgb, var(--headerbar-border-color) var(--border-opacity), transparent), inset -1px 0 color-mix(in srgb, var(--headerbar-border-color) var(--border-opacity), transparent); }
window:not(.ssd-frame) > headerbar.titlebar, window:not(.ssd-frame) > .titlebar headerbar { min-height: 46px; }
window:not(.ssd-frame) > headerbar.titlebar > windowhandle > box, window:not(.ssd-frame) > .titlebar headerbar > windowhandle > box { padding-bottom: 6px; }
window:not(.ssd-frame) > headerbar.titlebar.default-decoration, window:not(.ssd-frame) > .titlebar headerbar.default-decoration { min-height: 36px; }
window:not(.ssd-frame) > headerbar.titlebar.default-decoration > windowhandle > box, window:not(.ssd-frame) > .titlebar headerbar.default-decoration > windowhandle > box { padding-bottom: 3px; }
toolbarview > .top-bar headerbar, toolbarview > .bottom-bar headerbar, headerbar.flat, window.shortcuts:not(.ssd-frame) headerbar.titlebar, adaptive-preview headerbar.adaptive-mode-flat, window.print:not(.ssd-frame) headerbar.titlebar, window.pagesetup:not(.ssd-frame) headerbar.titlebar, window.aboutdialog:not(.ssd-frame) headerbar.titlebar, window.colorchooser:not(.ssd-frame) headerbar.titlebar, window.appchooser:not(.ssd-frame) headerbar.titlebar { background: none; box-shadow: none; color: inherit; min-height: 46px; }
toolbarview > .top-bar headerbar > windowhandle > box, toolbarview > .bottom-bar headerbar > windowhandle > box, headerbar.flat > windowhandle > box, window.shortcuts:not(.ssd-frame) headerbar.titlebar > windowhandle > box, adaptive-preview headerbar.adaptive-mode-flat > windowhandle > box, window.print:not(.ssd-frame) headerbar.titlebar > windowhandle > box, window.pagesetup:not(.ssd-frame) headerbar.titlebar > windowhandle > box, window.aboutdialog:not(.ssd-frame) headerbar.titlebar > windowhandle > box, window.colorchooser:not(.ssd-frame) headerbar.titlebar > windowhandle > box, window.appchooser:not(.ssd-frame) headerbar.titlebar > windowhandle > box { padding-bottom: 6px; }
toolbarview > .top-bar headerbar.default-decoration, toolbarview > .bottom-bar headerbar.default-decoration, headerbar.default-decoration.flat, window.shortcuts:not(.ssd-frame) headerbar.default-decoration.titlebar, adaptive-preview headerbar.default-decoration.adaptive-mode-flat, window.print:not(.ssd-frame) headerbar.default-decoration.titlebar, window.pagesetup:not(.ssd-frame) headerbar.default-decoration.titlebar, window.aboutdialog:not(.ssd-frame) headerbar.default-decoration.titlebar, window.colorchooser:not(.ssd-frame) headerbar.default-decoration.titlebar, window.appchooser:not(.ssd-frame) headerbar.default-decoration.titlebar { min-height: 36px; }
toolbarview > .top-bar headerbar.default-decoration > windowhandle > box, toolbarview > .bottom-bar headerbar.default-decoration > windowhandle > box, headerbar.default-decoration.flat > windowhandle > box, window.shortcuts:not(.ssd-frame) headerbar.default-decoration.titlebar > windowhandle > box, adaptive-preview headerbar.default-decoration.adaptive-mode-flat > windowhandle > box, window.print:not(.ssd-frame) headerbar.default-decoration.titlebar > windowhandle > box, window.pagesetup:not(.ssd-frame) headerbar.default-decoration.titlebar > windowhandle > box, window.aboutdialog:not(.ssd-frame) headerbar.default-decoration.titlebar > windowhandle > box, window.colorchooser:not(.ssd-frame) headerbar.default-decoration.titlebar > windowhandle > box, window.appchooser:not(.ssd-frame) headerbar.default-decoration.titlebar > windowhandle > box { padding-bottom: 3px; }
toolbarview > .top-bar headerbar:backdrop, toolbarview > .bottom-bar headerbar:backdrop { transition: none; }
toolbarview > .top-bar headerbar:backdrop > windowhandle, toolbarview > .bottom-bar headerbar:backdrop > windowhandle { filter: none; transition: none; }
window.devel toolbarview > .top-bar headerbar > windowhandle, toolbarview > .top-bar window.devel headerbar > windowhandle, window.devel toolbarview > .bottom-bar headerbar > windowhandle, toolbarview > .bottom-bar window.devel headerbar > windowhandle { background-image: none; }
toolbarview > .top-bar .collapse-spacing headerbar, toolbarview > .bottom-bar .collapse-spacing headerbar, window.shortcuts:not(.ssd-frame) headerbar.titlebar, window.appchooser:not(.ssd-frame) headerbar.titlebar { min-height: 40px; }
toolbarview > .top-bar .collapse-spacing headerbar > windowhandle > box, toolbarview > .bottom-bar .collapse-spacing headerbar > windowhandle > box, window.shortcuts:not(.ssd-frame) headerbar.titlebar > windowhandle > box, window.appchooser:not(.ssd-frame) headerbar.titlebar > windowhandle > box { padding-top: 3px; padding-bottom: 3px; }
toolbarview > .top-bar .collapse-spacing headerbar.default-decoration, toolbarview > .bottom-bar .collapse-spacing headerbar.default-decoration, window.shortcuts:not(.ssd-frame) headerbar.default-decoration.titlebar, window.appchooser:not(.ssd-frame) headerbar.default-decoration.titlebar { min-height: 30px; }
toolbarview > .top-bar .collapse-spacing headerbar.default-decoration > windowhandle > box, toolbarview > .bottom-bar .collapse-spacing headerbar.default-decoration > windowhandle > box, window.shortcuts:not(.ssd-frame) headerbar.default-decoration.titlebar > windowhandle > box, window.appchooser:not(.ssd-frame) headerbar.default-decoration.titlebar > windowhandle > box { padding-top: 0px; padding-bottom: 0px; }
.titlebar:not(headerbar) separator { background-color: color-mix(in srgb, var(--headerbar-border-color) var(--border-opacity), transparent); }
/********************* GtkWindowControls * */
windowcontrols { border-spacing: 3px; }
windowcontrols > button { min-width: 24px; padding: 5px; box-shadow: none; }
windowcontrols > button > image { background-color: color-mix(in srgb, currentColor 10%, transparent); border-radius: 100%; padding: 2px; transition: background 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
windowcontrols > button, windowcontrols > button:hover, windowcontrols > button:active { background: none; }
windowcontrols > button:hover > image { background-color: color-mix(in srgb, currentColor 15%, transparent); }
windowcontrols > button:active > image { background-color: color-mix(in srgb, currentColor 30%, transparent); }
windowcontrols > .icon { margin: 9px; }
/****************** AdwWindowTitle * */
headerbar .title, windowtitle .title { padding-left: 12px; padding-right: 12px; font-weight: bold; }
headerbar .subtitle, windowtitle .subtitle { font-size: smaller; padding-left: 12px; padding-right: 12px; }
windowtitle { margin-top: -6px; margin-bottom: -6px; min-height: 12px; }
window.devel headerbar > windowhandle { background-image: cross-fade(5% -gtk-recolor(url("assets/devel-symbolic.svg")), image(transparent)); background-repeat: repeat-x; }
window.devel sheet headerbar > windowhandle { background-image: unset; background-repeat: unset; }
.accent-color-row color { min-width: 16px; min-height: 16px; border-radius: 16px; }
.accent-color-row color:disabled { opacity: var(--disabled-opacity); }
adaptive-preview .device-view { background: #101011; color: white; box-shadow: 0 0 0 2px RGB(255 255 255/15%); margin: 2px; padding: var(--top-bezel) var(--side-bezel) var(--bottom-bezel); border-radius: var(--top-device-corner-radius) var(--top-device-corner-radius) var(--bottom-device-corner-radius) var(--bottom-device-corner-radius); --window-radius: 0px; /* Hack to make GtkGraphicsOffload disable offload in this case */ opacity: 99.9999999999999%; }
adaptive-preview .device-view.custom { padding: 0; border-radius: 0; margin: 0; box-shadow: 0 2px 8px 2px RGB(0 0 0/7%), 0 3px 20px 10px RGB(0 0 0/5%), 0 6px 32px 16px RGB(0 0 0/2%), 0 0 0 1px RGB(0 0 0 / 5%); }
adaptive-preview .device-view.highlight { background: oklab(from var(--accent-bg-color) 0.5 a b); box-shadow: none; }
adaptive-preview .device-view.highlight .screen-view .shell-top-bar, adaptive-preview .device-view.highlight .screen-view .shell-bottom-bar { background: none; }
adaptive-preview .device-view.highlight.custom { box-shadow: 0 2px 8px 2px RGB(0 0 0/7%), 0 3px 20px 10px RGB(0 0 0/5%), 0 6px 32px 16px RGB(0 0 0/2%), 0 0 0 3px oklab(from var(--accent-bg-color) 0.5 a b); }
adaptive-preview .device-view .screen-view { border-radius: var(--top-screen-corner-radius) var(--top-screen-corner-radius) var(--bottom-screen-corner-radius) var(--bottom-screen-corner-radius); }
adaptive-preview .device-view .screen-view.outline { filter: drop-shadow(3px 0 0 var(--accent-bg-color)) drop-shadow(-3px 0 0 var(--accent-bg-color)) drop-shadow(0 3px 0 var(--accent-bg-color)) drop-shadow(0 -3px 0 var(--accent-bg-color)); }
adaptive-preview .device-view .screen-view .shell-top-bar, adaptive-preview .device-view .screen-view .shell-bottom-bar { background: black; }
label { caret-color: currentColor; }
label:disabled { filter: Opacity(var(--disabled-opacity)); }
.dimmed, scale > value, progressbar > text, row.expander image.expander-row-arrow, row.property > box.header > box.title > .title, row label.subtitle, .dim-label, spinbutton > text > placeholder, entry > text > placeholder, headerbar .subtitle, windowtitle .subtitle, label.separator { opacity: var(--dim-opacity); }
.accent { color: var(--accent-color); }
.error { color: var(--accent-color); --accent-bg-color: var(--error-bg-color); --accent-fg-color: var(--error-fg-color); --accent-color: var(--error-color); }
.warning { color: var(--accent-color); --accent-bg-color: var(--warning-bg-color); --accent-fg-color: var(--warning-fg-color); --accent-color: var(--warning-color); }
.success { color: var(--accent-color); --accent-bg-color: var(--success-bg-color); --accent-fg-color: var(--success-fg-color); --accent-color: var(--success-color); }
/********************** General Typography * */
.title-1, statuspage > scrolledwindow > viewport > box > clamp > box > .title { font-weight: 800; font-size: 181%; }
.title-2, statuspage.spinner > scrolledwindow > viewport > box > clamp > box > .title, statuspage.compact > scrolledwindow > viewport > box > clamp > box > .title, window.dialog.message box.dialog-vbox.vertical > box > box > box > label.title { font-weight: 800; font-size: 136%; }
.title-3 { font-weight: 700; font-size: 136%; }
.title-4 { font-weight: 700; font-size: 118%; }
.heading, row.button .title, listview > header { font-weight: 700; }
.body { font-weight: 400; }
.caption-heading, columnview > header > button > box, treeview.view > header > button > box, window.print:not(.ssd-frame) treeview.dialog-action-box > header > button > box { font-weight: 700; font-size: 82%; }
.caption { font-weight: 400; font-size: 82%; }
.monospace { font-family: var(--monospace-font-family); font-size: var(--monospace-font-size); }
.numeric, spinbutton, scale > value, progressbar > text { font-feature-settings: "tnum"; }
/******************* Editable Labels * */
editablelabel > stack > text { color: var(--view-fg-color); background-color: var(--view-bg-color); }
levelbar:disabled { filter: Opacity(var(--disabled-opacity)); }
levelbar.horizontal trough > block { min-height: 8px; border-radius: 99px; }
levelbar.horizontal trough > block.empty, levelbar.horizontal trough > block.full { border-radius: 99px; }
levelbar.horizontal.discrete > trough > block { min-height: 8px; margin-right: 2px; min-width: 26px; border-radius: 0; }
levelbar.horizontal.discrete > trough > block:first-child { border-radius: 99px 0 0 99px; }
levelbar.horizontal.discrete > trough > block:last-child { border-radius: 0 99px 99px 0; margin-right: 0; }
levelbar.vertical trough > block { min-width: 8px; border-radius: 99px; }
levelbar.vertical trough > block.empty, levelbar.vertical trough > block.full { border-radius: 99px; }
levelbar.vertical.discrete > trough > block { min-width: 8px; margin-bottom: 2px; min-height: 26px; border-radius: 0; }
levelbar.vertical.discrete > trough > block:first-child { border-radius: 99px 99px 0 0; }
levelbar.vertical.discrete > trough > block:last-child { border-radius: 0 0 99px 99px; margin-bottom: 0; }
levelbar > trough { padding: 0; }
levelbar > trough > block.low { background-color: var(--warning-bg-color); }
levelbar > trough > block.high, levelbar > trough > block:not(.empty) { background-color: var(--accent-bg-color); }
levelbar > trough > block.full { background-color: var(--success-bg-color); }
levelbar > trough > block.empty { background-color: color-mix(in srgb, currentColor 15%, transparent); }
.linked:not(.vertical) > button:dir(ltr):not(:first-child), .linked:not(.vertical) > button:dir(rtl):not(:last-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: -1px; }
.linked:not(.vertical) > button:dir(ltr):not(:last-child), .linked:not(.vertical) > button:dir(rtl):not(:first-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; }
.linked.vertical button:not(:first-child) { border-top-left-radius: 0; border-top-right-radius: 0; margin-top: -1px; }
.linked.vertical button:not(:last-child) { border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
.linked:not(.vertical) > menubutton:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > menubutton:dir(rtl):not(:last-child) > button { border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: -1px; }
.linked:not(.vertical) > menubutton:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > menubutton:dir(rtl):not(:first-child) > button { border-top-right-radius: 0; border-bottom-right-radius: 0; }
.linked.vertical menubutton:not(:first-child) > button { border-top-left-radius: 0; border-top-right-radius: 0; margin-top: -1px; }
.linked.vertical menubutton:not(:last-child) > button { border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
.linked:not(.vertical) > dropdown:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > combobox:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > dropdown:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > combobox:dir(rtl):not(:last-child) > button { border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: -1px; }
.linked:not(.vertical) > dropdown:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > combobox:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > dropdown:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > combobox:dir(rtl):not(:first-child) > button { border-top-right-radius: 0; border-bottom-right-radius: 0; }
.linked.vertical dropdown:not(:first-child) > button, .linked.vertical combobox:not(:first-child) > button { border-top-left-radius: 0; border-top-right-radius: 0; margin-top: -1px; }
.linked.vertical dropdown:not(:last-child) > button, .linked.vertical combobox:not(:last-child) > button { border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
.linked:not(.vertical) > colorbutton:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > colorbutton:dir(rtl):not(:last-child) > button { border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: -1px; }
.linked:not(.vertical) > colorbutton:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > colorbutton:dir(rtl):not(:first-child) > button { border-top-right-radius: 0; border-bottom-right-radius: 0; }
.linked.vertical colorbutton:not(:first-child) > button { border-top-left-radius: 0; border-top-right-radius: 0; margin-top: -1px; }
.linked.vertical colorbutton:not(:last-child) > button { border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
.linked:not(.vertical) > fontbutton:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > fontbutton:dir(rtl):not(:last-child) > button { border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: -1px; }
.linked:not(.vertical) > fontbutton:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > fontbutton:dir(rtl):not(:first-child) > button { border-top-right-radius: 0; border-bottom-right-radius: 0; }
.linked.vertical fontbutton:not(:first-child) > button { border-top-left-radius: 0; border-top-right-radius: 0; margin-top: -1px; }
.linked.vertical fontbutton:not(:last-child) > button { border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
.linked:not(.vertical) > tabbutton:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > tabbutton:dir(rtl):not(:last-child) > button { border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: -1px; }
.linked:not(.vertical) > tabbutton:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > tabbutton:dir(rtl):not(:first-child) > button { border-top-right-radius: 0; border-bottom-right-radius: 0; }
.linked.vertical tabbutton:not(:first-child) > button { border-top-left-radius: 0; border-top-right-radius: 0; margin-top: -1px; }
.linked.vertical tabbutton:not(:last-child) > button { border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
.linked:not(.vertical) > spinbutton:dir(ltr):not(:first-child), .linked:not(.vertical) > spinbutton:dir(rtl):not(:last-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: -1px; }
.linked:not(.vertical) > spinbutton:dir(ltr):not(:last-child), .linked:not(.vertical) > spinbutton:dir(rtl):not(:first-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; }
.linked.vertical spinbutton:not(:first-child) { border-top-left-radius: 0; border-top-right-radius: 0; margin-top: -1px; }
.linked.vertical spinbutton:not(:last-child) { border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
.linked:not(.vertical) > entry:dir(ltr):not(:first-child), .linked:not(.vertical) > entry:dir(rtl):not(:last-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: -1px; }
.linked:not(.vertical) > entry:dir(ltr):not(:last-child), .linked:not(.vertical) > entry:dir(rtl):not(:first-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; }
.linked.vertical entry:not(:first-child) { border-top-left-radius: 0; border-top-right-radius: 0; margin-top: -1px; }
.linked.vertical entry:not(:last-child) { border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
.linked:not(.vertical) > combobox:dir(ltr):not(:first-child) > box > button.combo, .linked:not(.vertical) > combobox:dir(rtl):not(:last-child) > box > button.combo { border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: -1px; }
.linked:not(.vertical) > combobox:dir(ltr):not(:last-child) > box > button.combo, .linked:not(.vertical) > combobox:dir(rtl):not(:first-child) > box > button.combo { border-top-right-radius: 0; border-bottom-right-radius: 0; }
.linked.vertical combobox:not(:first-child) > box > button.combo { border-top-left-radius: 0; border-top-right-radius: 0; margin-top: -1px; }
.linked.vertical combobox:not(:last-child) > box > button.combo { border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
.linked:not(.vertical) > appchooserbutton:dir(ltr):not(:first-child) > combobox > box > button.combo, .linked:not(.vertical) > appchooserbutton:dir(rtl):not(:last-child) > combobox > box > button.combo { border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: -1px; }
.linked:not(.vertical) > appchooserbutton:dir(ltr):not(:last-child) > combobox > box > button.combo, .linked:not(.vertical) > appchooserbutton:dir(rtl):not(:first-child) > combobox > box > button.combo { border-top-right-radius: 0; border-bottom-right-radius: 0; }
.linked.vertical appchooserbutton:not(:first-child) > combobox > box > button.combo { border-top-left-radius: 0; border-top-right-radius: 0; margin-top: -1px; }
.linked.vertical appchooserbutton:not(:last-child) > combobox > box > button.combo { border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
link, button.link { color: var(--accent-color); text-decoration: underline; font-weight: inherit; }
link:visited, button.link:visited { color: color-mix(in srgb, var(--accent-color) 80%, var(--view-fg-color)); }
link:hover, button.link:hover { color: HSL(from var(--accent-color) h calc(s * 1.1) calc(l * 1.1)); }
link:active, button.link:active { color: var(--accent-color); }
link:disabled, button.link:disabled { color: color-mix(in srgb, currentColor var(--disabled-opacity), transparent); }
.osd link, .osd button.link { color: color-mix(in srgb, var(--accent-bg-color) 50%, white); }
.osd link:visited, .osd button.link:visited { color: color-mix(in srgb, var(--accent-bg-color) 75%, white); }
.osd link:active, .osd button.link:active { color: color-mix(in srgb, var(--accent-bg-color) 50%, white); }
link { outline: 0 solid transparent; outline-offset: 4px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
link:focus:focus-visible { outline-color: color-mix(in srgb, var(--accent-color) 50%, transparent); outline-width: 2px; outline-offset: -2px; }
button.link, button.link:hover, button.link:active, button.link:checked { background-color: transparent; }
button.link > label { text-decoration: underline; }
listview, list { color: var(--view-fg-color); background-color: var(--view-bg-color); background-clip: padding-box; border-color: color-mix(in srgb, currentColor var(--border-opacity), transparent); }
listview > row, list > row { padding: 2px; background-clip: padding-box; }
listview > row.expander, list > row.expander { padding: 0px; }
listview > row.expander .row-header, list > row.expander .row-header { padding: 2px; }
listview.horizontal row.separator, listview.separators.horizontal > row:not(.separator), list.horizontal row.separator, list.separators.horizontal > row:not(.separator) { border-left: 1px solid color-mix(in srgb, currentColor var(--border-opacity), transparent); }
listview:not(.horizontal) row.separator, listview.separators:not(.horizontal) > row:not(.separator), list:not(.horizontal) row.separator, list.separators:not(.horizontal) > row:not(.separator) { border-bottom: 1px solid color-mix(in srgb, currentColor var(--border-opacity), transparent); }
listview > header { padding: 2px; padding-top: 18px; padding-bottom: 6px; }
row { background-clip: padding-box; }
row { outline: 0 solid transparent; outline-offset: 4px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
row:focus:focus-visible { outline-color: color-mix(in srgb, var(--accent-color) 50%, transparent); outline-width: 2px; outline-offset: -2px; }
.osd row.activatable:hover { background-color: color-mix(in srgb, currentColor 7%, transparent); }
.osd row.activatable:active { background-color: color-mix(in srgb, currentColor 16%, transparent); }
.osd row.activatable.has-open-popup { background-color: color-mix(in srgb, currentColor 7%, transparent); }
.osd row.activatable:selected:hover { background-color: color-mix(in srgb, currentColor 13%, transparent); }
.osd row.activatable:selected:active { background-color: color-mix(in srgb, currentColor 19%, transparent); }
.osd row.activatable:selected.has-open-popup { background-color: color-mix(in srgb, currentColor 13%, transparent); }
.osd row:selected { background-color: color-mix(in srgb, currentColor 10%, transparent); }
row.activatable:hover { background-color: color-mix(in srgb, currentColor 4%, transparent); }
row.activatable:active { background-color: color-mix(in srgb, currentColor 8%, transparent); }
row.activatable.has-open-popup { background-color: color-mix(in srgb, currentColor 4%, transparent); }
row.activatable:selected:hover { background-color: color-mix(in srgb, var(--accent-bg-color) 32%, transparent); }
row.activatable:selected:active { background-color: color-mix(in srgb, var(--accent-bg-color) 39%, transparent); }
row.activatable:selected.has-open-popup { background-color: color-mix(in srgb, var(--accent-bg-color) 32%, transparent); }
row:selected { background-color: color-mix(in srgb, var(--accent-bg-color) 25%, transparent); }
/******************************************************* Rich Lists * Large list usually containing lots of widgets * https://gitlab.gnome.org/GNOME/gtk/-/issues/3073 * */
.rich-list { /* rich lists usually containing other widgets than just labels/text */ }
.rich-list > row { padding: 8px 12px; min-height: 32px; /* should be tall even when only containing a label */ }
.rich-list > row > box { border-spacing: 12px; }
.rich-list > header { padding-left: 12px; padding-right: 12px; }
/**************** AdwActionRow * */
row label.subtitle { font-size: smaller; }
row > box.header { margin-left: 12px; margin-right: 12px; border-spacing: 6px; min-height: 50px; }
row > box.header > .icon:disabled { filter: Opacity(var(--disabled-opacity)); }
row > box.header > box.title { margin-top: 6px; margin-bottom: 6px; border-spacing: 3px; padding: 0; }
row > box.header > box.title, row > box.header > box.title > .title, row > box.header > box.title > .subtitle { padding: 0; font-weight: inherit; }
row > box.header > .prefixes, row > box.header > .suffixes { border-spacing: 6px; }
row > box.header > .prefixes > .suffixes, row > box.header > .suffixes > .suffixes { border-spacing: 6px; }
row > box.header > .icon:dir(ltr), row > box.header > .prefixes:dir(ltr) { margin-right: 6px; }
row > box.header > .icon:dir(rtl), row > box.header > .prefixes:dir(rtl) { margin-left: 6px; }
row.property > box.header > box.title > .title { font-size: smaller; }
row.property > box.header > box.title > .subtitle { font-size: inherit; opacity: 1; }
row.property.monospace, row.expander.property > box > list > row.monospace { font-family: inherit; font-size: inherit; }
row.property.monospace > box.header > box.title > .subtitle, row.expander.property > box > list > row.monospace > box.header > box.title > .subtitle { font-family: var(--monospace-font-family); font-size: var(--monospace-font-size); }
/****************************** AdwEntryRow and AdwSpinRow * */
row.entry:disabled text { opacity: var(--disabled-opacity); }
row.entry:disabled .dimmed, row.entry:disabled scale > value, row.entry:disabled progressbar > text, row.entry:disabled row.expander image.expander-row-arrow, row.expander row.entry:disabled image.expander-row-arrow, row.entry:disabled spinbutton > text > placeholder, row.entry:disabled entry > text > placeholder, row.entry:disabled label.separator, row.entry:disabled row.property > box.header > box.title > .title, row.entry:disabled .dim-label, row.entry:disabled .subtitle { opacity: 1; }
row.entry > box.header { border-spacing: 0; margin-left: 6px; margin-right: 6px; }
row.entry > box.header > .editable-area { padding: 0 6px; }
row.entry > box.header > .editable-area > .edit-icon, row.entry > box.header > .editable-area > .indicator { min-width: 24px; min-height: 24px; padding: 5px; }
row.entry > box.header > .editable-area > .edit-icon:dir(ltr), row.entry > box.header > .editable-area > .indicator:dir(ltr), row.entry > box.header > .editable-area > .apply-button:dir(ltr) { margin-left: 6px; }
row.entry > box.header > .editable-area > .edit-icon:dir(rtl), row.entry > box.header > .editable-area > .indicator:dir(rtl), row.entry > box.header > .editable-area > .apply-button:dir(rtl) { margin-right: 6px; }
row.entry > box.header > .editable-area > .edit-icon:disabled { opacity: 30%; }
row.entry > box.header > .editable-area > .indicator { opacity: 30%; }
row.entry > box.header > .prefixes:dir(ltr) { margin-left: 6px; }
row.entry > box.header > .prefixes:dir(rtl) { margin-right: 6px; }
row.entry > box.header > .suffixes:dir(ltr) { margin-right: 6px; }
row.entry > box.header > .suffixes:dir(rtl) { margin-left: 6px; }
row.entry.monospace { font-family: inherit; font-size: inherit; }
row.entry.monospace text { font-family: var(--monospace-font-family); font-size: var(--monospace-font-size); }
row.spin spinbutton { background: none; border-spacing: 6px; box-shadow: none; }
row.spin spinbutton, row.spin spinbutton:focus { outline: none; }
row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr):last-child, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child { min-width: 30px; min-height: 30px; margin: 10px 2px; border: none; }
row.spin:disabled spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:disabled, row.spin:disabled spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr):last-child:disabled, row.spin:disabled spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child:disabled, row.spin:disabled spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):disabled, row.spin:disabled spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child:disabled, row.spin:disabled spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child:disabled { filter: none; }
row.entry, row.spin { outline: 0 solid transparent; outline-offset: 5px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), border-radius 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
row.entry.focused, row.spin.focused { outline-color: color-mix(in srgb, var(--accent-color) 50%, transparent); outline-width: 2px; outline-offset: -1px; }
row.entry:not(:selected).activatable.focused:hover, row.entry:not(:selected).activatable.focused:active, row.spin:not(:selected).activatable.focused:hover, row.spin:not(:selected).activatable.focused:active { background-color: transparent; }
row.entry.error, row.spin.error { color: var(--accent-color); }
row.entry.error .dimmed, row.entry.error scale > value, row.entry.error progressbar > text, row.entry.error row.expander image.expander-row-arrow, row.expander row.entry.error image.expander-row-arrow, row.entry.error spinbutton > text > placeholder, row.entry.error entry > text > placeholder, row.entry.error label.separator, row.entry.error row.property > box.header > box.title > .title, row.entry.error .dim-label, row.entry.error .subtitle, row.spin.error .dimmed, row.spin.error scale > value, row.spin.error progressbar > text, row.spin.error row.expander image.expander-row-arrow, row.expander row.spin.error image.expander-row-arrow, row.spin.error spinbutton > text > placeholder, row.spin.error entry > text > placeholder, row.spin.error label.separator, row.spin.error row.property > box.header > box.title > .title, row.spin.error .dim-label, row.spin.error .subtitle { opacity: 1; }
row.entry.warning, row.spin.warning { color: var(--accent-color); }
row.entry.warning .dimmed, row.entry.warning scale > value, row.entry.warning progressbar > text, row.entry.warning row.expander image.expander-row-arrow, row.expander row.entry.warning image.expander-row-arrow, row.entry.warning spinbutton > text > placeholder, row.entry.warning entry > text > placeholder, row.entry.warning label.separator, row.entry.warning row.property > box.header > box.title > .title, row.entry.warning .dim-label, row.entry.warning .subtitle, row.spin.warning .dimmed, row.spin.warning scale > value, row.spin.warning progressbar > text, row.spin.warning row.expander image.expander-row-arrow, row.expander row.spin.warning image.expander-row-arrow, row.spin.warning spinbutton > text > placeholder, row.spin.warning entry > text > placeholder, row.spin.warning label.separator, row.spin.warning row.property > box.header > box.title > .title, row.spin.warning .dim-label, row.spin.warning .subtitle { opacity: 1; }
row.entry.success, row.spin.success { color: var(--accent-color); }
row.entry.success .dimmed, row.entry.success scale > value, row.entry.success progressbar > text, row.entry.success row.expander image.expander-row-arrow, row.expander row.entry.success image.expander-row-arrow, row.entry.success spinbutton > text > placeholder, row.entry.success entry > text > placeholder, row.entry.success label.separator, row.entry.success row.property > box.header > box.title > .title, row.entry.success .dim-label, row.entry.success .subtitle, row.spin.success .dimmed, row.spin.success scale > value, row.spin.success progressbar > text, row.spin.success row.expander image.expander-row-arrow, row.expander row.spin.success image.expander-row-arrow, row.spin.success spinbutton > text > placeholder, row.spin.success entry > text > placeholder, row.spin.success label.separator, row.spin.success row.property > box.header > box.title > .title, row.spin.success .dim-label, row.spin.success .subtitle { opacity: 1; }
/*************** AdwComboRow * */
row.combo image.dropdown-arrow:disabled { filter: Opacity(var(--disabled-opacity)); }
row.combo listview.inline { background: none; border: none; box-shadow: none; color: inherit; }
row.combo listview.inline, row.combo listview.inline:disabled { background: none; color: inherit; }
row.combo popover > contents { min-width: 120px; }
row.combo popover > contents .combo-searchbar { margin: 6px; }
row.combo popover > contents .combo-searchbar + scrolledwindow > undershoot.top { box-shadow: inset 0 1px color-mix(in srgb, var(--shade-color) 75%, transparent); background: linear-gradient(to bottom, color-mix(in srgb, var(--shade-color) 75%, transparent), transparent 4px); }
/****************** AdwExpanderRow * */
list.boxed-list-separate > row.expander row.header, list.boxed-list > row, list.content > row, list.boxed-list > row.expander row.header, list.content > row.expander row.header, row.expander list.nested > row { border-bottom: 1px solid var(--card-shade-color); }
list.boxed-list-separate > row.expander row.header, list.boxed-list > row, list.content > row, list.boxed-list > row.expander row.header, list.content > row.expander row.header, row.expander list.nested > row { outline: 0 solid transparent; outline-offset: 5px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), border-radius 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
list.boxed-list-separate > row.expander row.header:focus:focus-visible, list.boxed-list > row:focus:focus-visible, list.content > row:focus:focus-visible, list.boxed-list > row.expander row.header:focus:focus-visible, list.content > row.expander row.header:focus:focus-visible, row.expander list.nested > row:focus:focus-visible { outline-color: color-mix(in srgb, var(--accent-color) 50%, transparent); outline-width: 2px; outline-offset: -1px; }
list.boxed-list-separate > row.expander row.header:not(:selected).activatable:hover, list.boxed-list > row:not(:selected).activatable:hover, list.content > row:not(:selected).activatable:hover, list.boxed-list > row.expander row.header:not(:selected).activatable:hover, list.content > row.expander row.header:not(:selected).activatable:hover, row.expander list.nested > row:not(:selected).activatable:hover { background-color: color-mix(in srgb, currentColor 3%, transparent); }
list.boxed-list-separate > row.expander row.header:not(:selected).activatable:active, list.boxed-list > row:not(:selected).activatable:active, list.content > row:not(:selected).activatable:active, list.boxed-list > row.expander row.header:not(:selected).activatable:active, list.content > row.expander row.header:not(:selected).activatable:active, row.expander list.nested > row:not(:selected).activatable:active { background-color: color-mix(in srgb, currentColor 8%, transparent); }
list.boxed-list-separate > row.expander row.header:not(:selected).activatable.has-open-popup, list.boxed-list > row:not(:selected).activatable.has-open-popup, list.content > row:not(:selected).activatable.has-open-popup, list.boxed-list > row.expander row.header:not(:selected).activatable.has-open-popup, list.content > row.expander row.header:not(:selected).activatable.has-open-popup, row.expander list.nested > row:not(:selected).activatable.has-open-popup { background-color: color-mix(in srgb, currentColor 3%, transparent); }
row.expander { background: none; padding: 0px; }
row.expander > box > list { background: none; color: inherit; }
row.expander list.nested { background-color: color-mix(in srgb, var(--card-shade-color) 50%, transparent); color: inherit; }
row.expander image.expander-row-arrow { transition: -gtk-icon-transform 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
row.expander image.expander-row-arrow:dir(ltr) { margin-left: 3px; }
row.expander image.expander-row-arrow:dir(rtl) { margin-right: 3px; }
row.expander image.expander-row-arrow:dir(ltr) { -gtk-icon-transform: rotate(0.5turn); }
row.expander image.expander-row-arrow:dir(rtl) { -gtk-icon-transform: rotate(-0.5turn); }
row.expander image.expander-row-arrow:disabled { filter: Opacity(var(--disabled-opacity)); }
row.expander:checked image.expander-row-arrow { -gtk-icon-transform: rotate(0turn); opacity: 1; }
row.expander:checked image.expander-row-arrow:not(:disabled) { color: var(--accent-color); }
.osd row.expander:checked image.expander-row-arrow:not(:disabled) { color: inherit; }
row.expander.property.monospace > box > list > row > box.header > box.title > .subtitle, row.expander.property > box > list > row.expander.monospace > box > list > row > box.header > box.title > .subtitle { font-family: var(--monospace-font-family); font-size: var(--monospace-font-size); }
/*************** AdwButtonRow * */
row.button > box { margin-left: 12px; margin-right: 12px; border-spacing: 6px; min-height: 40px; }
row.button > box > .icon:disabled { filter: Opacity(var(--disabled-opacity)); }
row.button.suggested-action { background-color: var(--accent-bg-color); color: var(--accent-fg-color); border-bottom: none; }
row.button.suggested-action { outline: 0 solid transparent; outline-offset: 5px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), border-radius 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
row.button.suggested-action:focus:focus-visible { outline-color: color-mix(in srgb, var(--accent-color) 50%, transparent); outline-width: 2px; outline-offset: 1px; }
row.button.suggested-action:not(.expander):not(:selected).activatable:hover { background-color: var(--accent-bg-color); background-image: image(color-mix(in srgb, currentColor 10%, transparent)); }
row.button.suggested-action:not(.expander):not(:selected).activatable:active { background-color: var(--accent-bg-color); background-image: image(RGB(0 0 6/20%)); }
row.button.suggested-action:not(.expander):not(:selected).activatable.has-open-popup { background-color: var(--accent-bg-color); background-image: image(color-mix(in srgb, currentColor 10%, transparent)); }
row.button.suggested-action:disabled { opacity: var(--disabled-opacity); }
row.button.suggested-action:disabled > box > .icon:disabled, row.button.suggested-action:disabled > box > label:disabled { filter: none; }
row.button.destructive-action { color: var(--accent-color); --accent-bg-color: var(--destructive-bg-color); --accent-fg-color: var(--destructive-fg-color); --accent-color: var(--destructive-color); }
/***************** Boxed Lists * */
list.boxed-list > row.expander, list.content > row.expander { border: none; }
list.boxed-list > row:first-child, list.content > row:first-child, list.boxed-list > row:first-child.expander row.header, list.content > row:first-child.expander row.header { border-top-left-radius: 12px; border-top-right-radius: 12px; }
list.boxed-list > row:last-child, list.content > row:last-child, list.boxed-list > row:last-child.expander:not(:checked), list.boxed-list > row:last-child.expander:not(:checked) row.header, list.content > row:last-child.expander:not(:checked) row.header, list.boxed-list > row:last-child.expander:checked list.nested, list.content > row:last-child.expander:checked list.nested, list.boxed-list > row:last-child.expander:checked list.nested > row:last-child, list.content > row:last-child.expander:checked list.nested > row:last-child { border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; border-bottom-width: 0; }
list.boxed-list-separate { background: none; color: var(--card-fg-color); }
list.boxed-list-separate > row { border: none; margin-bottom: 12px; }
list.boxed-list-separate > row:selected { background-color: var(--card-bg-color); background-color: color-mix(in srgb, var(--accent-bg-color) 25%, transparent); }
list.boxed-list-separate > row:last-child { margin-bottom: 0; }
list.boxed-list-separate > row { outline: 0 solid transparent; outline-offset: 5px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), border-radius 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
list.boxed-list-separate > row:focus:focus-visible { outline-color: color-mix(in srgb, var(--accent-color) 50%, transparent); outline-width: 2px; outline-offset: -1px; }
list.boxed-list-separate > row:not(.expander):not(:selected).activatable:hover { background-color: var(--card-bg-color); background-image: image(color-mix(in srgb, currentColor 3%, transparent)); }
list.boxed-list-separate > row:not(.expander):not(:selected).activatable:active { background-color: var(--card-bg-color); background-image: image(color-mix(in srgb, currentColor 8%, transparent)); }
list.boxed-list-separate > row:not(.expander):not(:selected).activatable.has-open-popup { background-color: var(--card-bg-color); background-image: image(color-mix(in srgb, currentColor 3%, transparent)); }
list.boxed-list-separate > row.entry:not(:selected).activatable.focused:hover, list.boxed-list-separate > row.entry:not(:selected).activatable.focused:active, list.boxed-list-separate > row.spin:not(:selected).activatable.focused:hover, list.boxed-list-separate > row.spin:not(:selected).activatable.focused:active { background-color: var(--card-bg-color); background-image: none; }
list.boxed-list-separate > row.expander row.header { border-top-left-radius: 12px; border-top-right-radius: 12px; }
list.boxed-list-separate > row.expander:not(:checked) row.header, list.boxed-list-separate > row.expander.expander:checked list.nested, list.boxed-list-separate > row.expander.expander:checked list.nested > row:last-child { border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; border-bottom: none; }
popover.menu > contents { min-width: 120px; }
popover.menu scrollbar.vertical > range > trough > slider { min-height: 26px; }
popover.menu box.inline-buttons { padding: 0 12px; }
popover.menu box.inline-buttons button.image-button.model { min-height: 32px; min-width: 32px; padding: 0; border: none; outline: none; transition: none; }
popover.menu box.inline-buttons button.image-button.model:selected { background-color: color-mix(in srgb, currentColor 10%, transparent); }
popover.menu box.inline-buttons button.image-button.model:selected:active { background-color: color-mix(in srgb, currentColor 19%, transparent); }
popover.menu box.circular-buttons { padding: 12px 12px 6px; }
popover.menu box.circular-buttons button.circular.image-button.model { outline: none; padding: 11px; box-shadow: inset 0 0 0 1px color-mix(in srgb, currentColor var(--border-opacity), transparent); }
popover.menu box.circular-buttons button.circular.image-button.model:selected { background-color: color-mix(in srgb, currentColor 13%, transparent); box-shadow: none; }
popover.menu box.circular-buttons button.circular.image-button.model:selected:active { background-color: color-mix(in srgb, currentColor 19%, transparent); }
popover.menu > contents { padding: 0; }
popover.menu > contents > stack > box, popover.menu > contents > scrolledwindow > viewport > stack > box { padding: 6px; }
popover.menu separator { margin: 6px 0; }
popover.menu list separator { margin: 0; }
popover.menu accelerator { color: color-mix(in srgb, currentColor var(--dim-opacity), transparent); }
popover.menu accelerator:dir(ltr) { margin-left: 12px; }
popover.menu accelerator:dir(rtl) { margin-right: 12px; }
popover.menu check, popover.menu radio { min-width: 14px; min-height: 14px; -gtk-icon-size: 14px; padding: 2px; }
popover.menu check, popover.menu check:hover:checked, popover.menu check:hover:indeterminate, popover.menu check:hover:not(:checked):not(:indeterminate), popover.menu check:active:checked, popover.menu check:active:indeterminate, popover.menu check:active:not(:checked):not(:indeterminate), popover.menu radio, popover.menu radio:hover:checked, popover.menu radio:hover:indeterminate, popover.menu radio:hover:not(:checked):not(:indeterminate), popover.menu radio:active:checked, popover.menu radio:active:indeterminate, popover.menu radio:active:not(:checked):not(:indeterminate) { background: none; box-shadow: none; color: inherit; }
.osd popover.menu check, .osd popover.menu radio { background: none; color: inherit; }
popover.menu radio { padding: 1px; border: 1px solid color-mix(in srgb, currentColor 30%, transparent); }
popover.menu check.left, popover.menu radio.left, popover.menu arrow.left { margin-left: -2px; margin-right: 6px; }
popover.menu check.right, popover.menu radio.right, popover.menu arrow.right { margin-left: 6px; margin-right: -2px; }
popover.menu modelbutton { min-height: 32px; min-width: 40px; padding: 0 12px; border-radius: 9px; background-color: transparent; }
popover.menu modelbutton:hover, popover.menu modelbutton:selected { background-color: color-mix(in srgb, currentColor 10%, transparent); }
popover.menu modelbutton:active { background-color: color-mix(in srgb, currentColor 19%, transparent); }
popover.menu modelbutton arrow { background: none; min-width: 16px; min-height: 16px; opacity: 30%; }
popover.menu modelbutton arrow:hover { background: none; }
popover.menu modelbutton arrow:disabled { filter: Opacity(var(--disabled-opacity)); }
popover.menu modelbutton arrow.left { -gtk-icon-source: -gtk-icontheme("go-previous-symbolic"); }
popover.menu modelbutton arrow.right { -gtk-icon-source: -gtk-icontheme("go-next-symbolic"); }
popover.menu label.title { font-weight: bold; padding: 4px 32px; }
popover.menu list, popover.menu listview { background: none; color: inherit; }
popover.menu list > row, popover.menu listview > row { border-radius: 9px; padding: 0 12px; min-height: 32px; min-width: 40px; }
popover.menu list > row:selected, popover.menu listview > row:selected { background: none; }
popover.menu list > row:hover, popover.menu list > row:hover:selected.activatable, popover.menu listview > row:hover, popover.menu listview > row:hover:selected.activatable { background-color: color-mix(in srgb, currentColor 10%, transparent); }
popover.menu list > row:active, popover.menu list > row:active:selected.activatable, popover.menu listview > row:active, popover.menu listview > row:active:selected.activatable { background-color: color-mix(in srgb, currentColor 19%, transparent); }
popover.menu list > row.has-open-popup, popover.menu list > row.has-open-popup:selected.activatable, popover.menu listview > row.has-open-popup, popover.menu listview > row.has-open-popup:selected.activatable { background-color: color-mix(in srgb, currentColor 10%, transparent); }
popover.menu list > row > box, popover.menu listview > row > box { border-spacing: 6px; }
popover.menu contents > list, popover.menu contents > listview, popover.menu scrolledwindow > viewport > list, popover.menu scrolledwindow > listview { padding: 6px 0; }
popover.menu contents > list > row, popover.menu contents > listview > row, popover.menu scrolledwindow > viewport > list > row, popover.menu scrolledwindow > listview > row { margin: 0 6px; padding: 9px 12px; min-height: 0; }
menubar { box-shadow: inset 0 -1px color-mix(in srgb, currentColor var(--border-opacity), transparent); padding-bottom: 1px; }
menubar > item { min-height: 16px; padding: 4px 8px; border-radius: 9px; }
menubar > item:selected { background-color: color-mix(in srgb, currentColor 10%, transparent); }
menubar > item popover.menu popover.menu { padding: 0 0 4px 0; }
menubar > item popover.menu popover.menu > contents { margin: 0; border-radius: 15px; }
toolbarview > .top-bar menubar, toolbarview > .bottom-bar menubar { box-shadow: none; padding-bottom: 0; }
/******************** GtkMessageDialog * */
window.dialog.message { background-color: var(--dialog-bg-color); color: var(--dialog-fg-color); }
window.dialog.message.csd { outline: none; }
window.dialog.message .titlebar { min-height: 32px; background: none; box-shadow: none; }
window.dialog.message.csd:not(.solid-csd) { border-radius: 18px; }
window.dialog.message.csd .dialog-action-area { margin: 0; padding: 24px; padding-top: 21px; border-spacing: 12px; }
window.dialog.message.csd .dialog-action-area > button { min-height: 24px; padding: 10px 20px; border-radius: 12px; }
/******************** AdwMessageDialog * */
window.messagedialog, dialog-host > dialog.alert sheet, window.dialog-window.alert { background-color: var(--dialog-bg-color); color: var(--dialog-fg-color); }
dialog-host > dialog.alert sheet { border-radius: 18px; outline: none; }
window.messagedialog.csd:not(.solid-csd), window.dialog-window.alert.csd:not(.solid-csd) { border-radius: 18px; }
window.messagedialog.csd, window.dialog-window.alert.csd { outline: none; }
dialog-host > dialog.alert sheet .body-scrolled-window scrollbar.vertical, window.dialog-window.alert .body-scrolled-window scrollbar.vertical { padding-top: 6px; }
dialog-host > dialog.alert sheet .body-scrolled-window > viewport, window.dialog-window.alert .body-scrolled-window > viewport { border-top-left-radius: 18px; border-top-right-radius: 18px; }
window.messagedialog .message-area, dialog.alert .message-area { padding-top: 32px; padding-bottom: 9px; border-spacing: 24px; }
window.messagedialog .message-area.has-heading.has-body, dialog.alert .message-area.has-heading.has-body { border-spacing: 10px; }
window.messagedialog .message-area.has-heading.has-body > .child, dialog.alert .message-area.has-heading.has-body > .child { margin-top: 8px; }
window.messagedialog .message-area > .heading-bin, window.messagedialog .message-area > .body, window.messagedialog .message-area > .child, dialog.alert .message-area > .heading-bin, dialog.alert .message-area > .body, dialog.alert .message-area > .child { padding-left: 24px; padding-right: 24px; }
window.messagedialog .response-area, dialog.alert .response-area { padding: 24px; padding-top: 12px; border-spacing: 12px; }
window.messagedialog .response-area > button, dialog.alert .response-area > button { min-height: 24px; min-width: 60px; padding: 10px 20px; border-radius: 12px; }
window.messagedialog.short .message-area, dialog.alert.short .message-area { padding-top: 24px; border-spacing: 18px; }
window.messagedialog.short .message-area > .heading-bin, window.messagedialog.short .message-area > .body, window.messagedialog.short .message-area > .child, dialog.alert.short .message-area > .heading-bin, dialog.alert.short .message-area > .body, dialog.alert.short .message-area > .child { padding-left: 18px; padding-right: 18px; }
window.messagedialog.short .message-area.has-heading.has-body, dialog.alert.short .message-area.has-heading.has-body { border-spacing: 6px; }
window.messagedialog.short .response-area, dialog.alert.short .response-area { padding: 18px; padding-top: 9px; }
window.messagedialog.short .response-area > button, dialog.alert.short .response-area > button { min-width: 0; padding: 8px 16px; }
/********** Frames * */
frame, .frame { border: 1px solid color-mix(in srgb, currentColor var(--border-opacity), transparent); }
frame { border-radius: 12px; }
frame > label { margin: 4px; }
/************** Separators * */
separator { background: color-mix(in srgb, currentColor var(--border-opacity), transparent); min-width: 1px; min-height: 1px; }
separator.spacer { background: none; }
separator.spacer.horizontal { min-width: 12px; }
separator.spacer.vertical { min-height: 12px; }
/********** Toasts * */
toast { background: #505053; color: white; box-shadow: 0 1px 3px 1px RGB(0 0 6/7%), 0 2px 6px 2px RGB(0 0 6/3%); --standalone-color-oklab: Max(l, 0.85) a b; --accent-color: oklab(from var(--accent-bg-color) var(--standalone-color-oklab)); --destructive-color: oklab(from var(--destructive-bg-color) var(--standalone-color-oklab)); --success-color: oklab(from var(--success-bg-color) var(--standalone-color-oklab)); --warning-color: oklab(from var(--warning-bg-color) var(--standalone-color-oklab)); --error-color: oklab(from var(--error-bg-color) var(--standalone-color-oklab)); margin: 12px; margin-bottom: 24px; border-radius: 150px; border-spacing: 6px; padding: 6px; }
toast:dir(ltr) { padding-left: 12px; }
toast:dir(rtl) { padding-right: 12px; }
toast > widget { margin: 0 6px; }
/************** GtkVideo * */
video image.osd { min-width: 64px; min-height: 64px; border-radius: 32px; }
/****************** AdwAboutWindow * */
window.about .main-page > viewport > clamp > box, dialog.about .main-page > viewport > clamp > box { margin: 12px; border-spacing: 6px; }
window.about .main-page > viewport > clamp > box > box, dialog.about .main-page > viewport > clamp > box > box { margin-top: 18px; border-spacing: 18px; margin-bottom: 6px; }
window.about .main-page .app-version, dialog.about .main-page .app-version { padding: 3px 18px; color: var(--accent-color); border-radius: 999px; margin-top: 3px; }
window.about .subpage > viewport > clamp > box, dialog.about .subpage > viewport > clamp > box { margin: 18px 12px; border-spacing: 18px; }
window.about .subpage > clamp > textview, dialog.about .subpage > clamp > textview { background: none; color: inherit; }
/***************** AdwStatusPage * */
statuspage > scrolledwindow > viewport > box { margin: 36px 12px; border-spacing: 36px; }
statuspage > scrolledwindow > viewport > box > clamp > box { border-spacing: 12px; }
statuspage > scrolledwindow > viewport > box > clamp > box > .icon { color: color-mix(in srgb, currentColor var(--dim-opacity), transparent); -gtk-icon-size: 128px; }
statuspage > scrolledwindow > viewport > box > clamp > box > .icon:disabled { opacity: var(--disabled-opacity); }
statuspage > scrolledwindow > viewport > box > clamp > box > .icon:not(:last-child) { margin-bottom: 24px; }
statuspage.compact > scrolledwindow > viewport > box { margin: 24px 12px; border-spacing: 24px; }
statuspage.compact > scrolledwindow > viewport > box > clamp > box > .icon { -gtk-icon-size: 96px; }
statuspage.compact > scrolledwindow > viewport > box > clamp > box > .icon:not(:last-child) { margin-bottom: 12px; }
statuspage.spinner > scrolledwindow > viewport > box { margin: 24px 12px; border-spacing: 24px; }
statuspage.spinner > scrolledwindow > viewport > box > clamp > box > .icon { -gtk-icon-size: 64px; }
statuspage.spinner > scrolledwindow > viewport > box > clamp > box > .icon:not(:last-child) { margin-bottom: 12px; }
/* Cards */
shortcut > .keycap, list.boxed-list, list.content, list.boxed-list-separate > row, .card { background-color: var(--card-bg-color); color: var(--card-fg-color); border-radius: 12px; box-shadow: 0 0 0 1px RGB(0 0 6/3%), 0 1px 3px 1px RGB(0 0 6/7%), 0 2px 6px 2px RGB(0 0 6/3%); }
.osd shortcut > .keycap, .osd list.boxed-list, .osd list.content, .osd list.boxed-list-separate > row, shortcut > .osd.keycap, list.osd.boxed-list, list.osd.content, list.boxed-list-separate > row.osd, .osd .card, .card.osd { background-color: color-mix(in srgb, currentColor 10%, transparent); color: RGB(255 255 255/90%); box-shadow: none; }
.card { outline: 0 solid transparent; outline-offset: 5px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
.card:focus:focus-visible { outline-color: color-mix(in srgb, var(--accent-color) 50%, transparent); outline-width: 2px; outline-offset: -1px; }
.card.activatable { transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
.card.activatable:hover { background-image: image(color-mix(in srgb, currentColor 3%, transparent)); }
.card.activatable:active { background-image: image(color-mix(in srgb, currentColor 8%, transparent)); }
/* Transition shadows */
flap > dimming, leaflet > dimming, navigation-view > dimming, overlay-split-view > dimming { background: var(--shade-color); }
flap > shadow, leaflet > shadow, navigation-view > shadow, overlay-split-view > shadow { min-width: 56px; min-height: 56px; }
flap > shadow.left, leaflet > shadow.left, navigation-view > shadow.left, overlay-split-view > shadow.left { background-image: linear-gradient(to right, color-mix(in srgb, var(--shade-color) 70%, transparent), color-mix(in srgb, var(--shade-color) 14%, transparent) 40px, RGB(from var(--shade-color) r g b/0) 56px), linear-gradient(to right, color-mix(in srgb, var(--shade-color) 40%, transparent), color-mix(in srgb, var(--shade-color) 14%, transparent) 7px, RGB(from var(--shade-color) r g b/0) 24px); }
flap > shadow.right, leaflet > shadow.right, navigation-view > shadow.right, overlay-split-view > shadow.right { background-image: linear-gradient(to left, color-mix(in srgb, var(--shade-color) 70%, transparent), color-mix(in srgb, var(--shade-color) 14%, transparent) 40px, RGB(from var(--shade-color) r g b/0) 56px), linear-gradient(to left, color-mix(in srgb, var(--shade-color) 40%, transparent), color-mix(in srgb, var(--shade-color) 14%, transparent) 7px, RGB(from var(--shade-color) r g b/0) 24px); }
flap > shadow.up, leaflet > shadow.up, navigation-view > shadow.up, overlay-split-view > shadow.up { background-image: linear-gradient(to bottom, color-mix(in srgb, var(--shade-color) 70%, transparent), color-mix(in srgb, var(--shade-color) 14%, transparent) 40px, RGB(from var(--shade-color) r g b/0) 56px), linear-gradient(to bottom, color-mix(in srgb, var(--shade-color) 40%, transparent), color-mix(in srgb, var(--shade-color) 14%, transparent) 7px, RGB(from var(--shade-color) r g b/0) 24px); }
flap > shadow.down, leaflet > shadow.down, navigation-view > shadow.down, overlay-split-view > shadow.down { background-image: linear-gradient(to top, color-mix(in srgb, var(--shade-color) 70%, transparent), color-mix(in srgb, var(--shade-color) 14%, transparent) 40px, RGB(from var(--shade-color) r g b/0) 56px), linear-gradient(to top, color-mix(in srgb, var(--shade-color) 40%, transparent), color-mix(in srgb, var(--shade-color) 14%, transparent) 7px, RGB(from var(--shade-color) r g b/0) 24px); }
notebook > header > tabs > tab:checked { outline: 0 solid transparent; outline-offset: 4px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
notebook:focus:focus-visible > header > tabs > tab:checked { outline-color: color-mix(in srgb, var(--accent-color) 50%, transparent); outline-width: 2px; outline-offset: -2px; }
notebook > header { padding: 1px; border-color: color-mix(in srgb, currentColor var(--border-opacity), transparent); border-width: 1px; background-clip: padding-box; }
notebook > header > tabs { margin: -1px; }
notebook > header.top { border-bottom-style: solid; }
notebook > header.top > tabs { margin-bottom: -2px; }
notebook > header.top > tabs > tab:hover { box-shadow: inset 0 -4px color-mix(in srgb, currentColor var(--border-opacity), transparent); }
notebook > header.top > tabs > tab:checked { box-shadow: inset 0 -4px var(--accent-bg-color); }
notebook > header.bottom { border-top-style: solid; }
notebook > header.bottom > tabs { margin-top: -2px; }
notebook > header.bottom > tabs > tab:hover { box-shadow: inset 0 4px color-mix(in srgb, currentColor var(--border-opacity), transparent); }
notebook > header.bottom > tabs > tab:checked { box-shadow: inset 0 4px var(--accent-bg-color); }
notebook > header.left { border-right-style: solid; }
notebook > header.left > tabs { margin-right: -2px; }
notebook > header.left > tabs > tab:hover { box-shadow: inset -4px 0 color-mix(in srgb, currentColor var(--border-opacity), transparent); }
notebook > header.left > tabs > tab:checked { box-shadow: inset -4px 0 var(--accent-bg-color); }
notebook > header.right { border-left-style: solid; }
notebook > header.right > tabs { margin-left: -2px; }
notebook > header.right > tabs > tab:hover { box-shadow: inset 4px 0 color-mix(in srgb, currentColor var(--border-opacity), transparent); }
notebook > header.right > tabs > tab:checked { box-shadow: inset 4px 0 var(--accent-bg-color); }
notebook > header.top > tabs > arrow { border-top-style: none; }
notebook > header.bottom > tabs > arrow { border-bottom-style: none; }
notebook > header.top > tabs > arrow, notebook > header.bottom > tabs > arrow { margin-left: -5px; margin-right: -5px; padding-left: 4px; padding-right: 4px; }
notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); }
notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
notebook > header.left > tabs > arrow { border-left-style: none; }
notebook > header.right > tabs > arrow { border-right-style: none; }
notebook > header.left > tabs > arrow, notebook > header.right > tabs > arrow { margin-top: -5px; margin-bottom: -5px; padding-top: 4px; padding-bottom: 4px; }
notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); }
notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
notebook > header > tabs > arrow { min-height: 16px; min-width: 16px; border-radius: 0; }
notebook > header > tabs > arrow:hover:not(:active) { box-shadow: none; }
notebook > header > tabs > tab { transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); min-height: 30px; min-width: 30px; padding: 3px 12px; font-weight: normal; }
notebook > header > tabs > tab:hover, notebook > header > tabs > tab:active { background-color: color-mix(in srgb, currentColor 7%, transparent); }
notebook > header > tabs > tab:not(:checked) { outline-color: transparent; }
notebook > header > tabs > tab:disabled { filter: Opacity(var(--disabled-opacity)); }
notebook > header > tabs > tab:disabled a label, notebook > header > tabs > tab:disabled button { filter: none; }
notebook > header > tabs > tab button.flat { color: color-mix(in srgb, currentColor 30%, transparent); padding: 0; margin-top: 4px; margin-bottom: 4px; min-width: 20px; min-height: 20px; }
notebook > header > tabs > tab button.flat:hover, notebook > header > tabs > tab button.flat:active { color: currentColor; }
notebook > header > tabs > tab button.flat:last-child { margin-left: 4px; margin-right: -4px; }
notebook > header > tabs > tab button.flat:first-child { margin-left: -4px; margin-right: 4px; }
notebook > header.top > tabs, notebook > header.bottom > tabs { padding-left: 4px; padding-right: 4px; }
notebook > header.top > tabs:not(:only-child), notebook > header.bottom > tabs:not(:only-child) { margin-left: 3px; margin-right: 3px; }
notebook > header.top > tabs:not(:only-child):first-child, notebook > header.bottom > tabs:not(:only-child):first-child { margin-left: -1px; }
notebook > header.top > tabs:not(:only-child):last-child, notebook > header.bottom > tabs:not(:only-child):last-child { margin-right: -1px; }
notebook > header.top > tabs > tab, notebook > header.bottom > tabs > tab { margin-left: 4px; margin-right: 4px; }
notebook > header.left > tabs, notebook > header.right > tabs { padding-top: 4px; padding-bottom: 4px; }
notebook > header.left > tabs:not(:only-child), notebook > header.right > tabs:not(:only-child) { margin-top: 3px; margin-bottom: 3px; }
notebook > header.left > tabs:not(:only-child):first-child, notebook > header.right > tabs:not(:only-child):first-child { margin-top: -1px; }
notebook > header.left > tabs:not(:only-child):last-child, notebook > header.right > tabs:not(:only-child):last-child { margin-bottom: -1px; }
notebook > header.left > tabs > tab, notebook > header.right > tabs > tab { margin-top: 4px; margin-bottom: 4px; }
notebook > header.top > tabs > tab { padding-bottom: 4px; }
notebook > header.bottom > tabs > tab { padding-top: 4px; }
notebook > stack:not(:only-child) { background-color: var(--view-bg-color); }
paned > separator { min-width: 1px; min-height: 1px; background: none; background-size: 1px 1px; }
paned > separator.wide { min-width: 5px; min-height: 5px; }
paned.horizontal > separator:dir(ltr) { box-shadow: inset 1px 0 color-mix(in srgb, currentColor var(--border-opacity), transparent); }
paned.horizontal > separator:dir(rtl) { box-shadow: inset -1px 0 color-mix(in srgb, currentColor var(--border-opacity), transparent); }
paned.horizontal > separator.wide { box-shadow: inset 1px 0 color-mix(in srgb, currentColor var(--border-opacity), transparent), inset -1px 0 color-mix(in srgb, currentColor var(--border-opacity), transparent); }
paned.vertical > separator { box-shadow: inset 0 1px color-mix(in srgb, currentColor var(--border-opacity), transparent); }
paned.vertical > separator.wide { box-shadow: inset 0 1px color-mix(in srgb, currentColor var(--border-opacity), transparent), inset 0 -1px color-mix(in srgb, currentColor var(--border-opacity), transparent); }
toolbarview.undershoot-top popover scrolledwindow:not(.undershoot-top) undershoot.top, toolbarview.undershoot-bottom popover scrolledwindow:not(.undershoot-bottom) undershoot.bottom { background: none; box-shadow: none; }
popover { --shade-color: var(--popover-shade-color); }
popover.background { background-color: transparent; font: initial; }
popover > arrow, popover > contents { background-color: var(--popover-bg-color); color: var(--popover-fg-color); background-clip: padding-box; border: 1px solid RGB(0 0 0/14%); box-shadow: 0 1px 5px 1px RGB(0 0 0/9%), 0 2px 14px 3px RGB(0 0 0/5%); }
popover > contents { padding: 8px; border-radius: 15px; }
popover > contents > list, popover > contents > .view, window.print:not(.ssd-frame) popover > contents > .dialog-action-box, popover > contents > toolbar { border-style: none; background-color: transparent; }
.solid-csd popover { background: var(--popover-bg-color); color: var(--popover-fg-color); border: 1px solid var(--border-color); }
.solid-csd popover > arrow, .solid-csd popover > contents { box-shadow: none; border-radius: 0; background-clip: border-box; border: none; }
.osd popover, popover.touch-selection, popover.magnifier { background-color: transparent; color: RGB(255 255 255/90%); }
.osd popover > arrow, .osd popover > contents, popover.touch-selection > arrow, popover.touch-selection > contents, popover.magnifier > arrow, popover.magnifier > contents { border-color: RGB(255 255 255/10%); box-shadow: none; }
preferencespage > scrolledwindow > viewport > clamp > box { margin: 24px 12px; border-spacing: 24px; }
preferencesgroup > box, preferencesgroup > box box.labels { border-spacing: 6px; }
preferencesgroup > box > box.header:not(.single-line) { margin-bottom: 6px; }
preferencesgroup > box > box.single-line { min-height: 34px; }
progressbar.horizontal > trough { min-width: 150px; }
progressbar.horizontal > trough, progressbar.horizontal > trough > progress { min-height: 8px; }
progressbar.vertical > trough { min-height: 80px; }
progressbar.vertical > trough, progressbar.vertical > trough > progress { min-width: 8px; }
progressbar > text { font-size: smaller; }
progressbar:disabled { filter: Opacity(var(--disabled-opacity)); }
progressbar > trough > progress { /* share most of scales' */ border-radius: 99px; }
progressbar > trough > progress.left { border-top-left-radius: 99px; border-bottom-left-radius: 99px; }
progressbar > trough > progress.right { border-top-right-radius: 99px; border-bottom-right-radius: 99px; }
progressbar > trough > progress.top { border-top-right-radius: 99px; border-top-left-radius: 99px; }
progressbar > trough > progress.bottom { border-bottom-right-radius: 99px; border-bottom-left-radius: 99px; }
progressbar.osd { min-width: 2px; min-height: 2px; }
progressbar.osd > trough { border-style: none; border-radius: 0; background-color: transparent; box-shadow: none; }
progressbar.osd > trough > progress { border-style: none; border-radius: 0; }
progressbar.osd.horizontal > trough, progressbar.osd.horizontal > trough > progress { min-height: 2px; }
progressbar.osd.vertical > trough, progressbar.osd.vertical > trough > progress { min-width: 2px; }
progressbar > trough.empty > progress { all: unset; }
scale > trough > fill, scale > trough, progressbar > trough { transition: background 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); border-radius: 99px; background-color: color-mix(in srgb, currentColor 15%, transparent); }
scale > trough > highlight, progressbar > trough > progress { transition: background 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); border-radius: 99px; background-color: var(--accent-bg-color); color: var(--accent-fg-color); }
scale { min-height: 10px; min-width: 10px; padding: 12px; }
scale > trough > slider { outline: 0 solid transparent; outline-offset: 6px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
scale:focus:focus-visible > trough > slider { outline-color: color-mix(in srgb, var(--accent-color) 50%, transparent); outline-width: 2px; outline-offset: 0; }
scale > trough > slider { background-color: color-mix(in srgb, white 80%, var(--view-bg-color)); box-shadow: 0 0 0 1px RGB(0 0 6 / 10%), 0 2px 4px RGB(0 0 6/20%); border-radius: 100%; min-width: 20px; min-height: 20px; margin: -8px; }
scale:hover > trough, scale:active > trough { background-color: color-mix(in srgb, currentColor 20%, transparent); }
scale:hover > trough > highlight, scale:active > trough > highlight { background-image: image(color-mix(in srgb, currentColor 10%, transparent)); }
scale:hover > trough > slider, scale:active > trough > slider { background-color: white; }
scale:disabled { filter: Opacity(var(--disabled-opacity)); }
scale:disabled > trough > slider { box-shadow: 0 0 0 1px RGB(0 0 6 / 10%), 0 2px 4px transparent; outline-color: RGB(0 0 6 / 20%); }
scale.marks-before:not(.marks-after) > trough > slider, scale.marks-after:not(.marks-before) > trough > slider { transform: rotate(45deg); box-shadow: 0 0 0 1px RGB(0 0 6 / 10%), 1px 1px 4px RGB(0 0 6/20%); }
scale.marks-before:not(.marks-after) > trough > slider:disabled, scale.marks-after:not(.marks-before) > trough > slider:disabled { box-shadow: 0 0 0 1px RGB(0 0 6 / 10%), 1px 1px 4px transparent; }
scale.horizontal > marks { color: color-mix(in srgb, currentColor var(--dim-opacity), transparent); }
scale.horizontal > marks.top { margin-bottom: 6px; }
scale.horizontal > marks.bottom { margin-top: 6px; }
scale.horizontal > marks indicator { background-color: currentColor; min-height: 6px; min-width: 1px; }
scale.horizontal:not(.marks-before) > value.top { margin-bottom: 12px; }
scale.horizontal:not(.marks-after) > value.bottom { margin-top: 12px; }
scale.horizontal > value.left { margin-right: 9px; }
scale.horizontal > value.right { margin-left: 9px; }
scale.horizontal.fine-tune > trough { margin: -3px 0px; }
scale.horizontal.fine-tune > trough > slider { margin: -5px -8px; }
scale.horizontal.fine-tune > marks.top { margin-top: 3px; }
scale.horizontal.fine-tune > marks.bottom { margin-bottom: 3px; }
scale.horizontal.fine-tune > marks indicator { min-height: 3px; }
scale.horizontal.marks-before { padding-top: 0; }
scale.horizontal.marks-before > trough > slider { border-top-left-radius: 0; }
scale.horizontal.marks-after { padding-bottom: 0; }
scale.horizontal.marks-after > trough > slider { border-bottom-right-radius: 0; }
scale.horizontal.marks-before.marks-after > trough > slider { border-radius: 100%; }
scale.vertical > marks { color: color-mix(in srgb, currentColor var(--dim-opacity), transparent); }
scale.vertical > marks.top { margin-right: 6px; }
scale.vertical > marks.bottom { margin-left: 6px; }
scale.vertical > marks indicator { background-color: currentColor; min-height: 1px; min-width: 6px; }
scale.vertical:not(.marks-before) > value.left { margin-right: 12px; }
scale.vertical:not(.marks-after) > value.right { margin-left: 12px; }
scale.vertical > value.top { margin-bottom: 9px; }
scale.vertical > value.bottom { margin-top: 9px; }
scale.vertical.fine-tune > trough { margin: 0px -3px; }
scale.vertical.fine-tune > trough > slider { margin: -8px -5px; }
scale.vertical.fine-tune > marks.top { margin-left: 3px; }
scale.vertical.fine-tune > marks.bottom { margin-right: 3px; }
scale.vertical.fine-tune > marks indicator { min-width: 3px; }
scale.vertical.marks-before { padding-left: 0; }
scale.vertical.marks-before > trough > slider { border-bottom-left-radius: 0; }
scale.vertical.marks-after { padding-right: 0; }
scale.vertical.marks-after > trough > slider { border-top-right-radius: 0; }
scale.color { padding: 0; }
scale.color > trough { border: none; background: none; border-radius: 10px; }
scale.color > trough > slider { margin: 0; background-color: RGB(255 255 255/80%); }
scale.color.fine-tune { padding: 2px; }
scale.color.fine-tune > trough > slider { margin: -2px; }
scrollbar > range > trough { margin: 9px; transition: all 200ms linear; border-radius: 99px; }
scrollbar > range > trough > slider { min-width: 8px; min-height: 8px; margin: -8px; border: 8px solid transparent; border-radius: 99px; background-clip: padding-box; transition: all 200ms linear; background-color: color-mix(in srgb, currentColor 20%, transparent); }
scrollbar > range > trough > slider:hover { background-color: color-mix(in srgb, currentColor 40%, transparent); }
scrollbar > range > trough > slider:active { background-color: color-mix(in srgb, currentColor 60%, transparent); }
scrollbar > range > trough > slider:disabled { opacity: 0; }
scrollbar.horizontal > range > trough { margin-top: 8px; margin-bottom: 8px; }
scrollbar.vertical > range > trough { margin-left: 8px; margin-right: 8px; }
scrollbar.overlay-indicator { background: none; color: inherit; box-shadow: none; padding: 0; }
scrollbar.overlay-indicator > range > trough { outline: 1px solid transparent; }
scrollbar.overlay-indicator > range > trough > slider { outline: 1px solid color-mix(in srgb, var(--scrollbar-outline-color) 60%, transparent); outline-offset: -8px; }
scrollbar.overlay-indicator:not(.hovering) > range > trough > slider { min-width: 3px; min-height: 3px; outline-color: color-mix(in srgb, var(--scrollbar-outline-color) 35%, transparent); }
scrollbar.overlay-indicator.hovering > range > trough { background-color: color-mix(in srgb, currentColor 10%, transparent); }
scrollbar.overlay-indicator.horizontal > range > trough > slider { min-width: 40px; }
scrollbar.overlay-indicator.horizontal.hovering > range > trough > slider { min-height: 8px; }
scrollbar.overlay-indicator.horizontal:not(.hovering) > range > trough { margin-top: 4px; margin-bottom: 4px; }
scrollbar.overlay-indicator.vertical > range > trough > slider { min-height: 40px; }
scrollbar.overlay-indicator.vertical.hovering > range > trough > slider { min-width: 8px; }
scrollbar.overlay-indicator.vertical:not(.hovering) > range > trough { margin-left: 4px; margin-right: 4px; }
scrollbar.horizontal > range > trough > slider { min-width: 40px; }
scrollbar.vertical > range > trough > slider { min-height: 40px; }
scrollbar > range.fine-tune > trough > slider, scrollbar > range.fine-tune > trough > slider:hover, scrollbar > range.fine-tune > trough > slider:active { background-color: color-mix(in srgb, var(--accent-color) 60%, transparent); }
scrolledwindow > overshoot.top { background-image: radial-gradient(farthest-side at top, color-mix(in srgb, currentColor 12%, transparent) 85%, RGB(from currentColor r g b/0)), radial-gradient(farthest-side at top, color-mix(in srgb, currentColor 5%, transparent), RGB(from currentColor r g b/0)); background-size: 100% 3%, 100% 50%; background-repeat: no-repeat; background-position: top; background-color: transparent; border: none; box-shadow: none; }
scrolledwindow > overshoot.bottom { background-image: radial-gradient(farthest-side at bottom, color-mix(in srgb, currentColor 12%, transparent) 85%, RGB(from currentColor r g b/0)), radial-gradient(farthest-side at bottom, color-mix(in srgb, currentColor 5%, transparent), RGB(from currentColor r g b/0)); background-size: 100% 3%, 100% 50%; background-repeat: no-repeat; background-position: bottom; background-color: transparent; border: none; box-shadow: none; }
scrolledwindow > overshoot.left { background-image: radial-gradient(farthest-side at left, color-mix(in srgb, currentColor 12%, transparent) 85%, RGB(from currentColor r g b/0)), radial-gradient(farthest-side at left, color-mix(in srgb, currentColor 5%, transparent), RGB(from currentColor r g b/0)); background-size: 3% 100%, 50% 100%; background-repeat: no-repeat; background-position: left; background-color: transparent; border: none; box-shadow: none; }
scrolledwindow > overshoot.right { background-image: radial-gradient(farthest-side at right, color-mix(in srgb, currentColor 12%, transparent) 85%, RGB(from currentColor r g b/0)), radial-gradient(farthest-side at right, color-mix(in srgb, currentColor 5%, transparent), RGB(from currentColor r g b/0)); background-size: 3% 100%, 50% 100%; background-repeat: no-repeat; background-position: right; background-color: transparent; border: none; box-shadow: none; }
scrolledwindow.undershoot-top > undershoot.top { box-shadow: inset 0 1px color-mix(in srgb, var(--shade-color) 75%, transparent); background: linear-gradient(to bottom, color-mix(in srgb, var(--shade-color) 75%, transparent), transparent 4px); }
scrolledwindow.undershoot-bottom > undershoot.bottom { box-shadow: inset 0 -1px color-mix(in srgb, var(--shade-color) 75%, transparent); background: linear-gradient(to top, color-mix(in srgb, var(--shade-color) 75%, transparent), transparent 4px); }
scrolledwindow.undershoot-start:dir(ltr) > undershoot.left { box-shadow: inset 1px 0 color-mix(in srgb, var(--shade-color) 75%, transparent); background: linear-gradient(to right, color-mix(in srgb, var(--shade-color) 75%, transparent), transparent 4px); }
scrolledwindow.undershoot-start:dir(rtl) > undershoot.right { box-shadow: inset -1px 0 color-mix(in srgb, var(--shade-color) 75%, transparent); background: linear-gradient(to left, color-mix(in srgb, var(--shade-color) 75%, transparent), transparent 4px); }
scrolledwindow.undershoot-end:dir(ltr) > undershoot.right { box-shadow: inset -1px 0 color-mix(in srgb, var(--shade-color) 75%, transparent); background: linear-gradient(to left, color-mix(in srgb, var(--shade-color) 75%, transparent), transparent 4px); }
scrolledwindow.undershoot-end:dir(rtl) > undershoot.left { box-shadow: inset 1px 0 color-mix(in srgb, var(--shade-color) 75%, transparent); background: linear-gradient(to right, color-mix(in srgb, var(--shade-color) 75%, transparent), transparent 4px); }
shortcuts-section { margin: 20px; }
.shortcuts-search-results { margin: 20px; border-spacing: 24px; }
shortcut { border-spacing: 6px; border-radius: 6px; }
shortcut { outline: 0 solid transparent; outline-offset: 8px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
shortcut:focus:focus-visible { outline-color: color-mix(in srgb, var(--accent-color) 50%, transparent); outline-width: 2px; outline-offset: 4px; }
shortcut > .keycap { min-width: 20px; min-height: 25px; padding: 2px 6px; border-radius: 6px; font-size: smaller; }
shortcuts-section stackswitcher.circular { border-spacing: 12px; }
shortcuts-section stackswitcher.circular > button.circular, shortcuts-section stackswitcher.circular > button.text-button.circular { min-width: 32px; min-height: 32px; padding: 0; }
window.shortcuts:not(.ssd-frame) headerbar.titlebar > windowhandle { padding-top: 3px; }
window.shortcuts:not(.ssd-frame) searchbar { background: none; }
.sidebar-pane { background-color: var(--sidebar-bg-color); color: var(--sidebar-fg-color); --shade-color: var(--sidebar-shade-color); }
.sidebar-pane:backdrop { background-color: var(--sidebar-backdrop-color); transition: background-color 200ms ease-out; }
.sidebar-pane banner > revealer > widget { background-color: color-mix(in srgb, var(--banner-color) 30%, var(--sidebar-bg-color)); color: var(--sidebar-fg-color); }
.sidebar-pane banner > revealer > widget:backdrop { background-color: color-mix(in srgb, var(--banner-color) 15%, var(--sidebar-bg-color)); }
.sidebar-pane:dir(ltr), .sidebar-pane:dir(ltr) banner > revealer > widget, .sidebar-pane.end:dir(rtl), .sidebar-pane.end:dir(rtl) banner > revealer > widget { box-shadow: inset -1px 0 var(--sidebar-border-color); }
.sidebar-pane:dir(rtl), .sidebar-pane:dir(rtl) banner > revealer > widget, .sidebar-pane.end:dir(ltr), .sidebar-pane.end:dir(ltr) banner > revealer > widget { box-shadow: inset 1px 0 var(--sidebar-border-color); }
/* Middle pane in three-pane setups */
:not(.isolated) > .content-pane :not(.isolated) > .sidebar-pane, :not(.isolated) > .sidebar-pane :not(.isolated) > .content-pane { background-color: var(--secondary-sidebar-bg-color); color: var(--secondary-sidebar-fg-color); --shade-color: var(--secondary-sidebar-shade-color); }
:not(.isolated) > .content-pane :not(.isolated) > .sidebar-pane:backdrop, :not(.isolated) > .sidebar-pane :not(.isolated) > .content-pane:backdrop { background-color: var(--secondary-sidebar-backdrop-color); transition: background-color 200ms ease-out; }
:not(.isolated) > .content-pane :not(.isolated) > .sidebar-pane banner > revealer > widget, :not(.isolated) > .sidebar-pane :not(.isolated) > .content-pane banner > revealer > widget { background-color: color-mix(in srgb, var(--banner-color) 30%, var(--secondary-sidebar-bg-color)); color: var(--secondary-sidebar-fg-color); }
:not(.isolated) > .content-pane :not(.isolated) > .sidebar-pane banner > revealer > widget:backdrop, :not(.isolated) > .sidebar-pane :not(.isolated) > .content-pane banner > revealer > widget:backdrop { background-color: color-mix(in srgb, var(--banner-color) 15%, var(--secondary-sidebar-bg-color)); }
:not(.isolated) > .content-pane :not(.isolated) > .sidebar-pane:dir(ltr), :not(.isolated) > .content-pane :not(.isolated) > .sidebar-pane:dir(ltr) banner > revealer > widget, :not(.isolated) > .content-pane :not(.isolated) > .sidebar-pane.end:dir(rtl), :not(.isolated) > .content-pane :not(.isolated) > .sidebar-pane.end:dir(rtl) banner > revealer > widget, :not(.isolated) > .sidebar-pane :not(.isolated) > .content-pane:dir(ltr), :not(.isolated) > .sidebar-pane :not(.isolated) > .content-pane:dir(ltr) banner > revealer > widget, :not(.isolated) > .sidebar-pane :not(.isolated) > .content-pane.end:dir(rtl), :not(.isolated) > .sidebar-pane :not(.isolated) > .content-pane.end:dir(rtl) banner > revealer > widget { box-shadow: inset -1px 0 var(--secondary-sidebar-border-color); }
:not(.isolated) > .content-pane :not(.isolated) > .sidebar-pane:dir(rtl), :not(.isolated) > .content-pane :not(.isolated) > .sidebar-pane:dir(rtl) banner > revealer > widget, :not(.isolated) > .content-pane :not(.isolated) > .sidebar-pane.end:dir(ltr), :not(.isolated) > .content-pane :not(.isolated) > .sidebar-pane.end:dir(ltr) banner > revealer > widget, :not(.isolated) > .sidebar-pane :not(.isolated) > .content-pane:dir(rtl), :not(.isolated) > .sidebar-pane :not(.isolated) > .content-pane:dir(rtl) banner > revealer > widget, :not(.isolated) > .sidebar-pane :not(.isolated) > .content-pane.end:dir(ltr), :not(.isolated) > .sidebar-pane :not(.isolated) > .content-pane.end:dir(ltr) banner > revealer > widget { box-shadow: inset 1px 0 var(--secondary-sidebar-border-color); }
.sidebar-pane .sidebar-pane { background-color: transparent; color: inherit; }
stacksidebar row { padding: 10px 4px; }
stacksidebar row > label { padding-left: 6px; padding-right: 6px; }
stacksidebar row.needs-attention > label { background-size: 6px 6px, 0 0; }
/********************** Navigation Sidebar * */
.navigation-sidebar { padding: 6px 0; }
.navigation-sidebar, .navigation-sidebar.view, window.print:not(.ssd-frame) .navigation-sidebar.dialog-action-box, .navigation-sidebar.view:disabled { background-color: transparent; color: inherit; }
.navigation-sidebar.background, .navigation-sidebar.background:disabled { background-color: var(--window-bg-color); color: var(--window-fg-color); }
.navigation-sidebar row.activatable:hover, .navigation-sidebar child.activatable:hover, .navigation-sidebar flowboxchild:hover { background-color: color-mix(in srgb, currentColor 7%, transparent); }
.navigation-sidebar row.activatable:active, .navigation-sidebar child.activatable:active, .navigation-sidebar flowboxchild:active { background-color: color-mix(in srgb, currentColor 16%, transparent); }
.navigation-sidebar row.activatable.has-open-popup, .navigation-sidebar child.activatable.has-open-popup, .navigation-sidebar flowboxchild.has-open-popup { background-color: color-mix(in srgb, currentColor 7%, transparent); }
.navigation-sidebar row.activatable:selected:hover, .navigation-sidebar child.activatable:selected:hover, .navigation-sidebar flowboxchild:selected:hover { background-color: color-mix(in srgb, currentColor 13%, transparent); }
.navigation-sidebar row.activatable:selected:active, .navigation-sidebar child.activatable:selected:active, .navigation-sidebar flowboxchild:selected:active { background-color: color-mix(in srgb, currentColor 19%, transparent); }
.navigation-sidebar row.activatable:selected.has-open-popup, .navigation-sidebar child.activatable:selected.has-open-popup, .navigation-sidebar flowboxchild:selected.has-open-popup { background-color: color-mix(in srgb, currentColor 13%, transparent); }
.navigation-sidebar row:selected, .navigation-sidebar child:selected, .navigation-sidebar flowboxchild:selected { background-color: color-mix(in srgb, currentColor 10%, transparent); }
.navigation-sidebar > separator { margin: 6px; }
.navigation-sidebar > row { border-radius: 9px; min-height: 36px; padding: 0 8px; margin: 0 6px 2px; }
.navigation-sidebar > child, .navigation-sidebar > flowboxchild { border-radius: 9px; margin: 3px; padding: 8px; }
gridview.navigation-sidebar, flowbox.navigation-sidebar { padding: 3px; }
@keyframes spin { to { transform: rotate(1turn); } }
spinner { background: none; opacity: 0; -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); }
spinner:checked { opacity: 1; animation: spin 1s linear infinite; }
spinner:checked:disabled { opacity: var(--disabled-opacity); }
/************** AdwSpinner * */
image.spinner:disabled { opacity: var(--disabled-opacity); }
spinbutton { padding: 0; border-spacing: 0; /* :not here just to bump specificity above that of the list button styling */ }
spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) { margin: 0; border-radius: 0; box-shadow: none; border-style: solid; border-color: color-mix(in srgb, currentColor 10%, transparent); }
spinbutton:not(.vertical) { /* :not here just to bump specificity above that of the list button styling */ }
spinbutton:not(.vertical) > text { min-width: 28px; padding: 6px; }
spinbutton:not(.vertical) > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton:not(.vertical) > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) { min-height: 16px; min-width: 22px; padding-bottom: 0; padding-top: 0; border-left-width: 1px; }
spinbutton:not(.vertical) > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl), spinbutton:not(.vertical) > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl) { border-left-width: 0; border-right-width: 1px; }
spinbutton:not(.vertical) > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, spinbutton:not(.vertical) > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child { border-radius: 0 9px 9px 0; }
spinbutton:not(.vertical) > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, spinbutton:not(.vertical) > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child { border-radius: 9px 0 0 9px; }
spinbutton.vertical { /* :not here just to bump specificity above that of the list button styling */ }
spinbutton.vertical > text { min-height: 30px; min-width: 30px; }
spinbutton.vertical > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, spinbutton.vertical > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child { border-top-width: 1px; border-radius: 0 0 9px 9px; }
spinbutton.vertical > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):first-child, spinbutton.vertical > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):first-child { border-bottom-width: 1px; border-radius: 9px 9px 0 0; }
switch { border-radius: 14px; padding: 3px; background-color: color-mix(in srgb, currentColor 15%, transparent); }
switch:hover { background-color: color-mix(in srgb, currentColor 20%, transparent); }
switch:active { background-color: color-mix(in srgb, currentColor 25%, transparent); }
switch { outline: 0 solid transparent; outline-offset: 5px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
switch:focus:focus-visible { outline-color: color-mix(in srgb, var(--accent-color) 50%, transparent); outline-width: 2px; outline-offset: 1px; }
switch:disabled { filter: Opacity(var(--disabled-opacity)); }
switch > slider { min-width: 20px; min-height: 20px; border-radius: 50%; background-color: color-mix(in srgb, white 80%, var(--view-bg-color)); box-shadow: 0 2px 4px RGB(0 0 6/20%); }
switch > slider:disabled { box-shadow: 0 2px 4px transparent; }
switch:hover > slider, switch:active > slider { background: white; }
switch:checked { color: var(--accent-fg-color); background-color: var(--accent-bg-color); }
switch:checked:hover { background-image: image(color-mix(in srgb, currentColor 10%, transparent)); }
switch:checked:active { background-image: image(RGB(0 0 6/20%)); }
switch:checked > slider { background-color: white; }
.osd switch:checked { background-color: RGB(255 255 255/60%); }
tabbar .box { background-color: var(--headerbar-bg-color); color: var(--headerbar-fg-color); box-shadow: inset 0 -1px var(--headerbar-shade-color); padding: 1px; padding-top: 0; }
tabbar .box:backdrop { background-color: var(--headerbar-backdrop-color); transition: background-color 200ms ease-out; }
tabbar .box:backdrop > scrolledwindow, tabbar .box:backdrop > .start-action, tabbar .box:backdrop > .end-action { filter: opacity(0.5); transition: filter 200ms ease-out; }
tabbar tabbox { padding-bottom: 6px; padding-top: 6px; min-height: 34px; }
tabbar tabbox > tabboxchild { border-radius: 9px; }
tabbar tabbox > tabboxchild { outline: 0 solid transparent; outline-offset: 4px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
tabbar tabbox > tabboxchild:focus-within:focus-visible { outline-color: color-mix(in srgb, var(--accent-color) 50%, transparent); outline-width: 2px; outline-offset: -2px; }
tabbar tabbox > separator { margin-top: 3px; margin-bottom: 3px; transition: opacity 150ms ease-in-out; }
tabbar tabbox > separator.hidden { opacity: 0; }
tabbar tabbox > revealer > indicator { min-width: 2px; border-radius: 2px; margin: 3px 6px; background: color-mix(in srgb, var(--accent-color) 50%, transparent); }
tabbar tab { transition: background 150ms ease-in-out; }
tabbar tab:selected { background-color: color-mix(in srgb, currentColor 10%, transparent); }
tabbar tab:selected:hover { background-color: color-mix(in srgb, currentColor 13%, transparent); }
tabbar tab:selected:active { background-color: color-mix(in srgb, currentColor 19%, transparent); }
tabbar tab:hover { background-color: color-mix(in srgb, currentColor 7%, transparent); }
tabbar tab:active { background-color: color-mix(in srgb, currentColor 16%, transparent); }
tabbar tabbox.single-tab tab, tabbar tabbox.single-tab tab:hover, tabbar tabbox.single-tab tab:active { background: none; }
tabbar .start-action, tabbar .end-action { padding: 6px 5px; }
tabbar .start-action:dir(ltr), tabbar .end-action:dir(rtl) { padding-right: 0; }
tabbar .start-action:dir(rtl), tabbar .end-action:dir(ltr) { padding-left: 0; }
toolbarview > .top-bar tabbar .box, toolbarview > .bottom-bar tabbar .box, tabbar.inline .box { background-color: transparent; color: inherit; box-shadow: none; padding-bottom: 0; }
toolbarview > .top-bar tabbar .box:backdrop, toolbarview > .bottom-bar tabbar .box:backdrop, tabbar.inline .box:backdrop { background-color: transparent; transition: none; }
toolbarview > .top-bar tabbar .box:backdrop > scrolledwindow, toolbarview > .bottom-bar tabbar .box:backdrop > scrolledwindow, tabbar.inline .box:backdrop > scrolledwindow, toolbarview > .top-bar tabbar .box:backdrop > .start-action, toolbarview > .bottom-bar tabbar .box:backdrop > .start-action, tabbar.inline .box:backdrop > .start-action, toolbarview > .top-bar tabbar .box:backdrop > .end-action, toolbarview > .bottom-bar tabbar .box:backdrop > .end-action, tabbar.inline .box:backdrop > .end-action { filter: none; transition: none; }
toolbarview > .top-bar .collapse-spacing tabbar tabbox, toolbarview > .bottom-bar .collapse-spacing tabbar tabbox, toolbarview > .top-bar .collapse-spacing tabbar .start-action, toolbarview > .bottom-bar .collapse-spacing tabbar .start-action, toolbarview > .top-bar .collapse-spacing tabbar .end-action, toolbarview > .bottom-bar .collapse-spacing tabbar .end-action { padding-top: 3px; padding-bottom: 3px; }
dnd tab { background-color: var(--headerbar-bg-color); background-image: image(color-mix(in srgb, currentColor 19%, transparent)); color: var(--headerbar-fg-color); box-shadow: 0 0 0 1px RGB(0 0 0/3%), 0 1px 3px 1px RGB(0 0 0/7%), 0 2px 6px 2px RGB(0 0 0/3%); margin: 25px; }
tabbar tab, dnd tab { min-height: 26px; padding: 4px; border-radius: 9px; }
tabbar tab button.image-button, dnd tab button.image-button { padding: 0; margin: 0; min-width: 24px; min-height: 24px; border-radius: 99px; }
tabbar tab indicator, dnd tab indicator { min-height: 2px; border-radius: 2px; background: color-mix(in srgb, var(--accent-color) 50%, transparent); transform: translateY(4px); }
tabgrid > tabgridchild .card { outline: 0 solid transparent; outline-offset: 4px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
tabgrid > tabgridchild:focus:focus-visible .card { outline-color: color-mix(in srgb, var(--accent-color) 50%, transparent); outline-width: 2px; outline-offset: 0; }
tabthumbnail { border-radius: 16px; transition: box-shadow 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-color cubic-bezier(0.25, 0.46, 0.45, 0.94); }
tabthumbnail > box { margin: 6px; }
tabthumbnail:drop(active) { box-shadow: inset 0 0 0 2px color-mix(in srgb, var(--accent-bg-color) 40%, transparent); background-color: color-mix(in srgb, var(--accent-bg-color) 10%, transparent); }
tabthumbnail .needs-attention:dir(ltr) { transform: translate(8px, -8px); }
tabthumbnail .needs-attention:dir(rtl) { transform: translate(-8px, -8px); }
tabthumbnail .needs-attention > widget { background: var(--accent-color); min-width: 12px; min-height: 12px; border-radius: 8px; margin: 3px; box-shadow: 0 1px 2px color-mix(in srgb, var(--accent-color) 40%, transparent); }
tabthumbnail .card { background: none; color: inherit; }
tabthumbnail .card picture { outline: 1px solid RGB(255 255 255/7%); outline-offset: -1px; border-radius: 12px; }
tabthumbnail.pinned .card { background-color: var(--thumbnail-bg-color); color: var(--thumbnail-fg-color); }
tabthumbnail .icon-title-box { border-spacing: 6px; }
tabthumbnail .tab-unpin-icon { margin: 6px; min-width: 24px; min-height: 24px; }
tabthumbnail button.circular { margin: 6px; background-color: color-mix(in srgb, var(--thumbnail-bg-color) 75%, transparent); min-width: 24px; min-height: 24px; }
tabthumbnail button.circular:hover { background-color: color-mix(in srgb, var(--thumbnail-bg-color) calc(0.9 * 75%), currentColor calc(0.1 * 75%)); }
tabthumbnail button.circular:active { background-color: color-mix(in srgb, var(--thumbnail-bg-color) calc(0.8 * 75%), currentColor calc(0.2 * 75%)); }
taboverview > .overview { color: var(--overview-fg-color); background-color: var(--overview-bg-color); }
taboverview > .overview .new-tab-button { margin: 18px; }
tabview:drop(active), tabbox:drop(active), tabgrid:drop(active) { box-shadow: none; }
cursor-handle { all: unset; padding: 24px 20px; }
cursor-handle > contents { min-width: 20px; min-height: 20px; border-radius: 50%; background-color: var(--accent-bg-color); }
cursor-handle.top > contents { border-top-right-radius: 0; }
cursor-handle.bottom > contents { border-top-left-radius: 0; transform: translateX(1px); }
cursor-handle.insertion-cursor > contents { border-top-left-radius: 0; transform: translateX(1px) translateY(4px) rotate(45deg); }
magnifier { background-color: var(--view-bg-color); }
/****************** AdwToggleGroup * */
toggle-group { ---group-padding: 3px; background: color-mix(in srgb, currentColor 10%, transparent); border-radius: 9px; padding: var(---group-padding); }
toggle-group:disabled { background-color: color-mix(in srgb, color-mix(in srgb, currentColor 10%, transparent) var(--disabled-opacity), transparent); }
toggle-group > toggle { border-radius: calc(9px - var(---group-padding)); font-weight: bold; min-width: 34px; min-height: calc(34px - var(---group-padding) * 2); }
toggle-group > toggle.image-button > image:disabled { filter: opacity(30%); }
toggle-group > toggle.text-button { min-width: calc(18px + var(---group-padding) * 2); padding-left: calc(11px - var(---group-padding)); padding-right: calc(11px - var(---group-padding)); }
toggle-group > toggle.text-button > label:disabled { filter: opacity(30%); }
toggle-group > toggle.image-text-button { min-width: calc(10px + var(---group-padding) * 2); padding-left: calc(11px - var(---group-padding)); padding-right: calc(11px - var(---group-padding)); }
toggle-group > toggle.image-text-button > buttoncontent > box > label { padding: 0; }
toggle-group > toggle.image-text-button > buttoncontent > box > image:disabled, toggle-group > toggle.image-text-button > buttoncontent > box > label:disabled { filter: opacity(30%); }
toggle-group > toggle { outline: 0 solid transparent; outline-offset: 4px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
toggle-group > toggle:focus:focus-visible { outline-color: color-mix(in srgb, var(--accent-color) 50%, transparent); outline-width: 2px; outline-offset: 0; }
toggle-group > toggle:hover { background-color: color-mix(in srgb, currentColor 7%, transparent); }
toggle-group > toggle:active, toggle-group > toggle.keyboard-activating { background-color: color-mix(in srgb, currentColor 16%, transparent); }
toggle-group > toggle:checked { background-color: var(--active-toggle-bg-color); color: var(--active-toggle-fg-color); box-shadow: 0 1px 3px 1px RGB(0 0 6/7%), 0 2px 6px 2px RGB(0 0 6/3%); }
toggle-group > toggle:checked:disabled { background-color: color-mix(in srgb, var(--active-toggle-bg-color) var(--disabled-opacity), transparent); }
toggle-group > toggle:checked:disabled { box-shadow: none; }
toggle-group.osd, .osd toggle-group { --active-toggle-bg-color: white; --active-toggle-fg-color: rgb(0 0 0 / 80%); }
toggle-group.osd:not(.flat) > toggle:checked, .osd toggle-group:not(.flat) > toggle:checked { --accent-bg-color: rgb(0 0 0 / 75%); --accent-fg-color: white; --standalone-color-oklab: Min(l, 0.5) a b; --accent-color: oklab(from var(--accent-bg-color) var(--standalone-color-oklab)); --destructive-color: oklab(from var(--destructive-bg-color) var(--standalone-color-oklab)); --success-color: oklab(from var(--success-bg-color) var(--standalone-color-oklab)); --warning-color: oklab(from var(--warning-bg-color) var(--standalone-color-oklab)); --error-color: oklab(from var(--error-bg-color) var(--standalone-color-oklab)); box-shadow: 0 1px 3px 1px RGB(0 0 6/7%), 0 2px 6px 2px RGB(0 0 6/3%); }
toggle-group.osd:not(.flat) > toggle:checked, .osd toggle-group:not(.flat) > toggle:checked { outline: 0 solid transparent; outline-offset: 5px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
toggle-group.osd:not(.flat) > toggle:checked:focus:focus-visible, .osd toggle-group:not(.flat) > toggle:checked:focus:focus-visible { outline-color: color-mix(in srgb, var(--accent-color) 50%, transparent); outline-width: 2px; outline-offset: 1px; }
toggle-group.osd:not(.flat) > toggle:checked:focus:focus-visible, .osd toggle-group:not(.flat) > toggle:checked:focus:focus-visible { outline-color: color-mix(in srgb, RGB(255 255 255/75%) 50%, transparent); }
toggle-group.osd:not(.flat) > toggle:checked:disabled, .osd toggle-group:not(.flat) > toggle:checked:disabled { box-shadow: none; }
toggle-group.vertical > toggle:not(.text-button):not(.image-text-button) { min-width: calc(34px - var(---group-padding) * 2); }
toggle-group > separator { transition: opacity 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
toggle-group > separator.horizontal { margin: calc(6px - var(---group-padding)) 1px; }
toggle-group > separator.vertical { margin: 1px calc(6px - var(---group-padding)); }
toggle-group > separator.hidden { opacity: 0; }
toggle-group > separator:disabled { filter: Opacity(var(--disabled-opacity)); }
toggle-group.round { border-radius: 17px; }
toggle-group.round toggle { border-radius: calc(17px - var(---group-padding)); }
toggle-group.round toggle.text-button, toggle-group.round toggle.image-text-button { padding-left: calc(15px - var(---group-padding)); padding-right: calc(15px - var(---group-padding)); }
toggle-group.round separator.horizontal { margin: calc(9px - var(---group-padding)) 1px; }
toggle-group.round separator.vertical { margin: 1px calc(9px - var(---group-padding)); }
toggle-group.flat { ---group-padding: 0px; background: none; color: inherit; box-shadow: none; }
toggle-group.flat > toggle { outline: 0 solid transparent; outline-offset: 4px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
toggle-group.flat > toggle:focus:focus-visible { outline-color: color-mix(in srgb, var(--accent-color) 50%, transparent); outline-width: 2px; outline-offset: -2px; }
toggle-group.flat > toggle:checked { background-color: color-mix(in srgb, currentColor 10%, transparent); color: inherit; box-shadow: none; box-shadow: none; }
toggle-group.flat > toggle:checked:hover { background-color: color-mix(in srgb, currentColor 13%, transparent); }
toggle-group.flat > toggle:checked:active, toggle-group.flat > toggle:checked.keyboard-activating { background-color: color-mix(in srgb, currentColor 19%, transparent); }
toggle-group.flat > toggle:checked:disabled { background-color: color-mix(in srgb, color-mix(in srgb, currentColor 10%, transparent) var(--disabled-opacity), transparent); }
toggle-group.flat > separator { background: none; }
/************************* AdwInlineViewSwitcher * */
inline-view-switcher > toggle-group.icons > toggle { min-width: 34px; }
inline-view-switcher > toggle-group.labels > toggle { min-width: calc(18px + var(---group-padding) * 2); }
inline-view-switcher > toggle-group.labels > toggle > widget > indicatorbin { padding-left: calc(11px - var(---group-padding)); padding-right: calc(11px - var(---group-padding)); }
inline-view-switcher > toggle-group.labels > toggle > widget > indicatorbin > label { padding: 0 6px; }
inline-view-switcher > toggle-group.labels > toggle > widget > indicatorbin > indicator, inline-view-switcher > toggle-group.labels > toggle > widget > indicatorbin > mask { transform: translateY(2px); }
inline-view-switcher > toggle-group.both > toggle { min-width: calc(10px + var(---group-padding) * 2); }
inline-view-switcher > toggle-group.both > toggle > widget > box { padding-left: calc(15px - var(---group-padding)); padding-right: calc(15px - var(---group-padding)); border-spacing: 6px; }
actionbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):disabled, searchbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):disabled, .toolbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):disabled, headerbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):disabled { filter: none; }
actionbar > revealer > box menubutton.raised > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).arrow-button:disabled:not(:checked), searchbar > revealer > box menubutton.raised > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).arrow-button:disabled:not(:checked), .toolbar menubutton.raised > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).arrow-button:disabled:not(:checked), headerbar menubutton.raised > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).arrow-button:disabled:not(:checked), actionbar > revealer > box menubutton.raised > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button:disabled:not(:checked), searchbar > revealer > box menubutton.raised > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button:disabled:not(:checked), .toolbar menubutton.raised > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button:disabled:not(:checked), headerbar menubutton.raised > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button:disabled:not(:checked), actionbar > revealer > box menubutton.raised > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-text-button:disabled:not(:checked), searchbar > revealer > box menubutton.raised > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-text-button:disabled:not(:checked), .toolbar menubutton.raised > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-text-button:disabled:not(:checked), headerbar menubutton.raised > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-text-button:disabled:not(:checked) { filter: none; }
actionbar > revealer > box menubutton.suggested-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.suggested-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.suggested-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.suggested-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.opaque > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.opaque > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.opaque > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.opaque > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) { color: inherit; background-color: transparent; }
actionbar > revealer > box menubutton.suggested-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):disabled:not(:checked), searchbar > revealer > box menubutton.suggested-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):disabled:not(:checked), .toolbar menubutton.suggested-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):disabled:not(:checked), headerbar menubutton.suggested-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):disabled:not(:checked), actionbar > revealer > box menubutton.opaque > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):disabled:not(:checked), searchbar > revealer > box menubutton.opaque > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):disabled:not(:checked), .toolbar menubutton.opaque > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):disabled:not(:checked), headerbar menubutton.opaque > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):disabled:not(:checked) { filter: none; }
actionbar > revealer > box menubutton.destructive-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):disabled:not(:checked), searchbar > revealer > box menubutton.destructive-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):disabled:not(:checked), .toolbar menubutton.destructive-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):disabled:not(:checked), headerbar menubutton.destructive-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):disabled:not(:checked) { filter: none; }
actionbar > revealer > box switch, searchbar > revealer > box switch, .toolbar switch, headerbar switch { margin-top: 4px; margin-bottom: 4px; }
.toolbar { padding: 6px; border-spacing: 6px; }
.toolbar.osd { padding: 12px; border-radius: 15px; }
toolbarview > .top-bar .collapse-spacing .toolbar, toolbarview > .bottom-bar .collapse-spacing .toolbar { padding-top: 3px; padding-bottom: 3px; }
/**************** GtkSearchBar * */
searchbar > revealer > box { padding: 6px 6px 7px 6px; background-color: var(--headerbar-bg-color); color: var(--headerbar-fg-color); box-shadow: inset 0 -1px var(--headerbar-shade-color); }
searchbar > revealer > box:backdrop { background-color: var(--headerbar-backdrop-color); transition: background-color 200ms ease-out; }
searchbar > revealer > box:backdrop > * { filter: opacity(0.5); transition: filter 200ms ease-out; }
searchbar > revealer > box .close { min-width: 18px; min-height: 18px; padding: 4px; border-radius: 50%; }
searchbar > revealer > box .close:dir(ltr) { margin-left: 10px; margin-right: 4px; }
searchbar > revealer > box .close:dir(rtl) { margin-left: 4px; margin-right: 10px; }
toolbarview > .top-bar searchbar > revealer > box, toolbarview > .bottom-bar searchbar > revealer > box, searchbar.inline > revealer > box, window.appchooser:not(.ssd-frame) searchbar > revealer > box, window.shortcuts:not(.ssd-frame) searchbar > revealer > box { background-color: transparent; color: inherit; box-shadow: none; padding-bottom: 6px; }
toolbarview > .top-bar searchbar > revealer > box:backdrop, toolbarview > .bottom-bar searchbar > revealer > box:backdrop, searchbar.inline > revealer > box:backdrop { background-color: transparent; transition: none; }
toolbarview > .top-bar searchbar > revealer > box:backdrop > *, toolbarview > .bottom-bar searchbar > revealer > box:backdrop > *, searchbar.inline > revealer > box:backdrop > * { filter: none; transition: none; }
toolbarview > .top-bar .collapse-spacing searchbar > revealer > box, toolbarview > .bottom-bar .collapse-spacing searchbar > revealer > box, window.appchooser.csd:not(.ssd-frame) searchbar > revealer > box, window.shortcuts:not(.ssd-frame) searchbar > revealer > box { padding-top: 3px; padding-bottom: 3px; }
/**************** GtkActionBar * */
actionbar > revealer > box { background-color: var(--headerbar-bg-color); color: var(--headerbar-fg-color); box-shadow: inset 0 1px var(--headerbar-shade-color); padding: 7px 6px 6px 6px; }
actionbar > revealer > box, actionbar > revealer > box > box.start, actionbar > revealer > box > box.end { border-spacing: 6px; }
actionbar > revealer > box:backdrop { background-color: var(--headerbar-backdrop-color); transition: background-color 200ms ease-out; }
actionbar > revealer > box:backdrop > * { filter: opacity(0.5); transition: filter 200ms ease-out; }
toolbarview > .top-bar actionbar > revealer > box, toolbarview > .bottom-bar actionbar > revealer > box { background-color: transparent; color: inherit; box-shadow: none; padding-top: 6px; }
toolbarview > .top-bar actionbar > revealer > box:backdrop, toolbarview > .bottom-bar actionbar > revealer > box:backdrop { background-color: transparent; transition: none; }
toolbarview > .top-bar actionbar > revealer > box:backdrop > *, toolbarview > .bottom-bar actionbar > revealer > box:backdrop > * { filter: none; transition: none; }
toolbarview > .top-bar .collapse-spacing actionbar > revealer > box, toolbarview > .bottom-bar .collapse-spacing actionbar > revealer > box { padding-top: 3px; padding-bottom: 3px; }
/************* AdwBanner * */
banner { --banner-color: #7d7d83; }
banner > revealer > widget { /* There are 2 more instances in _sidebars.css, keep in sync with that */ background-color: color-mix(in srgb, var(--banner-color) 30%, var(--window-bg-color)); color: var(--window-fg-color); padding: 6px; }
banner > revealer > widget:backdrop { background-color: color-mix(in srgb, var(--banner-color) 15%, var(--window-bg-color)); transition: background-color 200ms ease-out; }
banner > revealer > widget:backdrop > label, banner > revealer > widget:backdrop > button { filter: opacity(0.5); transition: filter 200ms ease-out; }
/****************** AdwToolbarView * */
toolbarview > .top-bar .collapse-spacing, toolbarview > .bottom-bar .collapse-spacing { padding-top: 3px; padding-bottom: 3px; }
toolbarview > .top-bar.raised, toolbarview > .bottom-bar.raised { background-color: var(--headerbar-bg-color); color: var(--headerbar-fg-color); }
toolbarview > .top-bar.raised:backdrop, toolbarview > .bottom-bar.raised:backdrop { background-color: var(--headerbar-backdrop-color); transition: background-color 200ms ease-out; }
toolbarview > .top-bar:backdrop > windowhandle, toolbarview > .bottom-bar:backdrop > windowhandle { filter: opacity(0.5); transition: filter 200ms ease-out; }
toolbarview > .top-bar.raised { box-shadow: 0 1px color-mix(in srgb, var(--headerbar-shade-color) 50%, transparent), 0 2px 4px color-mix(in srgb, var(--headerbar-shade-color) 50%, transparent); }
toolbarview > .top-bar.raised.border { box-shadow: 0 1px var(--headerbar-darker-shade-color); }
toolbarview > .bottom-bar.raised { box-shadow: 0 -1px color-mix(in srgb, var(--headerbar-shade-color) 50%, transparent), 0 -2px 4px color-mix(in srgb, var(--headerbar-shade-color) 50%, transparent); }
toolbarview > .bottom-bar.raised.border { box-shadow: 0 -1px var(--headerbar-darker-shade-color); }
toolbarview.undershoot-top scrolledwindow > undershoot.top { box-shadow: inset 0 1px color-mix(in srgb, var(--shade-color) 75%, transparent); background: linear-gradient(to bottom, color-mix(in srgb, var(--shade-color) 75%, transparent), transparent 4px); }
toolbarview.undershoot-bottom scrolledwindow > undershoot.bottom { box-shadow: inset 0 -1px color-mix(in srgb, var(--shade-color) 75%, transparent); background: linear-gradient(to top, color-mix(in srgb, var(--shade-color) 75%, transparent), transparent 4px); }
window.devel toolbarview > .top-bar { background-image: cross-fade(5% -gtk-recolor(url("assets/devel-symbolic.svg")), image(transparent)); background-repeat: repeat-x; }
window.devel sheet toolbarview > .top-bar { background-image: unset; background-repeat: unset; }
tooltip { padding: 6px 10px; border-radius: 9px; box-shadow: none; }
tooltip.background { background-color: RGB(0 0 6/80%); background-clip: padding-box; border: 1px solid RGB(255 255 255/10%); color: white; }
tooltip > box { border-spacing: 6px; }
.view, window.print:not(.ssd-frame) .dialog-action-box, textview > text, dialog-host > dialog.view sheet, window.print:not(.ssd-frame) dialog-host > dialog.dialog-action-box sheet, iconview { color: var(--view-fg-color); background-color: var(--view-bg-color); }
.view:disabled, window.print:not(.ssd-frame) .dialog-action-box:disabled, textview > text:disabled, dialog-host > dialog.view sheet:disabled, window.print:not(.ssd-frame) dialog-host > dialog.dialog-action-box sheet:disabled, iconview:disabled { color: color-mix(in srgb, currentColor 5%, transparent); background-color: color-mix(in srgb, var(--window-bg-color) 60%, var(--view-bg-color)); }
.view:selected:focus, .view:selected, window.print:not(.ssd-frame) .dialog-action-box:selected, textview > text:selected, dialog-host > dialog.view sheet:selected, window.print:not(.ssd-frame) dialog-host > dialog.dialog-action-box sheet:selected, iconview:selected { background-color: color-mix(in srgb, var(--accent-bg-color) 25%, transparent); border-radius: 9px; }
textview { caret-color: currentColor; }
textview > text, textview > text:disabled { background-color: transparent; }
textview.inline, textview.inline:disabled, textview.inline > text { background-color: transparent; color: inherit; }
textview > border { background-color: color-mix(in srgb, var(--window-bg-color), var(--view-bg-color) 50%); }
textview:drop(active) { caret-color: var(--accent-bg-color); }
rubberband { border: 1px solid var(--accent-color); background-color: color-mix(in srgb, var(--accent-color) 20%, transparent); }
flowbox > flowboxchild, gridview > child { padding: 3px; border-radius: 9px; }
flowbox > flowboxchild, gridview > child { outline: 0 solid transparent; outline-offset: 4px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
flowbox > flowboxchild:focus:focus-visible, gridview > child:focus:focus-visible { outline-color: color-mix(in srgb, var(--accent-color) 50%, transparent); outline-width: 2px; outline-offset: -2px; }
flowbox > flowboxchild:selected, gridview > child:selected { background-color: color-mix(in srgb, var(--accent-bg-color) 25%, transparent); }
gridview > child.activatable:hover { background-color: color-mix(in srgb, currentColor 4%, transparent); }
gridview > child.activatable:active { background-color: color-mix(in srgb, currentColor 8%, transparent); }
gridview > child.activatable:selected:hover { background-color: color-mix(in srgb, var(--accent-bg-color) 32%, transparent); }
gridview > child.activatable:selected:active { background-color: color-mix(in srgb, var(--accent-bg-color) 39%, transparent); }
viewswitcher { border-spacing: 3px; min-height: 34px; }
viewswitcher.narrow { margin-top: -3px; margin-bottom: -3px; min-height: 6px; }
viewswitcher button.toggle { padding: 0; }
viewswitcher button.toggle > stack > box.narrow { font-size: 0.75rem; padding-top: 4px; }
viewswitcher button.toggle > stack > box.narrow > label { min-height: 18px; padding-left: 3px; padding-right: 3px; padding-bottom: 2px; }
viewswitcher button.toggle > stack > box.wide { padding: 2px 12px; border-spacing: 6px; }
/********************** AdwViewSwitcherBar * */
viewswitcherbar actionbar > revealer > box { padding-left: 0; padding-right: 0; padding-top: 7px; }
toolbarview > .top-bar .collapse-spacing viewswitcherbar actionbar > revealer > box, toolbarview > .bottom-bar .collapse-spacing viewswitcherbar actionbar > revealer > box { padding-top: 6px; }
/************************ AdwViewSwitcherTitle * */
viewswitchertitle { margin-top: -6px; margin-bottom: -6px; }
viewswitchertitle viewswitcher { margin-left: 12px; margin-right: 12px; }
viewswitchertitle viewswitcher.narrow { margin-top: 3px; margin-bottom: 3px; }
viewswitchertitle viewswitcher.wide { margin-top: 6px; margin-bottom: 6px; }
viewswitchertitle windowtitle { margin-top: 0; margin-bottom: 0; }
/******************* AdwIndicatorBin * */
indicatorbin > indicator, indicatorbin > mask { min-width: 6px; min-height: 6px; border-radius: 100px; }
indicatorbin > indicator { margin: 1px; background: color-mix(in srgb, currentColor 40%, transparent); }
indicatorbin > mask { padding: 1px; background: black; }
indicatorbin.needs-attention > indicator { background: var(--accent-color); }
indicatorbin.badge > indicator, indicatorbin.badge > mask { min-height: 13px; }
indicatorbin.badge > indicator > label { font-size: 0.6rem; font-weight: bold; padding-left: 4px; padding-right: 4px; color: white; }
indicatorbin.badge.needs-attention > indicator { background: var(--accent-bg-color); }
indicatorbin.badge.needs-attention > indicator > label { color: var(--accent-fg-color); }
window.csd { box-shadow: 0 1px 3px 3px transparent, 0 2px 8px 2px RGB(0 0 0/13%), 0 3px 20px 10px RGB(0 0 0/9%), 0 6px 32px 16px RGB(0 0 0/4%), 0 0 0 1px RGB(0 0 0 / 0.5%); margin: 0px; border-radius: var(--window-radius); outline: 1px solid RGB(255 255 255/7%); outline-offset: -1px; }
window.csd:backdrop { box-shadow: 0 1px 3px 3px RGB(0 0 0/9%), 0 2px 14px 5px RGB(0 0 0/5%), 0 4px 28px 12px RGB(0 0 0/3%), 0 6px 32px 16px transparent, 0 0 0 1px RGB(0 0 0 / 2%); transition: box-shadow 200ms ease-out; }
window.csd.dialog.message, window.csd.messagedialog { box-shadow: 0 2px 8px 2px RGB(0 0 0/7%), 0 3px 20px 10px RGB(0 0 0/5%), 0 6px 32px 16px RGB(0 0 0/2%), 0 0 0 1px RGB(0 0 0 / 5%); }
window.csd.tiled, window.csd.tiled-top, window.csd.tiled-left, window.csd.tiled-right, window.csd.tiled-bottom { --window-radius: 0px; outline: none; box-shadow: 0 0 0 1px color-mix(in srgb, currentColor var(--border-opacity), transparent), 0 0 0 20px transparent; }
window.csd.tiled:backdrop, window.csd.tiled-top:backdrop, window.csd.tiled-left:backdrop, window.csd.tiled-right:backdrop, window.csd.tiled-bottom:backdrop { box-shadow: 0 0 0 1px color-mix(in srgb, currentColor var(--border-opacity), transparent), 0 0 0 20px transparent; }
window.csd.maximized, window.csd.fullscreen { --window-radius: 0px; outline: none; box-shadow: none; transition: none; }
window.csd.ssd-frame { border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
window.solid-csd { margin: 0; padding: 5px; --window-radius: 0px; box-shadow: inset 0 0 0 5px color-mix(in srgb, currentColor var(--border-opacity), transparent), inset 0 0 0 4px var(--headerbar-bg-color), inset 0 0 0 1px color-mix(in srgb, currentColor var(--border-opacity), transparent); }
window.solid-csd:backdrop { box-shadow: inset 0 0 0 5px color-mix(in srgb, currentColor var(--border-opacity), transparent), inset 0 0 0 4px var(--headerbar-backdrop-color), inset 0 0 0 1px color-mix(in srgb, currentColor var(--border-opacity), transparent); }
window.ssd { box-shadow: 0 0 0 1px RGB(0 0 0 / 5%); }
/* Public colors from Default */
@define-color theme_bg_color @window_bg_color;
@define-color theme_fg_color @window_fg_color;
@define-color theme_base_color @view_bg_color;
@define-color theme_text_color @view_fg_color;
@define-color theme_selected_bg_color @accent_bg_color;
@define-color theme_selected_fg_color @accent_fg_color;
@define-color insensitive_bg_color color-mix(in srgb, @window_bg_color 60%, @view_bg_color);
@define-color insensitive_fg_color color-mix(in srgb, @window_fg_color 50%, transparent);
@define-color insensitive_base_color @view_bg_color;
@define-color borders color-mix(in srgb, currentColor 15%, transparent);
@define-color theme_unfocused_bg_color @window_bg_color;
@define-color theme_unfocused_fg_color @window_fg_color;
@define-color theme_unfocused_base_color @view_bg_color;
@define-color theme_unfocused_text_color @view_fg_color;
@define-color theme_unfocused_selected_bg_color @accent_bg_color;
@define-color theme_unfocused_selected_fg_color @accent_fg_color;
@define-color unfocused_insensitive_color @insensitive_bg_color;
@define-color unfocused_borders @borders;
================================================
FILE: gtk/Tahoe-Light/gtk-4.0/gtk-dark.css
================================================
/* GTK NAMED COLORS ---------------- use responsibly! */
@define-color destructive_bg_color @red_4;
@define-color destructive_fg_color white;
@define-color success_bg_color @green_5;
@define-color success_fg_color white;
@define-color warning_bg_color #cd9309;
@define-color warning_fg_color RGB(0 0 0 / 80%);
@define-color error_bg_color @red_4;
@define-color error_fg_color white;
@define-color accent_color oklab(from @accent_bg_color max(l, 0.85) a b);
@define-color destructive_color oklab(from @destructive_bg_color max(l, 0.85) a b);
@define-color success_color oklab(from @success_bg_color max(l, 0.85) a b);
@define-color warning_color oklab(from @warning_bg_color max(l, 0.85) a b);
@define-color error_color oklab(from @error_bg_color max(l, 0.85) a b);
@define-color window_bg_color #222226;
@define-color window_fg_color white;
@define-color view_bg_color #1d1d20;
@define-color view_fg_color white;
@define-color headerbar_bg_color #2e2e32;
@define-color headerbar_fg_color white;
@define-color headerbar_border_color white;
@define-color headerbar_backdrop_color @window_bg_color;
@define-color headerbar_shade_color RGB(0 0 6/36%);
@define-color headerbar_darker_shade_color RGB(0 0 12/90%);
@define-color sidebar_bg_color #2e2e32;
@define-color sidebar_fg_color white;
@define-color sidebar_backdrop_color #28282c;
@define-color sidebar_shade_color RGB(0 0 6/25%);
@define-color sidebar_border_color RGB(0 0 6/36%);
@define-color secondary_sidebar_bg_color #28282c;
@define-color secondary_sidebar_fg_color white;
@define-color secondary_sidebar_backdrop_color #252529;
@define-color secondary_sidebar_shade_color RGB(0 0 6/25%);
@define-color secondary_sidebar_border_color RGB(0 0 6/36%);
@define-color card_bg_color RGB(255 255 255/8%);
@define-color card_fg_color white;
@define-color card_shade_color RGB(0 0 6/36%);
@define-color dialog_bg_color #36363a;
@define-color dialog_fg_color white;
@define-color popover_bg_color #36363a;
@define-color popover_fg_color white;
@define-color popover_shade_color RGB(0 0 6/25%);
@define-color thumbnail_bg_color #39393d;
@define-color thumbnail_fg_color white;
@define-color shade_color RGB(0 0 6/25%);
@define-color scrollbar_outline_color RGB(0 0 12/95%);
:root {
--standalone-color-oklab: max(l, 0.85) a b;
--accent-color: oklab(
from var(--accent-bg-color) var(--standalone-color-oklab)
);
--destructive-color: oklab(
from var(--destructive-bg-color) var(--standalone-color-oklab)
);
--success-color: oklab(
from var(--success-bg-color) var(--standalone-color-oklab)
);
--warning-color: oklab(
from var(--warning-bg-color) var(--standalone-color-oklab)
);
--error-color: oklab(
from var(--error-bg-color) var(--standalone-color-oklab)
);
--active-toggle-bg-color: rgb(255 255 255 / 20%);
--active-toggle-fg-color: #ffffff;
--overview-bg-color: #28282c;
--overview-fg-color: #ffffff;
}
@import '../gtk-3.0/libadwaita.css';
@import '../gtk-3.0/libadwaita-tweaks.css';
* {
border-radius: 20px;
}
window {
border-radius: 30px;
padding: 10px;
}
.maximize window {
border-radius: 0px;
padding: 0px;
}
window.maximize {
border-radius: 0px;
padding: 0px;
}
/* More customizations */
/* GTK3 */
button.titlebutton {
color: transparent;
min-width: 12px;
min-height: 12px;
padding: 0;
margin: 0 2px;
box-shadow: inset 0 -1px 0 0 alpha(white, 0.2),
inset 0 1px 0 0 alpha(white, 0.3), inset 1px 0 0 0 alpha(white, 0.07),
inset -1px 0 0 0 alpha(white, 0.07), 0 1px 3px rgba(0, 0, 0, 0.12),
0 1px 2px rgba(0, 0, 0, 0.24);
}
button.titlebutton:backdrop {
opacity: 0.5;
}
/*****************
* Title buttons *
*****************/
.raven .expander-button,
.raven .raven-header:not(.top) button.image-button,
widget > box.terminal-titlebar > button.image-button,
widget > box.terminal-titlebar > button.image-button.toggle,
.terminix-session-sidebar button.tilix-sidebar-close-button,
.tilix-session-sidebar button.tilix-sidebar-close-button,
.nemo-window toolbar.primary-toolbar > toolitem > box.raised > button,
.nemo-window toolbar.primary-toolbar > toolitem > box.linked.raised > button,
.nautilus-window headerbar > revealer > button,
.solid-csd headerbar:not(.default-decoration) button.titlebutton,
headerbar button.titlebutton,
.csd headerbar button.titlebutton,
.csd headerbar.default-decoration button.titlebutton,
.titlebar button.titlebutton,
.csd .titlebar button.titlebutton,
.titlebar.default-decoration button.titlebutton,
.csd .titlebar.default-decoration button.titlebutton,
row button.image-button,
check,
radio,
headerbar.default-decoration button.titlebutton,
headerbar button.suggested-action,
headerbar button.destructive-action,
headerbar button:not(.suggested-action):not(.destructive-action),
button.close,
button.circular {
border-radius: 9999px;
-gtk-outline-radius: 9999px;
}
headerbar,
.titlebar {
padding: 0 14px;
}
.solid-csd headerbar:not(.default-decoration) button.titlebutton.close,
headerbar button.titlebutton.close,
.titlebar button.titlebutton.close {
min-width: 12px;
min-height: 12px;
padding: 0;
margin: 0 2px;
color: transparent;
background-color: rgba(0, 0, 0, 0.3);
background-color: #f25056;
box-shadow: inset 0 -1px 0 0 alpha(white, 0.2),
inset 0 1px 0 0 alpha(white, 0.3), inset 1px 0 0 0 alpha(white, 0.07),
inset -1px 0 0 0 alpha(white, 0.07), 0 1px 3px rgba(0, 0, 0, 0.12),
0 1px 2px rgba(0, 0, 0, 0.24);
}
.solid-csd headerbar:not(.default-decoration) button.titlebutton.maximize,
headerbar button.titlebutton.maximize,
.titlebar button.titlebutton.maximize {
min-width: 12px;
min-height: 12px;
padding: 0;
margin: 0 2px;
color: transparent;
background-color: rgba(0, 0, 0, 0.3);
background-color: #39ea49;
box-shadow: inset 0 -1px 0 0 alpha(white, 0.2),
inset 0 1px 0 0 alpha(white, 0.3), inset 1px 0 0 0 alpha(white, 0.07),
inset -1px 0 0 0 alpha(white, 0.07), 0 1px 3px rgba(0, 0, 0, 0.12),
0 1px 2px rgba(0, 0, 0, 0.24);
}
.solid-csd headerbar:not(.default-decoration) button.titlebutton.minimize,
headerbar button.titlebutton.minimize,
.titlebar button.titlebutton.minimize {
min-width: 12px;
min-height: 12px;
padding: 0;
margin: 0 2px;
color: transparent;
background-color: rgba(0, 0, 0, 0.3);
background-color: #fac536;
box-shadow: inset 0 -1px 0 0 alpha(white, 0.2),
inset 0 1px 0 0 alpha(white, 0.3), inset 1px 0 0 0 alpha(white, 0.07),
inset -1px 0 0 0 alpha(white, 0.07), 0 1px 3px rgba(0, 0, 0, 0.12),
0 1px 2px rgba(0, 0, 0, 0.24);
}
#MozillaGtkWidget.background
headerbar.titlebar.default-decoration
button.titlebutton.close:hover,
.solid-csd headerbar:not(.default-decoration) button.titlebutton.close:hover,
headerbar button.titlebutton.close:hover,
.csd headerbar button.titlebutton.close:hover,
headerbar.default-decoration button.titlebutton.close:hover,
.csd headerbar.default-decoration button.titlebutton.close:hover,
.titlebar button.titlebutton.close:hover,
.csd .titlebar button.titlebutton.close:hover,
.titlebar.default-decoration button.titlebutton.close:hover,
.csd .titlebar.default-decoration button.titlebutton.close:hover {
padding: 2px;
margin: -2px 0;
background-color: #f25056;
color: rgba(255, 255, 255, 0.7);
box-shadow: inset 0 -1px 0 0 alpha(white, 0.2),
inset 0 1px 0 0 alpha(white, 0.3), inset 1px 0 0 0 alpha(white, 0.07),
inset -1px 0 0 0 alpha(white, 0.07), 0 1px 3px rgba(0, 0, 0, 0.12),
0 1px 2px rgba(0, 0, 0, 0.24);
}
#MozillaGtkWidget.background
headerbar.titlebar.default-decoration
button.titlebutton.maximize:hover,
.solid-csd headerbar:not(.default-decoration) button.titlebutton.maximize:hover,
headerbar button.titlebutton.maximize:hover,
.csd headerbar button.titlebutton.maximize:hover,
headerbar.default-decoration button.titlebutton.maximize:hover,
.csd headerbar.default-decoration button.titlebutton.maximize:hover,
.titlebar button.titlebutton.maximize:hover,
.csd .titlebar button.titlebutton.maximize:hover,
.titlebar.default-decoration button.titlebutton.maximize:hover,
.csd .titlebar.default-decoration button.titlebutton.maximize:hover {
padding: 2px;
margin: -2px 0;
background-color: #39ea49;
color: rgba(255, 255, 255, 0.7);
box-shadow: inset 0 -1px 0 0 alpha(white, 0.2),
inset 0 1px 0 0 alpha(white, 0.3), inset 1px 0 0 0 alpha(white, 0.07),
inset -1px 0 0 0 alpha(white, 0.07), 0 1px 3px rgba(0, 0, 0, 0.12),
0 1px 2px rgba(0, 0, 0, 0.24);
}
#MozillaGtkWidget.background
headerbar.titlebar.default-decoration
button.titlebutton.minimize:hover,
.solid-csd headerbar:not(.default-decoration) button.titlebutton.minimize:hover,
headerbar button.titlebutton.minimize:hover,
.csd headerbar button.titlebutton.minimize:hover,
headerbar.default-decoration button.titlebutton.minimize:hover,
.csd headerbar.default-decoration button.titlebutton.minimize:hover,
.titlebar button.titlebutton.minimize:hover,
.csd .titlebar button.titlebutton.minimize:hover,
.titlebar.default-decoration button.titlebutton.minimize:hover,
.csd .titlebar.default-decoration button.titlebutton.minimize:hover {
padding: 2px;
margin: -2px 0;
background-color: #fac536;
color: rgba(255, 255, 255, 0.7);
box-shadow: inset 0 -1px 0 0 alpha(white, 0.2),
inset 0 1px 0 0 alpha(white, 0.3), inset 1px 0 0 0 alpha(white, 0.07),
inset -1px 0 0 0 alpha(white, 0.07), 0 1px 3px rgba(0, 0, 0, 0.12),
0 1px 2px rgba(0, 0, 0, 0.24);
}
.solid-csd headerbar:not(.default-decoration) button.titlebutton.close:hover,
.solid-csd headerbar:not(.default-decoration) button.titlebutton.maximize:hover,
.solid-csd headerbar:not(.default-decoration) button.titlebutton.minimize:hover,
headerbar button.titlebutton.close:hover,
headerbar button.titlebutton.close:backdrop:hover,
headerbar button.titlebutton.maximize:hover,
headerbar button.titlebutton.maximize:backdrop:hover,
headerbar button.titlebutton.minimize:hover,
headerbar button.titlebutton.minimize:backdrop:hover,
.csd headerbar button.titlebutton.close:hover,
.csd headerbar button.titlebutton.close:backdrop:hover,
.csd headerbar button.titlebutton.maximize:hover,
.csd headerbar button.titlebutton.maximize:backdrop:hover,
.csd headerbar button.titlebutton.minimize:hover,
.csd headerbar button.titlebutton.minimize:backdrop:hover,
headerbar.default-decoration button.titlebutton.close:hover,
headerbar.default-decoration button.titlebutton.close:backdrop:hover,
headerbar.default-decoration button.titlebutton.maximize:hover,
headerbar.default-decoration button.titlebutton.maximize:backdrop:hover,
headerbar.default-decoration button.titlebutton.minimize:hover,
headerbar.default-decoration button.titlebutton.minimize:backdrop:hover,
.csd headerbar.default-decoration button.titlebutton.close:hover,
.csd headerbar.default-decoration button.titlebutton.close:backdrop:hover,
.csd headerbar.default-decoration button.titlebutton.maximize:hover,
.csd headerbar.default-decoration button.titlebutton.maximize:backdrop:hover,
.csd headerbar.default-decoration button.titlebutton.minimize:hover,
.csd headerbar.default-decoration button.titlebutton.minimize:backdrop:hover,
.titlebar button.titlebutton.close:hover,
.titlebar button.titlebutton.close:backdrop:hover,
.titlebar button.titlebutton.maximize:hover,
.titlebar button.titlebutton.maximize:backdrop:hover,
.titlebar button.titlebutton.minimize:hover,
.titlebar button.titlebutton.minimize:backdrop:hover,
.csd .titlebar button.titlebutton.close:hover,
.csd .titlebar button.titlebutton.close:backdrop:hover,
.csd .titlebar button.titlebutton.maximize:hover,
.csd .titlebar button.titlebutton.maximize:backdrop:hover,
.csd .titlebar button.titlebutton.minimize:hover,
.csd .titlebar button.titlebutton.minimize:backdrop:hover,
.titlebar.default-decoration button.titlebutton.close:hover,
.titlebar.default-decoration button.titlebutton.close:backdrop:hover,
.titlebar.default-decoration button.titlebutton.maximize:hover,
.titlebar.default-decoration button.titlebutton.maximize:backdrop:hover,
.titlebar.default-decoration button.titlebutton.minimize:hover,
.titlebar.default-decoration button.titlebutton.minimize:backdrop:hover,
.csd .titlebar.default-decoration button.titlebutton.close:hover,
.csd .titlebar.default-decoration button.titlebutton.close:backdrop:hover,
.csd .titlebar.default-decoration button.titlebutton.maximize:hover,
.csd .titlebar.default-decoration button.titlebutton.maximize:backdrop:hover,
.csd .titlebar.default-decoration button.titlebutton.minimize:hover,
.csd .titlebar.default-decoration button.titlebutton.minimize:backdrop:hover {
color: transparent;
}
.solid-csd headerbar:not(.default-decoration) button.titlebutton.close:active,
.solid-csd
headerbar:not(.default-decoration)
button.titlebutton.maximize:active,
.solid-csd
headerbar:not(.default-decoration)
button.titlebutton.minimize:active,
.solid-csd headerbar:not(.default-decoration) button.titlebutton.close:checked,
.solid-csd
headerbar:not(.default-decoration)
button.titlebutton.maximize:checked,
.solid-csd
headerbar:not(.default-decoration)
button.titlebutton.minimize:checked,
.solid-csd
headerbar:not(.default-decoration)
button.titlebutton.close:backdrop:active,
.solid-csd
headerbar:not(.default-decoration)
button.titlebutton.maximize:backdrop:active,
.solid-csd
headerbar:not(.default-decoration)
button.titlebutton.minimize:backdrop:active,
.solid-csd
headerbar:not(.default-decoration)
button.titlebutton.close:backdrop:checked,
.solid-csd
headerbar:not(.default-decoration)
button.titlebutton.maximize:backdrop:checked,
.solid-csd
headerbar:not(.default-decoration)
button.titlebutton.minimize:backdrop:checked,
headerbar button.titlebutton.close:active,
headerbar button.titlebutton.close:checked,
headerbar button.titlebutton.close:backdrop:active,
headerbar button.titlebutton.close:backdrop:checked,
headerbar button.titlebutton.maximize:active,
headerbar button.titlebutton.maximize:checked,
headerbar button.titlebutton.maximize:backdrop:active,
headerbar button.titlebutton.maximize:backdrop:checked,
headerbar button.titlebutton.minimize:active,
headerbar button.titlebutton.minimize:checked,
headerbar button.titlebutton.minimize:backdrop:active,
headerbar button.titlebutton.minimize:backdrop:checked,
.csd headerbar button.titlebutton.close:active,
.csd headerbar button.titlebutton.close:checked,
.csd headerbar button.titlebutton.close:backdrop:active,
.csd headerbar button.titlebutton.close:backdrop:checked,
.csd headerbar button.titlebutton.maximize:active,
.csd headerbar button.titlebutton.maximize:checked,
.csd headerbar button.titlebutton.maximize:backdrop:active,
.csd headerbar button.titlebutton.maximize:backdrop:checked,
.csd headerbar button.titlebutton.minimize:active,
.csd headerbar button.titlebutton.minimize:checked,
.csd headerbar button.titlebutton.minimize:backdrop:active,
.csd headerbar button.titlebutton.minimize:backdrop:checked,
headerbar.default-decoration button.titlebutton.close:active,
headerbar.default-decoration button.titlebutton.close:checked,
headerbar.default-decoration button.titlebutton.close:backdrop:active,
headerbar.default-decoration button.titlebutton.close:backdrop:checked,
headerbar.default-decoration button.titlebutton.maximize:active,
headerbar.default-decoration button.titlebutton.maximize:checked,
headerbar.default-decoration button.titlebutton.maximize:backdrop:active,
headerbar.default-decoration button.titlebutton.maximize:backdrop:checked,
headerbar.default-decoration button.titlebutton.minimize:active,
headerbar.default-decoration button.titlebutton.minimize:checked,
headerbar.default-decoration button.titlebutton.minimize:backdrop:active,
headerbar.default-decoration button.titlebutton.minimize:backdrop:checked,
.csd headerbar.default-decoration button.titlebutton.close:active,
.csd headerbar.default-decoration button.titlebutton.close:checked,
.csd headerbar.default-decoration button.titlebutton.close:backdrop:active,
.csd headerbar.default-decoration button.titlebutton.close:backdrop:checked,
.csd headerbar.default-decoration button.titlebutton.maximize:active,
.csd headerbar.default-decoration button.titlebutton.maximize:checked,
.csd headerbar.default-decoration button.titlebutton.maximize:backdrop:active,
.csd headerbar.default-decoration button.titlebutton.maximize:backdrop:checked,
.csd headerbar.default-decoration button.titlebutton.minimize:active,
.csd headerbar.default-decoration button.titlebutton.minimize:checked,
.csd headerbar.default-decoration button.titlebutton.minimize:backdrop:active,
.csd headerbar.default-decoration button.titlebutton.minimize:backdrop:checked,
.titlebar button.titlebutton.close:active,
.titlebar button.titlebutton.close:checked,
.titlebar button.titlebutton.close:backdrop:active,
.titlebar button.titlebutton.close:backdrop:checked,
.titlebar button.titlebutton.maximize:active,
.titlebar button.titlebutton.maximize:checked,
.titlebar button.titlebutton.maximize:backdrop:active,
.titlebar button.titlebutton.maximize:backdrop:checked,
.titlebar button.titlebutton.minimize:active,
.titlebar button.titlebutton.minimize:checked,
.titlebar button.titlebutton.minimize:backdrop:active,
.titlebar button.titlebutton.minimize:backdrop:checked,
.csd .titlebar button.titlebutton.close:active,
.csd .titlebar button.titlebutton.close:checked,
.csd .titlebar button.titlebutton.close:backdrop:active,
.csd .titlebar button.titlebutton.close:backdrop:checked,
.csd .titlebar button.titlebutton.maximize:active,
.csd .titlebar button.titlebutton.maximize:checked,
.csd .titlebar button.titlebutton.maximize:backdrop:active,
.csd .titlebar button.titlebutton.maximize:backdrop:checked,
.csd .titlebar button.titlebutton.minimize:active,
.csd .titlebar button.titlebutton.minimize:checked,
.csd .titlebar button.titlebutton.minimize:backdrop:active,
.csd .titlebar button.titlebutton.minimize:backdrop:checked,
.titlebar.default-decoration button.titlebutton.close:active,
.titlebar.default-decoration button.titlebutton.close:checked,
.titlebar.default-decoration button.titlebutton.close:backdrop:active,
.titlebar.default-decoration button.titlebutton.close:backdrop:checked,
.titlebar.default-decoration button.titlebutton.maximize:active,
.titlebar.default-decoration button.titlebutton.maximize:checked,
.titlebar.default-decoration button.titlebutton.maximize:backdrop:active,
.titlebar.default-decoration button.titlebutton.maximize:backdrop:checked,
.titlebar.default-decoration button.titlebutton.minimize:active,
.titlebar.default-decoration button.titlebutton.minimize:checked,
.titlebar.default-decoration button.titlebutton.minimize:backdrop:active,
.titlebar.default-decoration button.titlebutton.minimize:backdrop:checked,
.csd .titlebar.default-decoration button.titlebutton.close:active,
.csd .titlebar.default-decoration button.titlebutton.close:checked,
.csd .titlebar.default-decoration button.titlebutton.close:backdrop:active,
.csd .titlebar.default-decoration button.titlebutton.close:backdrop:checked,
.csd .titlebar.default-decoration button.titlebutton.maximize:active,
.csd .titlebar.default-decoration button.titlebutton.maximize:checked,
.csd .titlebar.default-decoration button.titlebutton.maximize:backdrop:active,
.csd .titlebar.default-decoration button.titlebutton.maximize:backdrop:checked,
.csd .titlebar.default-decoration button.titlebutton.minimize:active,
.csd .titlebar.default-decoration button.titlebutton.minimize:checked,
.csd .titlebar.default-decoration button.titlebutton.minimize:backdrop:active,
.csd .titlebar.default-decoration button.titlebutton.minimize:backdrop:checked {
color: transparent;
}
.solid-csd headerbar:not(.default-decoration) button.titlebutton.close:backdrop,
.solid-csd
headerbar:not(.default-decoration)
button.titlebutton.maximize:backdrop,
.solid-csd
headerbar:not(.default-decoration)
button.titlebutton.minimize:backdrop,
headerbar button.titlebutton.close:backdrop,
headerbar button.titlebutton.maximize:backdrop,
headerbar button.titlebutton.minimize:backdrop,
.csd headerbar button.titlebutton.close:backdrop,
.csd headerbar button.titlebutton.maximize:backdrop,
.csd headerbar button.titlebutton.minimize:backdrop,
headerbar.default-decoration button.titlebutton.close:backdrop,
headerbar.default-decoration button.titlebutton.maximize:backdrop,
headerbar.default-decoration button.titlebutton.minimize:backdrop,
.csd headerbar.default-decoration button.titlebutton.close:backdrop,
.csd headerbar.default-decoration button.titlebutton.maximize:backdrop,
.csd headerbar.default-decoration button.titlebutton.minimize:backdrop,
.titlebar button.titlebutton.close:backdrop,
.titlebar button.titlebutton.maximize:backdrop,
.titlebar button.titlebutton.minimize:backdrop,
.csd .titlebar button.titlebutton.close:backdrop,
.csd .titlebar button.titlebutton.maximize:backdrop,
.csd .titlebar button.titlebutton.minimize:backdrop,
.titlebar.default-decoration button.titlebutton.close:backdrop,
.titlebar.default-decoration button.titlebutton.maximize:backdrop,
.titlebar.default-decoration button.titlebutton.minimize:backdrop,
.csd .titlebar.default-decoration button.titlebutton.close:backdrop,
.csd .titlebar.default-decoration button.titlebutton.maximize:backdrop,
.csd .titlebar.default-decoration button.titlebutton.minimize:backdrop {
color: transparent;
background-color: rgba(0, 0, 0, 0.12);
}
button.titlebutton image {
margin: -1px;
}
/* gtk4 */
/*********************
* GtkWindowControls *
*********************/
windowcontrols > button {
min-height: 12px;
min-width: 12px;
padding: 0px;
margin-left: 2px;
margin-right: 2px;
}
windowcontrols > button.minimize,
windowcontrols > button.maximize,
windowcontrols > button.close {
color: transparent;
background: none;
}
windowcontrols > button.minimize > image {
background-color: #fdbe04;
box-shadow: inset 0 -1px 0 0 alpha(white, 0.2),
inset 0 1px 0 0 alpha(white, 0.3), inset 1px 0 0 0 alpha(white, 0.07),
inset -1px 0 0 0 alpha(white, 0.07), 0 1px 3px rgba(0, 0, 0, 0.12),
0 1px 2px rgba(0, 0, 0, 0.24);
}
windowcontrols > button.minimize:hover > image {
padding: 3px;
margin-right: -1px;
margin-left: -1px;
}
windowcontrols > button.maximize > image {
background-color: #38c76a;
box-shadow: inset 0 -1px 0 0 alpha(white, 0.2),
inset 0 1px 0 0 alpha(white, 0.3), inset 1px 0 0 0 alpha(white, 0.07),
inset -1px 0 0 0 alpha(white, 0.07), 0 1px 3px rgba(0, 0, 0, 0.12),
0 1px 2px rgba(0, 0, 0, 0.24);
}
windowcontrols > button.maximize:hover > image {
padding: 3px;
margin-right: -1px;
margin-left: -1px;
}
windowcontrols > button.close > image {
background-color: #fd5f51;
box-shadow: inset 0 -1px 0 0 alpha(white, 0.2),
inset 0 1px 0 0 alpha(white, 0.3), inset 1px 0 0 0 alpha(white, 0.07),
inset -1px 0 0 0 alpha(white, 0.07), 0 1px 3px rgba(0, 0, 0, 0.12),
0 1px 2px rgba(0, 0, 0, 0.24);
}
windowcontrols > button.close:hover > image {
padding: 3px;
margin-right: -1px;
margin-left: -1px;
}
windowcontrols > button > image {
padding: 2px;
}
================================================
FILE: gtk/Tahoe-Light/gtk-4.0/gtk.css
================================================
/* GTK NAMED COLORS ---------------- use responsibly! */
@define-color destructive_bg_color @red_3;
@define-color destructive_fg_color white;
@define-color success_bg_color @green_4;
@define-color success_fg_color white;
@define-color warning_bg_color @yellow_5;
@define-color warning_fg_color RGB(0 0 0 / 80%);
@define-color error_bg_color @red_3;
@define-color error_fg_color white;
@define-color accent_color oklab(from @accent_bg_color min(l, 0.5) a b);
@define-color destructive_color oklab(from @destructive_bg_color min(l, 0.5) a b);
@define-color success_color oklab(from @success_bg_color min(l, 0.5) a b);
@define-color warning_color oklab(from @warning_bg_color min(l, 0.5) a b);
@define-color error_color oklab(from @error_bg_color min(l, 0.5) a b);
@define-color window_bg_color #fafafb;
@define-color window_fg_color RGB(30 30 30/100%);
@define-color view_bg_color #ffffff;
@define-color view_fg_color RGB(30 30 30/100%);
@define-color headerbar_bg_color #ffffff;
@define-color headerbar_fg_color RGB(30 30 30/100%);
@define-color headerbar_border_color RGB(30 30 30/100%);
@define-color headerbar_backdrop_color @window_bg_color;
@define-color headerbar_shade_color RGB(0 0 6/12%);
@define-color headerbar_darker_shade_color RGB(0 0 6/12%);
@define-color sidebar_bg_color RGB(235 235 237/0%);
@define-color sidebar_fg_color RGB(30 30 30/100%);
@define-color sidebar_backdrop_color #f2f2f4;
@define-color sidebar_shade_color RGB(0 0 6/7%);
@define-color sidebar_border_color RGB(0 0 6/7%);
@define-color secondary_sidebar_bg_color #f3f3f5;
@define-color secondary_sidebar_fg_color RGB(30 30 30/100%);
@define-color secondary_sidebar_backdrop_color #f6f6fa;
@define-color secondary_sidebar_shade_color RGB(0 0 6/7%);
@define-color secondary_sidebar_border_color RGB(0 0 6/7%);
@define-color card_bg_color RGB(255 255 255/25%);
@define-color card_fg_color RGB(30 30 30/100%);
@define-color card_shade_color RGB(0 0 6/7%);
@define-color dialog_bg_color #fafafb;
@define-color dialog_fg_color RGB(30 30 30/100%);
@define-color popover_bg_color #ffffff;
@define-color popover_fg_color RGB(30 30 30/100%);
@define-color popover_shade_color RGB(0 0 6/7%);
@define-color thumbnail_bg_color #ffffff;
@define-color thumbnail_fg_color RGB(30 30 30/100%);
@define-color shade_color RGB(0 0 6/7%);
@define-color scrollbar_outline_color white;
:root {
--standalone-color-oklab: min(l, 0.5) a b;
--accent-color: #0088ff;
--destructive-color: oklab(
from var(--destructive-bg-color) var(--standalone-color-oklab)
);
--success-color: oklab(
from var(--success-bg-color) var(--standalone-color-oklab)
);
--warning-color: oklab(
from var(--warning-bg-color) var(--standalone-color-oklab)
);
--error-color: oklab(
from var(--error-bg-color) var(--standalone-color-oklab)
);
--active-toggle-bg-color: #ffffff;
--active-toggle-fg-color: rgb(0 0 6 / 80%);
--overview-bg-color: #f3f3f5;
--overview-fg-color: rgb(0 0 6 / 80%);
}
@import '../gtk-3.0/libadwaita.css';
@import '../gtk-3.0/libadwaita-tweaks.css';
* {
border-radius: 20px;
}
window {
border-radius: 30px;
padding: 10px;
}
.maximized window {
border-radius: 0px;
padding: 10px;
}
window.maximized {
border-radius: 0px;
padding: 10px;
}
button {
border-radius: 9999px;
}
/* More customizations */
/* GTK3 */
button.titlebutton {
color: transparent;
min-width: 12px;
min-height: 12px;
padding: 0;
margin: 0 2px;
box-shadow: inset 0 -1px 0 0 alpha(black, 0.1),
inset 0 1px 0 0 alpha(black, 0.05), inset 1px 0 0 0 alpha(black, 0.02),
inset -1px 0 0 0 alpha(black, 0.02), 0 1px 3px rgba(0, 0, 0, 0.12),
0 1px 2px rgba(0, 0, 0, 0.24);
}
button.titlebutton:backdrop {
opacity: 0.5;
}
/*****************
* Title buttons *
*****************/
.raven .expander-button,
.raven .raven-header:not(.top) button.image-button,
widget > box.terminal-titlebar > button.image-button,
widget > box.terminal-titlebar > button.image-button.toggle,
.terminix-session-sidebar button.tilix-sidebar-close-button,
.tilix-session-sidebar button.tilix-sidebar-close-button,
.nemo-window toolbar.primary-toolbar > toolitem > box.raised > button,
.nemo-window toolbar.primary-toolbar > toolitem > box.linked.raised > button,
.nautilus-window headerbar > revealer > button,
.solid-csd headerbar:not(.default-decoration) button.titlebutton,
headerbar button.titlebutton,
.csd headerbar button.titlebutton,
.csd headerbar.default-decoration button.titlebutton,
.titlebar button.titlebutton,
.csd .titlebar button.titlebutton,
.titlebar.default-decoration button.titlebutton,
.csd .titlebar.default-decoration button.titlebutton,
row button.image-button,
check,
radio,
headerbar.default-decoration button.titlebutton,
headerbar button.suggested-action,
headerbar button.destructive-action,
headerbar button:not(.suggested-action):not(.destructive-action),
button.close,
button.circular {
border-radius: 9999px;
-gtk-outline-radius: 9999px;
}
button.image-button.toggle {
margin-right: -12px;
}
menubutton > button.image-button.toggle {
margin-right: -10px;
}
headerbar,
.titlebar {
margin-top: -1px;
padding: 0 12px 0 0;
}
.solid-csd headerbar:not(.default-decoration) button.titlebutton.close,
headerbar button.titlebutton.close,
.titlebar button.titlebutton.close {
min-width: 12px;
min-height: 12px;
padding: 0;
margin: 0 2px;
color: transparent;
background-color: rgb(255, 95, 87);
box-shadow: inset 0 -1px 0 0 alpha(black, 0.1),
inset 0 1px 0 0 alpha(white, 0.3), inset 1px 0 0 0 alpha(white, 0.07),
inset -1px 0 0 0 alpha(white, 0.07), 0 1px 3px rgba(0, 0, 0, 0.12),
0 1px 2px rgba(0, 0, 0, 0.24);
}
.solid-csd headerbar:not(.default-decoration) button.titlebutton.maximize,
headerbar button.titlebutton.maximize,
.titlebar button.titlebutton.maximize {
min-width: 12px;
min-height: 12px;
padding: 0;
margin: 0 2px;
color: transparent;
background-color: rgb(56, 200, 106);
box-shadow: inset 0 -1px 0 0 alpha(black, 0.1),
inset 0 1px 0 0 alpha(white, 0.3), inset 1px 0 0 0 alpha(white, 0.07),
inset -1px 0 0 0 alpha(white, 0.07), 0 1px 3px rgba(0, 0, 0, 0.12),
0 1px 2px rgba(0, 0, 0, 0.24);
}
.solid-csd headerbar:not(.default-decoration) button.titlebutton.minimize,
headerbar button.titlebutton.minimize,
.titlebar button.titlebutton.minimize {
min-width: 12px;
min-height: 12px;
padding: 0;
margin: 0 2px;
color: transparent;
background-color: rgb(253, 190, 4);
box-shadow: inset 0 -1px 0 0 alpha(black, 0.1),
inset 0 1px 0 0 alpha(white, 0.3), inset 1px 0 0 0 alpha(white, 0.07),
inset -1px 0 0 0 alpha(white, 0.07), 0 1px 3px rgba(0, 0, 0, 0.12),
0 1px 2px rgba(0, 0, 0, 0.24);
}
#MozillaGtkWidget.background
headerbar.titlebar.default-decoration
button.titlebutton.close:hover,
.solid-csd headerbar:not(.default-decoration) button.titlebutton.close:hover,
headerbar button.titlebutton.close:hover,
.csd headerbar button.titlebutton.close:hover,
headerbar.default-decoration button.titlebutton.close:hover,
.csd headerbar.default-decoration button.titlebutton.close:hover,
.titlebar button.titlebutton.close:hover,
.csd .titlebar button.titlebutton.close:hover,
.titlebar.default-decoration button.titlebutton.close:hover,
.csd .titlebar.default-decoration button.titlebutton.close:hover {
padding: 2px;
margin: -2px 0;
background-color: #f25056;
color: rgba(0, 0, 0, 0.7);
box-shadow: inset 0 -1px 0 0 alpha(black, 0.1),
inset 0 1px 0 0 alpha(white, 0.3), inset 1px 0 0 0 alpha(white, 0.07),
inset -1px 0 0 0 alpha(white, 0.07), 0 1px 3px rgba(0, 0, 0, 0.12),
0 1px 2px rgba(0, 0, 0, 0.24);
}
#MozillaGtkWidget.background
headerbar.titlebar.default-decoration
button.titlebutton.maximize:hover,
.solid-csd headerbar:not(.default-decoration) button.titlebutton.maximize:hover,
headerbar button.titlebutton.maximize:hover,
.csd headerbar button.titlebutton.maximize:hover,
headerbar.default-decoration button.titlebutton.maximize:hover,
.csd headerbar.default-decoration button.titlebutton.maximize:hover,
.titlebar button.titlebutton.maximize:hover,
.csd .titlebar button.titlebutton.maximize:hover,
.titlebar.default-decoration button.titlebutton.maximize:hover,
.csd .titlebar.default-decoration button.titlebutton.maximize:hover {
padding: 2px;
margin: -2px 0;
background-color: #39ea49;
color: rgba(0, 0, 0, 0.7);
box-shadow: inset 0 -1px 0 0 alpha(black, 0.1),
inset 0 1px 0 0 alpha(white, 0.3), inset 1px 0 0 0 alpha(white, 0.07),
inset -1px 0 0 0 alpha(white, 0.07), 0 1px 3px rgba(0, 0, 0, 0.12),
0 1px 2px rgba(0, 0, 0, 0.24);
}
#MozillaGtkWidget.background
headerbar.titlebar.default-decoration
button.titlebutton.minimize:hover,
.solid-csd headerbar:not(.default-decoration) button.titlebutton.minimize:hover,
headerbar button.titlebutton.minimize:hover,
.csd headerbar button.titlebutton.minimize:hover,
headerbar.default-decoration button.titlebutton.minimize:hover,
.csd headerbar.default-decoration button.titlebutton.minimize:hover,
.titlebar button.titlebutton.minimize:hover,
.csd .titlebar button.titlebutton.minimize:hover,
.titlebar.default-decoration button.titlebutton.minimize:hover,
.csd .titlebar.default-decoration button.titlebutton.minimize:hover {
padding: 2px;
margin: -2px 0;
background-color: #fac536;
color: rgba(0, 0, 0, 0.7);
box-shadow: inset 0 -1px 0 0 alpha(black, 0.1),
inset 0 1px 0 0 alpha(white, 0.3), inset 1px 0 0 0 alpha(white, 0.07),
inset -1px 0 0 0 alpha(white, 0.07), 0 1px 3px rgba(0, 0, 0, 0.12),
0 1px 2px rgba(0, 0, 0, 0.24);
}
.solid-csd headerbar:not(.default-decoration) button.titlebutton.close:hover,
.solid-csd headerbar:not(.default-decoration) button.titlebutton.maximize:hover,
.solid-csd headerbar:not(.default-decoration) button.titlebutton.minimize:hover,
headerbar button.titlebutton.close:hover,
headerbar button.titlebutton.close:backdrop:hover,
headerbar button.titlebutton.maximize:hover,
headerbar button.titlebutton.maximize:backdrop:hover,
headerbar button.titlebutton.minimize:hover,
headerbar button.titlebutton.minimize:backdrop:hover,
.csd headerbar button.titlebutton.close:hover,
.csd headerbar button.titlebutton.close:backdrop:hover,
.csd headerbar button.titlebutton.maximize:hover,
.csd headerbar button.titlebutton.maximize:backdrop:hover,
.csd headerbar button.titlebutton.minimize:hover,
.csd headerbar button.titlebutton.minimize:backdrop:hover,
headerbar.default-decoration button.titlebutton.close:hover,
headerbar.default-decoration button.titlebutton.close:backdrop:hover,
headerbar.default-decoration button.titlebutton.maximize:hover,
headerbar.default-decoration button.titlebutton.maximize:backdrop:hover,
headerbar.default-decoration button.titlebutton.minimize:hover,
headerbar.default-decoration button.titlebutton.minimize:backdrop:hover,
.csd headerbar.default-decoration button.titlebutton.close:hover,
.csd headerbar.default-decoration button.titlebutton.close:backdrop:hover,
.csd headerbar.default-decoration button.titlebutton.maximize:hover,
.csd headerbar.default-decoration button.titlebutton.maximize:backdrop:hover,
.csd headerbar.default-decoration button.titlebutton.minimize:hover,
.csd headerbar.default-decoration button.titlebutton.minimize:backdrop:hover,
.titlebar button.titlebutton.close:hover,
.titlebar button.titlebutton.close:backdrop:hover,
.titlebar button.titlebutton.maximize:hover,
.titlebar button.titlebutton.maximize:backdrop:hover,
.titlebar button.titlebutton.minimize:hover,
.titlebar button.titlebutton.minimize:backdrop:hover,
.csd .titlebar button.titlebutton.close:hover,
.csd .titlebar button.titlebutton.close:backdrop:hover,
.csd .titlebar button.titlebutton.maximize:hover,
.csd .titlebar button.titlebutton.maximize:backdrop:hover,
.csd .titlebar button.titlebutton.minimize:hover,
.csd .titlebar button.titlebutton.minimize:backdrop:hover,
.titlebar.default-decoration button.titlebutton.close:hover,
.titlebar.default-decoration button.titlebutton.close:backdrop:hover,
.titlebar.default-decoration button.titlebutton.maximize:hover,
.titlebar.default-decoration button.titlebutton.maximize:backdrop:hover,
.titlebar.default-decoration button.titlebutton.minimize:hover,
.titlebar.default-decoration button.titlebutton.minimize:backdrop:hover,
.csd .titlebar.default-decoration button.titlebutton.close:hover,
.csd .titlebar.default-decoration button.titlebutton.close:backdrop:hover,
.csd .titlebar.default-decoration button.titlebutton.maximize:hover,
.csd .titlebar.default-decoration button.titlebutton.maximize:backdrop:hover,
.csd .titlebar.default-decoration button.titlebutton.minimize:hover,
.csd .titlebar.default-decoration button.titlebutton.minimize:backdrop:hover {
color: transparent;
}
.solid-csd headerbar:not(.default-decoration) button.titlebutton.close:active,
.solid-csd
headerbar:not(.default-decoration)
button.titlebutton.maximize:active,
.solid-csd
headerbar:not(.default-decoration)
button.titlebutton.minimize:active,
.solid-csd headerbar:not(.default-decoration) button.titlebutton.close:checked,
.solid-csd
headerbar:not(.default-decoration)
button.titlebutton.maximize:checked,
.solid-csd
headerbar:not(.default-decoration)
button.titlebutton.minimize:checked,
.solid-csd
headerbar:not(.default-decoration)
button.titlebutton.close:backdrop:active,
.solid-csd
headerbar:not(.default-decoration)
button.titlebutton.maximize:backdrop:active,
.solid-csd
headerbar:not(.default-decoration)
button.titlebutton.minimize:backdrop:active,
.solid-csd
headerbar:not(.default-decoration)
button.titlebutton.close:backdrop:checked,
.solid-csd
headerbar:not(.default-decoration)
button.titlebutton.maximize:backdrop:checked,
.solid-csd
headerbar:not(.default-decoration)
button.titlebutton.minimize:backdrop:checked,
headerbar button.titlebutton.close:active,
headerbar button.titlebutton.close:checked,
headerbar button.titlebutton.close:backdrop:active,
headerbar button.titlebutton.close:backdrop:checked,
headerbar button.titlebutton.maximize:active,
headerbar button.titlebutton.maximize:checked,
headerbar button.titlebutton.maximize:backdrop:active,
headerbar button.titlebutton.maximize:backdrop:checked,
headerbar button.titlebutton.minimize:active,
headerbar button.titlebutton.minimize:checked,
headerbar button.titlebutton.minimize:backdrop:active,
headerbar button.titlebutton.minimize:backdrop:checked,
.csd headerbar button.titlebutton.close:active,
.csd headerbar button.titlebutton.close:checked,
.csd headerbar button.titlebutton.close:backdrop:active,
.csd headerbar button.titlebutton.close:backdrop:checked,
.csd headerbar button.titlebutton.maximize:active,
.csd headerbar button.titlebutton.maximize:checked,
.csd headerbar button.titlebutton.maximize:backdrop:active,
.csd headerbar button.titlebutton.maximize:backdrop:checked,
.csd headerbar button.titlebutton.minimize:active,
.csd headerbar button.titlebutton.minimize:checked,
.csd headerbar button.titlebutton.minimize:backdrop:active,
.csd headerbar button.titlebutton.minimize:backdrop:checked,
headerbar.default-decoration button.titlebutton.close:active,
headerbar.default-decoration button.titlebutton.close:checked,
headerbar.default-decoration button.titlebutton.close:backdrop:active,
headerbar.default-decoration button.titlebutton.close:backdrop:checked,
headerbar.default-decoration button.titlebutton.maximize:active,
headerbar.default-decoration button.titlebutton.maximize:checked,
headerbar.default-decoration button.titlebutton.maximize:backdrop:active,
headerbar.default-decoration button.titlebutton.maximize:backdrop:checked,
headerbar.default-decoration button.titlebutton.minimize:active,
headerbar.default-decoration button.titlebutton.minimize:checked,
headerbar.default-decoration button.titlebutton.minimize:backdrop:active,
headerbar.default-decoration button.titlebutton.minimize:backdrop:checked,
.csd headerbar.default-decoration button.titlebutton.close:active,
.csd headerbar.default-decoration button.titlebutton.close:checked,
.csd headerbar.default-decoration button.titlebutton.close:backdrop:active,
.csd headerbar.default-decoration button.titlebutton.close:backdrop:checked,
.csd headerbar.default-decoration button.titlebutton.maximize:active,
.csd headerbar.default-decoration button.titlebutton.maximize:checked,
.csd headerbar.default-decoration button.titlebutton.maximize:backdrop:active,
.csd headerbar.default-decoration button.titlebutton.maximize:backdrop:checked,
.csd headerbar.default-decoration button.titlebutton.minimize:active,
.csd headerbar.default-decoration button.titlebutton.minimize:checked,
.csd headerbar.default-decoration button.titlebutton.minimize:backdrop:active,
.csd headerbar.default-decoration button.titlebutton.minimize:backdrop:checked,
.titlebar button.titlebutton.close:active,
.titlebar button.titlebutton.close:checked,
.titlebar button.titlebutton.close:backdrop:active,
.titlebar button.titlebutton.close:backdrop:checked,
.titlebar button.titlebutton.maximize:active,
.titlebar button.titlebutton.maximize:checked,
.titlebar button.titlebutton.maximize:backdrop:active,
.titlebar button.titlebutton.maximize:backdrop:checked,
.titlebar button.titlebutton.minimize:active,
.titlebar button.titlebutton.minimize:checked,
.titlebar button.titlebutton.minimize:backdrop:active,
.titlebar button.titlebutton.minimize:backdrop:checked,
.csd .titlebar button.titlebutton.close:active,
.csd .titlebar button.titlebutton.close:checked,
.csd .titlebar button.titlebutton.close:backdrop:active,
.csd .titlebar button.titlebutton.close:backdrop:checked,
.csd .titlebar button.titlebutton.maximize:active,
.csd .titlebar button.titlebutton.maximize:checked,
.csd .titlebar button.titlebutton.maximize:backdrop:active,
.csd .titlebar button.titlebutton.maximize:backdrop:checked,
.csd .titlebar button.titlebutton.minimize:active,
.csd .titlebar button.titlebutton.minimize:checked,
.csd .titlebar button.titlebutton.minimize:backdrop:active,
.csd .titlebar button.titlebutton.minimize:backdrop:checked,
.titlebar.default-decoration button.titlebutton.close:active,
.titlebar.default-decoration button.titlebutton.close:checked,
.titlebar.default-decoration button.titlebutton.close:backdrop:active,
.titlebar.default-decoration button.titlebutton.close:backdrop:checked,
.titlebar.default-decoration button.titlebutton.maximize:active,
.titlebar.default-decoration button.titlebutton.maximize:checked,
.titlebar.default-decoration button.titlebutton.maximize:backdrop:active,
.titlebar.default-decoration button.titlebutton.maximize:backdrop:checked,
.titlebar.default-decoration button.titlebutton.minimize:active,
.titlebar.default-decoration button.titlebutton.minimize:checked,
.titlebar.default-decoration button.titlebutton.minimize:backdrop:active,
.titlebar.default-decoration button.titlebutton.minimize:backdrop:checked,
.csd .titlebar.default-decoration button.titlebutton.close:active,
.csd .titlebar.default-decoration button.titlebutton.close:checked,
.csd .titlebar.default-decoration button.titlebutton.close:backdrop:active,
.csd .titlebar.default-decoration button.titlebutton.close:backdrop:checked,
.csd .titlebar.default-decoration button.titlebutton.maximize:active,
.csd .titlebar.default-decoration button.titlebutton.maximize:checked,
.csd .titlebar.default-decoration button.titlebutton.maximize:backdrop:active,
.csd .titlebar.default-decoration button.titlebutton.maximize:backdrop:checked,
.csd .titlebar.default-decoration button.titlebutton.minimize:active,
.csd .titlebar.default-decoration button.titlebutton.minimize:checked,
.csd .titlebar.default-decoration button.titlebutton.minimize:backdrop:active,
.csd .titlebar.default-decoration button.titlebutton.minimize:backdrop:checked {
color: transparent;
}
.solid-csd headerbar:not(.default-decoration) button.titlebutton.close:backdrop,
.solid-csd
headerbar:not(.default-decoration)
button.titlebutton.maximize:backdrop,
.solid-csd
headerbar:not(.default-decoration)
button.titlebutton.minimize:backdrop,
headerbar button.titlebutton.close:backdrop,
headerbar button.titlebutton.maximize:backdrop,
headerbar button.titlebutton.minimize:backdrop,
.csd headerbar button.titlebutton.close:backdrop,
.csd headerbar button.titlebutton.maximize:backdrop,
.csd headerbar button.titlebutton.minimize:backdrop,
headerbar.default-decoration button.titlebutton.close:backdrop,
headerbar.default-decoration button.titlebutton.maximize:backdrop,
headerbar.default-decoration button.titlebutton.minimize:backdrop,
.csd headerbar.default-decoration button.titlebutton.close:backdrop,
.csd headerbar.default-decoration button.titlebutton.maximize:backdrop,
.csd headerbar.default-decoration button.titlebutton.minimize:backdrop,
.titlebar button.titlebutton.close:backdrop,
.titlebar button.titlebutton.maximize:backdrop,
.titlebar button.titlebutton.minimize:backdrop,
.csd .titlebar button.titlebutton.close:backdrop,
.csd .titlebar button.titlebutton.maximize:backdrop,
.csd .titlebar button.titlebutton.minimize:backdrop,
.titlebar.default-decoration button.titlebutton.close:backdrop,
.titlebar.default-decoration button.titlebutton.maximize:backdrop,
.titlebar.default-decoration button.titlebutton.minimize:backdrop,
.csd .titlebar.default-decoration button.titlebutton.close:backdrop,
.csd .titlebar.default-decoration button.titlebutton.maximize:backdrop,
.csd .titlebar.default-decoration button.titlebutton.minimize:backdrop {
color: transparent;
background-color: rgba(0, 0, 0, 0.12);
}
button.titlebutton image {
margin: -1px;
}
/* gtk4 */
/*********************
* GtkWindowControls *
*********************/
windowcontrols > button {
min-height: 12px;
min-width: 12px;
padding: 0px;
margin-left: 2px;
margin-right: 2px;
}
windowcontrols > button.minimize,
windowcontrols > button.maximize,
windowcontrols > button.close {
color: transparent;
background: none;
}
windowcontrols.end > button.minimize > image {
background-color: #34c759;
box-shadow: inset 0 -1px 0 0 alpha(black, 0.1),
inset 0 1px 0 0 alpha(white, 0.3), inset 1px 0 0 0 alpha(white, 0.07),
inset -1px 0 0 0 alpha(white, 0.07);
}
windowcontrols.start > button.minimize > image {
background-color: #ffcc00;
box-shadow: inset 0 -1px 0 0 alpha(black, 0.1),
inset 0 1px 0 0 alpha(white, 0.3), inset 1px 0 0 0 alpha(white, 0.07),
inset -1px 0 0 0 alpha(white, 0.07);
}
windowcontrols.end > button.minimize > image {
margin-left: 12px;
}
windowcontrols.end > button.minimize > image:hover {
background-color: rgba(52, 199, 89, 0.85);
}
windowcontrols.start > button.minimize > image:hover {
background-color: rgba(255, 204, 0, 0.85);
}
windowcontrols.end > button.maximize > image {
background-color: #ffcc00;
box-shadow: inset 0 -1px 0 0 alpha(black, 0.1),
inset 0 1px 0 0 alpha(white, 0.3), inset 1px 0 0 0 alpha(white, 0.07),
inset -1px 0 0 0 alpha(white, 0.07);
}
windowcontrols.start > button.maximize > image {
background-color: #34c759;
box-shadow: inset 0 -1px 0 0 alpha(black, 0.1),
inset 0 1px 0 0 alpha(white, 0.3), inset 1px 0 0 0 alpha(white, 0.07),
inset -1px 0 0 0 alpha(white, 0.07);
}
windowcontrols.end > button.maximize > image:hover {
background-color: rgba(255, 204, 0, 0.85);
}
windowcontrols.start > button.maximize > image:hover {
background-color: rgba(52, 199, 89, 0.85);
}
windowcontrols > button.close > image {
background-color: #ff383b;
box-shadow: inset 0 -1px 0 0 alpha(black, 0.1),
inset 0 1px 0 0 alpha(white, 0.3), inset 1px 0 0 0 alpha(white, 0.07),
inset -1px 0 0 0 alpha(white, 0.07);
}
windowcontrols > button.close > image:hover {
background-color: rgba(255, 56, 59, 0.85);
}
windowcontrols > button > image {
padding: 0.4px;
}
windowcontrols {
margin-right: -6px;
max-width: 12px;
max-height: 12px;
}
/*********************
* Text Editor *
*********************/
tabbox {
background-color: rgba(255, 255, 255, 0.25);
border-radius: 24px;
margin: 2px 4px 2px 0px;
box-shadow: none;
}
textview.editor {
border-radius: 30px;
margin-top: 10px;
background-color: rgba(255, 255, 255, 0.2);
box-shadow: inset 2px 2px 4px -2.8px rgb(255, 255, 255),
inset -2px -2px 4px -2.8px rgb(255, 255, 255);
}
textview.editor > border.left > gutter,
textview.editor > border.left,
revealer.bottom-bar.raised,
positionlabel.bottom.numeric.right {
background-color: rgba(255, 255, 255, 0);
}
revealer.bottom-bar.raised,
revealer.top-bar.raised {
border: none;
box-shadow: none;
}
separator.vertical {
opacity: 0;
}
list.boxed-list > row.property,
list.boxed-list > row.activatable.combo,
list.boxed-list > row.activatable {
border-bottom-color: rgba(255, 255, 255, 0);
}
widget.end.sidebar-pane,
widget.end.sidebar-pane > widget,
widget.end.sidebar-pane > widget > preferencespage {
border-radius: 30px;
}
widget.end.sidebar-pane > widget,
widget.end.sidebar-pane > widget > preferencespage {
margin-top: -14px;
margin-bottom: -14px;
}
widget.end.sidebar-pane {
margin-top: 10px;
margin-left: 10px;
}
/*
.collapse-spacing.vertical {
background-color: rgba(255, 255, 255, 0);
background-image: linear-gradient(
to bottom,
rgba(0, 0, 0, 0.1),
rgba(0, 0, 0, 0.03)
);
box-shadow: inset 2px 2px 4px -3px rgba(0, 0, 0, 0.6),
inset -2px -2px 4px -3px rgba(0, 0, 0, 0.6);
}
*/
/*********************
* Nautilus *
*********************/
widget#NautilusViewCell {
border-radius: 0px;
}
widget#NautilusViewCell
> box.horizontal
> box.horizontal
> box.vertical
> picture {
border-radius: 0px;
}
widget#NautilusViewCell > box.horizontal > box.horizontal > box.vertical {
border-radius: 0px;
}
window.filechooser > gridview.view,
window.filechooser > list.navigation-sidebar {
background-color: transparent;
}
gridview.view picture.thumbnail {
border-radius: 16px;
border: none;
border-color: rgba(255, 255, 255, 0);
box-shadow: none;
background-color: transparent;
}
.nautilus-window headerbar > revealer.top-bar,
overlay-split-view.view,
statuspage.view,
window#NautilusAppChooser > headerbar.titlebar,
box.vertical > banner > revealer > widget {
background-color: rgba(255, 255, 255, 0);
}
.sidebar-pane {
background-color: transparent;
background-image: linear-gradient(
to bottom,
rgba(255, 255, 255, 0.5),
rgba(255, 255, 255, 0.43)
);
box-shadow: inset 2px 2px 4px -3px rgb(255, 255, 255),
inset -2px -2px 4px -3px rgb(255, 255, 255);
}
window {
background-color: rgba(255, 255, 255, 0.6);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4),
inset 0 -1px 0 rgba(255, 255, 255, 0.2);
}
#NautilusFileChooser.background {
background-color: rgba(255, 255, 255, 0.6);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4),
inset 0 -1px 0 rgba(255, 255, 255, 0.2);
}
window#NautilusFileChooser > button.default.pill {
margin-right: 10px;
}
window#NautilusFileChooser > revealer.bottom-bar {
margin-left: 10px;
}
#NautilusPathBar {
background-color: rgba(255, 255, 255, 0);
background-image: linear-gradient(
to bottom,
rgba(255, 255, 255, 0.5),
rgba(255, 255, 255, 0.43)
);
box-shadow: inset 2px 2px 4px -2.8px rgb(255, 255, 255),
inset -2px -2px 4px -2.8px rgb(255, 255, 255);
}
entry {
background-color: rgba(255, 255, 255, 0);
background-image: linear-gradient(
to bottom,
rgba(255, 255, 255, 0.5),
rgba(255, 255, 255, 0.43)
);
box-shadow: inset 2px 2px 4px -3px rgb(255, 255, 255),
inset -2px -2px 4px -3px rgb(255, 255, 255);
}
window#NautilusAppChooser > separator.horizontal {
opacity: 0;
}
window#NautilusAppChooser
> box.dialog-vbox
> box.vertical
> scrolledwindow.background {
background-color: rgba(255, 255, 255, 0);
}
window#NautilusAppChooser > scrolledwindow.background {
border: none;
}
list.background {
background-color: rgba(255, 255, 255, 0);
background-image: linear-gradient(
to bottom,
rgba(255, 255, 255, 0.5),
rgba(255, 255, 255, 0.43)
);
box-shadow: inset 2px 2px 4px -3.2px rgb(255, 255, 255),
inset -2px -2px 4px -3.2px rgb(255, 255, 255);
margin-top: 10px;
}
/* This removes selection color of sidebar
row.activatable {
background-color: rgba(255, 255, 255, 0);
}
*/
sheet.background {
background-color: rgba(255, 255, 255, 0.92);
background-image: linear-gradient(
to bottom,
rgba(255, 255, 255, 0.5),
rgba(255, 255, 255, 0.43)
);
}
button.suggested-action.text-button {
margin-right: -10px;
}
box.bottom.floating-bar {
background-color: rgba(255, 255, 255, 0.8);
box-shadow: inset 2px 2px 2px -2.8px rgb(255, 255, 255),
inset -2px -2px 2px -2.8px rgb(255, 255, 255);
}
/*
row.activatable.entry {
background-color: rgba(255, 255, 255, 0);
background-image: linear-gradient(
to bottom,
rgba(0, 0, 0, 0.1),
rgba(0, 0, 0, 0.03)
);
box-shadow: inset 2px 2px 4px -3.2px rgba(0, 0, 0, 0.6),
inset -2px -2px 4px -3.2px rgba(0, 0, 0, 0.6);
}
toolbarview.undershoot-top {
background-color: rgba(255, 255, 255, 0);
background-image: linear-gradient(
to bottom,
rgba(0, 0, 0, 0.1),
rgba(0, 0, 0, 0.03)
);
box-shadow: inset 2px 2px 4px -3.2px rgba(0, 0, 0, 0.6),
inset -2px -2px 4px -3.2px rgba(0, 0, 0, 0.6);
}
*/
/*********************
* General *
*********************/
viewswitcher.wide {
background-color: rgba(255, 255, 255, 0.25);
border-radius: 9999px;
}
viewswitcher.wide > button {
margin: 2px;
}
switch:checked {
background-color: rgb(52, 199, 89);
}
switch > slider,
scale.horizontal > trough > slider {
background-color: white;
min-width: 26px;
}
scale.marks-after > trough > slider {
background-color: white;
transform: rotate(0deg);
}
switch > slider,
scale.horizontal > trough > slider,
scale.marks-after > trough > slider {
transition: transform 200ms cubic-bezier(0.15, 0.5, 0.3, 0.95),
background-color 150ms ease-in-out;
}
switch > slider:active {
transform: scale(1.8);
background-color: rgba(255, 255, 255, 0);
box-shadow: inset 1.2px 0px 2px -0.2px rgb(52, 199, 89),
inset -0.8px 0.8px 2px -0.2px rgb(255, 255, 255);
}
scale.horizontal > trough > slider:active,
scale.marks-after > trough > slider:active {
transform: scale(1.28);
background-color: rgba(255, 255, 255, 0);
box-shadow: inset 1.2px 0px 2px -0.2px rgb(0, 145, 255),
inset -0.8px 0.8px 2px -0.2px rgb(255, 255, 255);
}
row:hover,
flowboxchild:hover,
.card:hover {
background-color: rgba(0, 0, 0, 0.05);
}
window > tooltip.background {
color: rgb(30, 30, 30);
background-color: rgba(255, 255, 255, 0.86);
box-shadow: inset 2px 2px 2px -2.8px rgb(255, 255, 255),
inset -2px -2px 2px -2.8px rgb(255, 255, 255);
}
popover > contents {
background-color: rgba(255, 255, 255, 0.86);
background-image: linear-gradient(
to bottom,
rgba(255, 255, 255, 0.5),
rgba(255, 255, 255, 0.43)
);
}
popover > arrow {
background-color: rgba(255, 255, 255, 0.92);
background-image: linear-gradient(
to bottom,
rgba(255, 255, 255, 0.5),
rgba(255, 255, 255, 0.43)
);
}
.raised.top-bar,
window > windowhandle,
window > headerbar.titlebar {
background-color: rgba(255, 255, 255, 0);
border: none;
}
widget.content-pane {
background-color: rgba(255, 255, 255, 0);
border-radius: 30px;
}
box.vertical,
stack.view,
calendar-view,
navigation-view-page > toolbarview.undershoot-top.view {
background-color: rgba(255, 255, 255, 0);
}
stack.drop-widget,
stack.drop-widget > revealer,
widget.background,
widget.content-pane > lpdragoverlay > revealer,
widget.content-pane > lpdragoverlay {
border-radius: 30px;
}
/*********************
* Tweaks *
*********************/
.tweak-titlebar-left,
.tweak-titlebar-right {
background-color: rgba(255, 255, 255, 0);
border: none;
border-top-color: rgba(255, 255, 255, 0);
border-right-color: rgba(255, 255, 255, 0);
border-bottom-color: rgba(255, 255, 255, 0);
border-left-color: rgba(255, 255, 255, 0);
box-shadow: none;
}
.tweak-titlebar-left > box,
.tweak-titlebar-right > box {
background-color: rgba(255, 255, 255, 0);
border: none;
border-top-color: rgba(255, 255, 255, 0);
border-right-color: rgba(255, 255, 255, 0);
border-bottom-color: rgba(255, 255, 255, 0);
border-left-color: rgba(255, 255, 255, 0);
box-shadow: none;
}
box {
border: none;
border-top-color: rgba(255, 255, 255, 0);
border-right-color: rgba(255, 255, 255, 0);
border-bottom-color: rgba(255, 255, 255, 0);
border-left-color: rgba(255, 255, 255, 0);
box-shadow: none;
}
stack.background {
background-color: rgba(255, 255, 255, 0);
}
box.split-row.vertical {
border-radius: 0;
border-bottom-color: rgba(255, 255, 255, 0.2);
}
leaflet.unfolded > separator.horizontal {
opacity: 0;
}
leaflet.unfolded > box.vertical list.navigation-sidebar {
background-color: transparent;
background-image: linear-gradient(
to bottom,
rgba(255, 255, 255, 0.5),
rgba(255, 255, 255, 0.43)
);
box-shadow: inset 2px 2px 4px -3px rgb(255, 255, 255),
inset -2px -2px 4px -3px rgb(255, 255, 255);
}
leaflet.unfolded > box.vertical > searchbar box {
background-color: transparent;
}
/*********************
* weather *
*********************/
scrolledwindow.card.forecast-card {
margin-left: 12px;
margin-right: 12px;
}
/*********************
* calendar *
*********************/
monthcell:hover {
background-color: rgba(255, 255, 255, 0.25);
}
/*********************
* Mission Center *
*********************/
columnview.rich-list.view {
background-color: rgba(255, 255, 255, 0);
background-image: linear-gradient(
to bottom,
rgba(255, 255, 255, 0.5),
rgba(255, 255, 255, 0.43)
);
box-shadow: inset 2px 2px 4px -2.8px rgb(255, 255, 255),
inset -2px -2px 4px -2.8px rgb(255, 255, 255);
}
/*
toolbarview.undershoot-top {
background-color: rgba(255, 255, 255, 0);
background-image: linear-gradient(
to bottom,
rgba(0, 0, 0, 0.1),
rgba(0, 0, 0, 0.03)
);
box-shadow: inset 2px 2px 4px -3.2px rgba(0, 0, 0, 0.6),
inset -2px -2px 4px -3.2px rgba(0, 0, 0, 0.6);
}
*/
/*********************
* Photos APP *
*********************/
/*
revealer.bottom-bar {
border-radius: 9999px;
background-color: rgba(255, 255, 255, 0);
background-image: linear-gradient(
to bottom,
rgba(0, 0, 0, 0.1),
rgba(0, 0, 0, 0.03)
);
box-shadow: inset 2px 2px 4px -3.2px rgba(0, 0, 0, 0.6),
inset -2px -2px 4px -3.2px rgba(0, 0, 0, 0.6);
}
*/
/*********************
* Photos APP *
*********************/
row.expander,
row.expander > row.activatable.header {
border-radius: 0;
border-bottom-color: rgba(255, 255, 255, 0);
}
/*********************
* Settings *
*********************/
button.background-preview-button.toggle:checked {
border-radius: 30px;
}
button.background-preview-button.toggle > background-preview > picture {
border-radius: 28px;
}
/*********************
* Extensions *
*********************/
header.horizontal.top > tabs > tab:checked,
header.horizontal.top > tabs > tab:hover {
box-shadow: none;
background-color: rgba(0, 0, 0, 0.08);
}
header.horizontal.top > tabs > tab {
margin-left: -4px;
margin-right: 8px;
}
notebook.frame > stack {
background-color: transparent;
}
notebook.frame > stack > list {
background-color: rgba(255, 255, 255, 0.6);
}
/*********************
* Cartridges *
*********************/
overlay.large > button#cover_button {
border-radius: 20px;
min-width: 22px;
}
overlay.large
> revealer.right.top
> menubutton.circular.osd.popup
button.image-button.toggle {
margin-right: 1px;
}
/*********************
* Dissent *
*********************/
notebook.login-methods > header.horizontal.top {
border: none;
padding-bottom: 12px;
}
notebook.login-methods > stack {
background-color: transparent;
padding-bottom: 12px;
}
headerbar.login-page-header,
headerbar.login-page-header > windowhandle {
background-color: transparent;
border: 0px solid rgba(0, 0, 0, 0);
}
picture.onlineimage.thumbnail-embed-image,
button.flat.thumbnail-embed {
border-radius: 20px;
}
window headerbar {
background-color: transparent;
}
overlay-split-vew.window-chatpage
> widget.sidebar-pane
> box.horizontal.sidebar-sidebar
> box.sidebar-guildside.vertical
> windowcontrols.start {
margin-top: 10px;
}
box.horizontal.user-bar {
margin-right: 17px;
}
popover.emoji-picker > box.emoji-searchbar > entry.search {
min-height: 100px;
}
list.message-list > row,
textview.md-textblock {
border-radius: 0;
}
overlay-split-vew.window-chatpage
> windowhandle
> box.end.horizontal
> button.image-button.toggle {
margin-right: -4px;
}
================================================
FILE: gtk/Tahoe-Light/index.theme
================================================
[X-GNOME-Metatheme]
Name=Tahoe-Light
Type=X-GNOME-Metatheme
Encoding=UTF-8
GtkTheme=Tahoe-Light
================================================
FILE: install.sh
================================================
#!/usr/bin/env bash
set -euo pipefail
# macOS Tahoe Theme Installer — Hybrid Mode (Interactive TUI default, CLI flags supported)
# Features:
# - Install Tahoe Light/Dark themes
# - Generate accent variants (delegates to generate_accent_variants.py)
# - Install generated color variants
# - Libadwaita override installation (supports specific accent variant)
# - Install Ulauncher theme from GitHub releases
# - Install MacTahoe icons / WhiteSur cursors / WhiteSur GDM
# - Uninstall everything (with confirmation)
# - Fully uses gum where available; falls back to echo/read when not present
#
# Usage:
# ./install.sh -> interactive TUI
# ./install.sh -l -> install light
# ./install.sh -d -> install dark
# ./install.sh -la -> install libadwaita override (requires -l or -d)
# ./install.sh --colors -> generate all accent color variants
# ./install.sh --color blue -> generate specific accent
# ./install.sh -u -> uninstall
# ./install.sh --help -> show help
#
# IMPORTANT: This script delegates color math/generation to generate_accent_variants.py
### ----------------------------
### Configuration / Constants
### ----------------------------
SCRIPT_DIR="$(cd "$(dirname "${BASH_SOURCE[0]}")" && pwd)"
GTK_DIR="$SCRIPT_DIR/gtk"
THEME_DIR="$HOME/.themes"
GTK4_CONFIG_DIR="$HOME/.config/gtk-4.0"
DOWNLOADS_DIR="$(xdg-user-dir DOWNLOAD 2>/dev/null || echo "$HOME/Downloads")"
TMP_DIR="$(mktemp -d -t tahoe-installer.XXXXXXXXXX)"
APP_LAUNCHER="kayozxo/ulauncher-liquid-glass"
TMP_ZIP_AL="ulauncher-liquid-glass.zip"
AVAILABLE_COLORS=(blue green purple pink orange red teal indigo rose emerald violet amber cyan lime sky slate)
# Pretty colors for fallback output
RED='\033[0;31m'; GREEN='\033[0;32m'; YELLOW='\033[1;33m'; BLUE='\033[0;34m'; CYAN='\033[0;36m'
BOLD='\033[1m'; NC='\033[0m'
### ----------------------------
### Utility functions (gum-aware)
### ----------------------------
check_and_install_gum() {
if command -v gum &>/dev/null; then
return 0
fi
# Try best-effort installs (non-exhaustive). If they don't succeed, continue.
echo -e "${YELLOW}gum not found. Attempt automatic install?${NC}"
read -r -p "Install gum (y/N)? " yn
if [[ "$yn" =~ ^[Yy]$ ]]; then
if command -v brew &>/dev/null; then
brew install gum
elif command -v dnf &>/dev/null; then
sudo dnf install -y gum
elif command -v pacman &>/dev/null; then
sudo pacman -S --noconfirm gum
elif command -v apt &>/dev/null; then
sudo mkdir -p /etc/apt/keyrings
curl -fsSL https://repo.charm.sh/apt/gpg.key | sudo gpg --dearmor -o /etc/apt/keyrings/charm.gpg
echo "deb [signed-by=/etc/apt/keyrings/charm.gpg] https://repo.charm.sh/apt/ * *" | sudo tee /etc/apt/sources.list.d/charm.list >/dev/null
sudo apt update && sudo apt install -y gum
else
echo "No known package manager — please install gum manually: https://github.com/charmbracelet/gum"
fi
fi
}
gum_or_echo() {
# usage: gum_or_echo "text"
# Strip ANSI codes if using gum, keep them for echo
if command -v gum &>/dev/null; then
# Remove ANSI escape sequences for gum
local clean_text
clean_text=$(echo -e "$1" | sed 's/\x1b\[[0-9;]*m//g')
gum style --border normal --padding "0 1" "$clean_text"
else
echo -e "$1"
fi
}
gum_confirm_or_read() {
# $1 prompt
if command -v gum &>/dev/null; then
gum confirm "$1"
else
read -r -p "$1 (y/N): " ans
[[ "$ans" =~ ^[Yy]$ ]]
fi
}
gum_choose_lines() {
# pass newline-separated options via stdin; returns selection (stdout)
# If gum missing, fall back to simple numbered selection
if command -v gum &>/dev/null; then
gum choose --cursor ">" --height 8
else
local -a options=()
while IFS= read -r line; do
options+=("$line")
done
if [ ${#options[@]} -eq 0 ]; then
echo "No options available" >&2
return 1
fi
local i=1
for opt in "${options[@]}"; do
echo "$i) $opt" >&2
((i++))
done
local selection
local attempts=0
local max_attempts=3
while [ $attempts -lt $max_attempts ]; do
read -r -p "Enter number (1-${#options[@]}): " selection &2
fi
done
echo "Max attempts reached. Selection cancelled." >&2
return 1
fi
}
gum_spin_run() {
# $1 title, $2 command string
if command -v gum &>/dev/null; then
gum spin --spinner dot --title "$1" -- bash -c "$2"
else
echo "$1"
bash -c "$2"
fi
}
# safe lowercase and ucfirst helpers
lower() { echo "${1,,}"; } # all lower
upper_first() { echo "${1^}"; } # First letter uppercase
### ----------------------------
### Environment sanity & cleanup
### ----------------------------
cleanup_tmp() {
if [ -n "${TMP_DIR:-}" ] && [ -d "$TMP_DIR" ]; then
rm -rf "$TMP_DIR"
fi
}
trap cleanup_tmp EXIT
mkdir -p "$TMP_DIR" "$THEME_DIR" "$DOWNLOADS_DIR" "$GTK4_CONFIG_DIR"
check_prereqs() {
local missing=()
for cmd in curl git unzip rsync python3; do
if ! command -v "$cmd" &>/dev/null; then
missing+=("$cmd")
fi
done
if [ ${#missing[@]} -gt 0 ]; then
gum_or_echo "${YELLOW}Warning: Missing commands: ${missing[*]}${NC}"
gum_or_echo "${YELLOW}Some features may not work properly.${NC}"
fi
}
### ----------------------------
### Core operations
### ----------------------------
force_reload_theme() {
# Force GNOME to reload theme
gum_or_echo "${CYAN}🔄 Forcing theme reload...${NC}"
# Clear caches
rm -rf ~/.cache/icon-* ~/.cache/gnome-control-center* 2>/dev/null || true
# Reload GTK settings with longer delay for reliability
if command -v gsettings &>/dev/null; then
local current_theme
current_theme=$(gsettings get org.gnome.desktop.interface gtk-theme 2>/dev/null || echo "")
if [ -n "$current_theme" ]; then
gsettings set org.gnome.desktop.interface gtk-theme "" 2>/dev/null || true
sleep 1
gsettings set org.gnome.desktop.interface gtk-theme "$current_theme" 2>/dev/null || true
fi
fi
gum_or_echo "${GREEN}✓ Theme reloaded! You may need to restart applications or log out.${NC}"
echo
}
backup_existing() {
local target="$1"
if [ -d "$target" ] || [ -f "$target" ]; then
local backup="${target}.backup.$(date +%Y%m%d-%H%M%S)"
gum_or_echo "${CYAN}Backing up existing: $(basename "$target") -> $(basename "$backup")${NC}"
mv "$target" "$backup"
fi
}
install_theme_copy() {
# args: src_dir dest_name
local src="$1"
local dest_name="$2"
local dest="$THEME_DIR/$dest_name"
if [ -z "$src" ] || [ -z "$dest_name" ]; then
gum_or_echo "${RED}Error: Invalid arguments to install_theme_copy${NC}"
return 1
fi
if [ ! -d "$src" ]; then
gum_or_echo "${YELLOW}Source not found: $src${NC}"
return 1
fi
# Backup existing theme
backup_existing "$dest"
if command -v rsync &>/dev/null; then
gum_spin_run "Installing $dest_name..." "rsync -a \"$src/\" \"$dest/\""
else
gum_spin_run "Installing $dest_name..." "cp -a \"$src\" \"$dest\""
fi
gum_or_echo "✅ Installed $dest_name → $dest"
}
install_base_themes() {
# args: install_light install_dark
local do_light=$1
local do_dark=$2
if $do_light; then
install_theme_copy "$GTK_DIR/Tahoe-Light" "Tahoe-Light"
fi
if $do_dark; then
install_theme_copy "$GTK_DIR/Tahoe-Dark" "Tahoe-Dark"
fi
}
generate_accent_variants_py() {
# args: color (empty -> all)
local color="$1"
if [ ! -f "$SCRIPT_DIR/generate_accent_variants.py" ]; then
gum_or_echo "${RED}Error: generate_accent_variants.py not found in $SCRIPT_DIR${NC}"
return 1
fi
if ! command -v python3 &>/dev/null; then
gum_or_echo "${RED}Error: python3 is required to generate accent variants${NC}"
return 1
fi
if [ -n "$color" ]; then
gum_spin_run "Generating accent: $color" "python3 \"$SCRIPT_DIR/generate_accent_variants.py\" --color \"$color\" --name \"$color\""
else
gum_spin_run "Generating all accent variants..." "python3 \"$SCRIPT_DIR/generate_accent_variants.py\" --all"
fi
gum_or_echo "✅ Accent generation finished."
}
install_color_variants_from_gtkdir() {
local installed_count=0
gum_or_echo "${CYAN}Scanning for generated color variants...${NC}"
shopt -s nullglob
for pattern in "$GTK_DIR"/Tahoe-Dark-* "$GTK_DIR"/Tahoe-Light-*; do
if [ -d "$pattern" ]; then
local bn
bn=$(basename "$pattern")
local dest="$THEME_DIR/$bn"
backup_existing "$dest"
cp -a "$pattern" "$THEME_DIR/"
gum_or_echo " ✓ Installed: $bn"
((installed_count++))
fi
done
shopt -u nullglob
if [ $installed_count -eq 0 ]; then
gum_or_echo "${YELLOW}No generated color variants found in $GTK_DIR${NC}"
gum_or_echo "${YELLOW}Run 'Generate accent variants' first.${NC}"
else
gum_or_echo "${GREEN}🎨 Installed $installed_count accent variant(s) to $THEME_DIR${NC}"
fi
}
install_libadwaita_override() {
# args: pref_mode(Light|Dark) specific_color(optional)
local pref="$1"
local specific="$2"
# normalize mode to Title Case
pref="${pref:-Light}"
pref="$(upper_first "$(lower "$pref")")"
specific="${specific:-}"
local specific_uc=""
if [ -n "$specific" ]; then
specific_uc="$(upper_first "$(lower "$specific")")"
fi
# First try specific variant paths with Title Case color folder name
local candidate=""
if [ -n "$specific_uc" ]; then
if [ "$pref" = "Light" ] && [ -d "$GTK_DIR/Tahoe-Light-${specific_uc}/gtk-4.0" ]; then
candidate="$GTK_DIR/Tahoe-Light-${specific_uc}/gtk-4.0"
elif [ "$pref" = "Dark" ] && [ -d "$GTK_DIR/Tahoe-Dark-${specific_uc}/gtk-4.0" ]; then
candidate="$GTK_DIR/Tahoe-Dark-${specific_uc}/gtk-4.0"
fi
fi
# Fallback to base gtk-4.0
if [ -z "$candidate" ]; then
if [ "$pref" = "Light" ] && [ -d "$GTK_DIR/Tahoe-Light/gtk-4.0" ]; then
candidate="$GTK_DIR/Tahoe-Light/gtk-4.0"
elif [ "$pref" = "Dark" ] && [ -d "$GTK_DIR/Tahoe-Dark/gtk-4.0" ]; then
candidate="$GTK_DIR/Tahoe-Dark/gtk-4.0"
fi
fi
if [ -z "$candidate" ]; then
gum_or_echo "${RED}✗ libadwaita source folder not found for your selection.${NC}"
gum_or_echo "Tried paths (examples):"
if [ -n "$specific_uc" ]; then
gum_or_echo " $GTK_DIR/Tahoe-${pref}-${specific_uc}/gtk-4.0"
fi
gum_or_echo " $GTK_DIR/Tahoe-${pref}/gtk-4.0"
return 1
fi
# Backup existing gtk-4.0 config
if [ -f "$GTK4_CONFIG_DIR/gtk.css" ]; then
backup_existing "$GTK4_CONFIG_DIR/gtk.css"
fi
gum_spin_run "Installing libadwaita override to $GTK4_CONFIG_DIR..." "
set -e
mkdir -p \"$GTK4_CONFIG_DIR\"
rm -f \"$GTK4_CONFIG_DIR/gtk.css\" \"$GTK4_CONFIG_DIR/gtk-dark.css\" \"$GTK4_CONFIG_DIR/gtk-Light.css\" \"$GTK4_CONFIG_DIR/gtk-Dark.css\" 2>/dev/null || true
rm -rf \"$GTK4_CONFIG_DIR/assets\" \"$GTK4_CONFIG_DIR/windows-assets\" 2>/dev/null || true
cp -a \"$candidate/\"* \"$GTK4_CONFIG_DIR/\"
"
gum_or_echo "✅ Installed libadwaita override from $candidate"
}
install_ulauncher_theme() {
# Requires curl & unzip
if ! command -v curl &>/dev/null || ! command -v unzip &>/dev/null; then
gum_or_echo "${RED}Error: curl and unzip are required to fetch Ulauncher theme${NC}"
return 1
fi
gum_spin_run "Fetching latest release URL for $APP_LAUNCHER..." '
set -e
api=$(curl -s "https://api.github.com/repos/'"$APP_LAUNCHER"'/releases/latest")
DOWNLOAD_URL=$(echo "$api" | grep "\"browser_download_url\"" | sed -E "s/.*\"([^\"]+)\".*/\1/" | head -n1)
echo "$DOWNLOAD_URL" > "'"$TMP_DIR"'/download_url.txt"
'
local url
url="$(cat "$TMP_DIR/download_url.txt" 2>/dev/null || true)"
if [ -z "$url" ]; then
gum_or_echo "${RED}✗ Could not detect download URL from GitHub API for $APP_LAUNCHER${NC}"
return 1
fi
gum_spin_run "Downloading Ulauncher theme..." "curl -L -o \"$TMP_DIR/$TMP_ZIP_AL\" \"$url\""
gum_spin_run "Extracting to $DOWNLOADS_DIR..." "unzip -o \"$TMP_DIR/$TMP_ZIP_AL\" -d \"$DOWNLOADS_DIR\""
rm -f "$TMP_DIR/$TMP_ZIP_AL"
# try to run installer if exists
local install_script
install_script="$(find "$DOWNLOADS_DIR" -maxdepth 2 -type f -iname "install.sh" | head -n1 || true)"
if [ -n "$install_script" ]; then
if gum_confirm_or_read "Run extracted Ulauncher installer ($install_script) now?"; then
bash "$install_script"
gum_or_echo "✅ Ulauncher installer executed."
else
gum_or_echo "⚠️ Installer found at $install_script but not executed."
fi
else
gum_or_echo "✅ Ulauncher package downloaded to $DOWNLOADS_DIR"
fi
}
install_icons_or_cursors() {
# args: repo_url clone_name [install_args...]
local repo="$1"
local dir="$2"
shift 2
local flags=("$@")
local clone_dir="$DOWNLOADS_DIR/$dir"
if [ -d "$clone_dir" ]; then
if gum_confirm_or_read "Folder $clone_dir exists. Remove & re-clone?"; then
rm -rf "$clone_dir"
else
gum_or_echo "Skipping clone."
return 1
fi
fi
gum_spin_run "Cloning $repo..." "git clone --depth=1 \"$repo\" \"$clone_dir\""
gum_or_echo "${YELLOW}⚠️ The following operation will require sudo privileges.${NC}"
if gum_confirm_or_read "Run installer for $dir now (requires sudo)?"; then
sudo bash "$clone_dir/install.sh" "${flags[@]}"
gum_or_echo "✅ Installed $dir"
else
gum_or_echo "⚠️ Cloned to $clone_dir — run installer manually later."
fi
}
install_gdm_theme() {
local repo="https://github.com/vinceliuice/WhiteSur-gtk-theme.git"
local clone_dir="$DOWNLOADS_DIR/WhiteSur-gtk-theme"
if [ -d "$clone_dir" ]; then
if gum_confirm_or_read "WhiteSur GDM folder exists. Remove & re-clone?"; then
rm -rf "$clone_dir"
else
gum_or_echo "Skipping GDM clone."
return 1
fi
fi
gum_spin_run "Cloning WhiteSur GDM theme..." "git clone --depth=1 \"$repo\" \"$clone_dir\""
gum_or_echo "${YELLOW}⚠️ The following operation will require sudo privileges.${NC}"
gum_or_echo "${CYAN}Available backgrounds: default, blank, ...${NC}"
local bg_choice="default"
if command -v gum &>/dev/null; then
bg_choice=$(gum input --placeholder "Enter background (default: default)" --value "default")
else
read -r -p "Enter background choice (default: default): " bg_choice
bg_choice="${bg_choice:-default}"
fi
if gum_confirm_or_read "Install GDM theme with background '$bg_choice' (requires sudo)?"; then
sudo bash "$clone_dir/tweaks.sh" -g -b "$bg_choice"
gum_or_echo "✅ GDM theme installed with background: $bg_choice"
else
gum_or_echo "⚠️ WhiteSur-gtk-theme cloned to $clone_dir"
fi
}
install_wallpaper() {
gum_or_echo "${CYAN}Installing Tahoe 26 5k wallpapers...${NC}"
gum_or_echo "${YELLOW}⚠️ This operation requires sudo privileges to install wallpapers globally.${NC}"
# Check if files exist
local source_wallpaper_dir="$SCRIPT_DIR/.config/walls/Tahoe"
local source_xml="$SCRIPT_DIR/.config/walls/Tahoe.xml"
if [ ! -d "$source_wallpaper_dir" ]; then
gum_or_echo "${RED}✗ Source wallpaper directory not found: $source_wallpaper_dir${NC}"
return 1
fi
if [ ! -f "$source_xml" ]; then
gum_or_echo "${RED}✗ Source XML file not found: $source_xml${NC}"
return 1
fi
# Pre-authenticate sudo before any operations (password prompt will be visible)
gum_or_echo "${YELLOW}⏳ Please enter your sudo password when prompted...${NC}"
if ! sudo -v; then
gum_or_echo "${RED}✗ Failed to authenticate with sudo${NC}"
return 1
fi
# Now run the actual commands - sudo is cached, no prompts during spinner
gum_spin_run "Creating directories..." "sudo mkdir -p /usr/share/backgrounds/ /usr/share/gnome-background-properties/"
gum_spin_run "Copying wallpapers..." "sudo cp -r \"$source_wallpaper_dir\" /usr/share/backgrounds/"
gum_spin_run "Copying metadata..." "sudo cp \"$source_xml\" /usr/share/gnome-background-properties/"
gum_or_echo "✅ Wallpapers installed!"
gum_or_echo "${GREEN}Wallpaper location: /usr/share/backgrounds/Tahoe${NC}"
gum_or_echo "${GREEN}XML location: /usr/share/gnome-background-properties/Tahoe.xml${NC}"
gum_or_echo "${CYAN}Note: You can apply the wallpaper in your settings under Appearance.${NC}"
# Pretty irrelevant information, but so i know you actually check the code: I like kissing boys :3
# wallpaper installer made by skittle0764 https://github.com/skittle0764
}
connect_flatpak() {
if ! command -v flatpak &>/dev/null; then
gum_or_echo "${RED}Error: Flatpak is not installed on your system${NC}"
return 1
fi
gum_or_echo "${CYAN}ℹ️ Flatpak Theme Connection${NC}"
gum_or_echo "This will allow Flatpak apps to access your GTK themes."
echo
gum_or_echo "${YELLOW}⚠️ This operation requires sudo privileges.${NC}"
if ! gum_confirm_or_read "Grant Flatpak apps permission to access GTK configs?"; then
gum_or_echo "Flatpak connection cancelled."
return 0
fi
# Pre-authenticate sudo before any operations
gum_or_echo "${YELLOW}⏳ Please enter your sudo password when prompted...${NC}"
if ! sudo -v; then
gum_or_echo "${RED}✗ Failed to authenticate with sudo${NC}"
return 1
fi
# Grant filesystem access to GTK config directories (sudo is now cached)
gum_spin_run "Granting Flatpak access to GTK-3.0 config..." "sudo flatpak override --filesystem=xdg-config/gtk-3.0"
gum_spin_run "Granting Flatpak access to GTK-4.0 config..." "sudo flatpak override --filesystem=xdg-config/gtk-4.0"
gum_spin_run "Granting Flatpak access to themes..." "sudo flatpak override --filesystem=~/.themes"
gum_or_echo "✅ Flatpak permissions configured successfully!"
echo
gum_or_echo "${GREEN}Your Flatpak apps should now be able to use Tahoe themes.${NC}"
gum_or_echo "${CYAN}Note: You may need to restart Flatpak apps for changes to take effect.${NC}"
}
disconnect_flatpak() {
if ! command -v flatpak &>/dev/null; then
gum_or_echo "${YELLOW}Flatpak is not installed, nothing to disconnect.${NC}"
return 0
fi
gum_or_echo "${CYAN}Disconnecting Flatpak theme access...${NC}"
gum_or_echo "${YELLOW}⚠️ This will remove Flatpak's access to your GTK configs and themes.${NC}"
if ! gum_confirm_or_read "Remove Flatpak GTK theme permissions?"; then
gum_or_echo "Disconnect cancelled."
return 0
fi
# Pre-authenticate sudo before any operations
gum_or_echo "${YELLOW}⏳ Please enter your sudo password when prompted...${NC}"
if ! sudo -v; then
gum_or_echo "${RED}✗ Failed to authenticate with sudo${NC}"
return 1
fi
# Remove filesystem overrides (sudo is now cached)
gum_spin_run "Removing GTK-3.0 access..." "sudo flatpak override --nofilesystem=xdg-config/gtk-3.0 2>/dev/null || true"
gum_spin_run "Removing GTK-4.0 access..." "sudo flatpak override --nofilesystem=xdg-config/gtk-4.0 2>/dev/null || true"
gum_spin_run "Removing themes access..." "sudo flatpak override --nofilesystem=~/.themes 2>/dev/null || true"
gum_or_echo "✅ Flatpak theme permissions removed."
}
uninstall_all() {
if ! gum_confirm_or_read "Are you sure you want to uninstall all Tahoe themes and GTK overrides?"; then
gum_or_echo "Uninstall cancelled."
return 0
fi
gum_spin_run "Removing themes and variants..." '
set -e
if [ -d "'"$THEME_DIR"'/Tahoe-Dark" ]; then rm -rf "'"$THEME_DIR"'/Tahoe-Dark"; fi
if [ -d "'"$THEME_DIR"'/Tahoe-Light" ]; then rm -rf "'"$THEME_DIR"'/Tahoe-Light"; fi
shopt -s nullglob
for d in "'"$THEME_DIR"'/Tahoe-Dark-"* "'"$THEME_DIR"'/Tahoe-Light-"*; do
if [ -d "$d" ]; then rm -rf "$d"; fi
done
'
gum_spin_run "Cleaning $GTK4_CONFIG_DIR..." '
set -e
if [ -f "'"$GTK4_CONFIG_DIR"'/gtk.css" ]; then rm -f "'"$GTK4_CONFIG_DIR"'/gtk.css"; fi
if [ -f "'"$GTK4_CONFIG_DIR"'/gtk-dark.css" ]; then rm -f "'"$GTK4_CONFIG_DIR"'/gtk-dark.css"; fi
if [ -f "'"$GTK4_CONFIG_DIR"'/gtk-Light.css" ]; then rm -f "'"$GTK4_CONFIG_DIR"'/gtk-Light.css"; fi
if [ -f "'"$GTK4_CONFIG_DIR"'/gtk-Dark.css" ]; then rm -f "'"$GTK4_CONFIG_DIR"'/gtk-Dark.css"; fi
if [ -d "'"$GTK4_CONFIG_DIR"'/assets" ]; then rm -rf "'"$GTK4_CONFIG_DIR"'/assets"; fi
if [ -d "'"$GTK4_CONFIG_DIR"'/windows-assets" ]; then rm -rf "'"$GTK4_CONFIG_DIR"'/windows-assets"; fi
'
gum_or_echo "✅ Uninstallation complete."
gum_or_echo "${CYAN}Note: Icons, cursors, and GDM themes may need separate uninstallers.${NC}"
gum_or_echo "${CYAN}Check $DOWNLOADS_DIR for cloned repositories.${NC}"
}
### ----------------------------
### Interactive menu & helpers
### ----------------------------
show_help() {
if command -v gum &>/dev/null; then
gum format --type=markdown <<'MD'
# macOS Tahoe Theme Installer — Help
Run `./install.sh` (interactive TUI). Also supports CLI flags:
## Installation Flags
- `--install-light` or `-l` - Install Tahoe Light theme
- `--install-dark` or `-d` - Install Tahoe Dark theme
- `--install-both` - Install both Light and Dark themes
## Accent Color Flags
- `--colors` - Generate all accent color variants
- `--color NAME` - Generate specific accent variant (e.g., `--color blue`)
## Configuration Flags
- `-la` - Install libadwaita override (use with `-l` or `-d`)
- `--flatpak` - Connect Flatpak apps to Tahoe themes (requires sudo)
- `--flatpak-disconnect` - Remove Flatpak theme access
## Other Flags
- `-u` or `--uninstall` - Uninstall all themes
- `-h` or `--help` - Show this help
## Menu Actions (Interactive Mode)
- **Install Light/Dark/Both** - Copy theme files to ~/.themes
- **Generate accent variants** - Run generate_accent_variants.py
- **Install generated variants** - Copy Tahoe-Light-