Showing preview only (1,183K chars total). Download the full file or copy to clipboard to get everything.
Repository: kayozxo/GNOME-macOS-Tahoe
Branch: main
Commit: 195443b38d80
Files: 33
Total size: 1.1 MB
Directory structure:
gitextract_nis6v8o2/
├── .config/
│ ├── EXTENSIONS.md
│ ├── extensions/
│ │ ├── openBar/
│ │ │ ├── Tahoe-Dark
│ │ │ └── Tahoe-Light
│ │ └── tiling-shell/
│ │ └── tilingshell-settings.txt
│ ├── ghostty/
│ │ └── config
│ └── walls/
│ └── Tahoe.xml
├── .github/
│ ├── CODE_OF_CONDUCT.md
│ ├── FUNDING.yml
│ └── LICENSE
├── .gitignore
├── README.md
├── generate_accent_variants.py
├── gtk/
│ ├── Tahoe-Dark/
│ │ ├── gnome-shell/
│ │ │ ├── gnome-shell.css
│ │ │ └── pad-osd.css
│ │ ├── gtk-3.0/
│ │ │ ├── gtk-dark.css
│ │ │ ├── gtk.css
│ │ │ ├── gtk.gresource
│ │ │ ├── libadwaita-tweaks.css
│ │ │ └── libadwaita.css
│ │ ├── gtk-4.0/
│ │ │ ├── gtk-dark.css
│ │ │ └── gtk.css
│ │ └── index.theme
│ └── Tahoe-Light/
│ ├── gnome-shell/
│ │ ├── gnome-shell.css
│ │ └── pad-osd.css
│ ├── gtk-3.0/
│ │ ├── gtk-dark.css
│ │ ├── gtk.css
│ │ ├── gtk.gresource
│ │ ├── libadwaita-tweaks.css
│ │ └── libadwaita.css
│ ├── gtk-4.0/
│ │ ├── gtk-dark.css
│ │ └── gtk.css
│ └── index.theme
└── install.sh
================================================
FILE CONTENTS
================================================
================================================
FILE: .config/EXTENSIONS.md
================================================
# GNOME Extensions Setup Guide
Welcome! This guide will help you set up your GNOME desktop to look like **macOS Tahoe**, just like shown in the screenshots. Follow the steps below carefully.
## Install Required GNOME Extensions
The macOS-Tahoe like theme depends on several GNOME extensions.
### Install Extension Manager (GUI tool)
If you're on Fedora 39+ or Ubuntu 23.04+, install **Extension Manager** from Software Center or:
```bash
flatpak install flathub com.mattjakeman.ExtensionManager
```
## 1. Gnome 4x UI Improvements
- **Description:** UI improvements for GNOME.
- **Download:** [Gnome 4x UI Improvements](https://extensions.gnome.org/extension/4158/gnome-40-ui-improvements/)
- **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 steps in below screenshot:
<p align="center"> <img src="extensions/4x/image.png"/> </p>
## 2. Blur My Shell
- **Description:** Adds blur effects to GNOME Shell, Dock and Applications.
- **Download:** [Blur My Shell](https://extensions.gnome.org/extension/3193/blur-my-shell/)
- **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. Create all the [**Pipelines**](extensions/blur-my-shell/pipelines/) first.
<p align="center"> <img src="extensions/blur-my-shell/pipelines/default-rounded.png">
<p align="center"> <img src="extensions/blur-my-shell/pipelines/default.png">
<p align="center"> <img src="extensions/blur-my-shell/pipelines/dock.png">
<p align="center"> <img src="extensions/blur-my-shell/pipelines/lock-screen.png">
<p align="center"> <img src="extensions/blur-my-shell/pipelines/panel.png">
4. Follow the below steps.
<p align="center"> <img src="extensions/blur-my-shell/step1.png">
<p align="center"> <img src="extensions/blur-my-shell/step2.png">
<p align="center"> <img src="extensions/blur-my-shell/step3.png">
<p align="center"> <img src="extensions/blur-my-shell/step4.png">
<p align="center"> <img src="extensions/blur-my-shell/step5.png">
## 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.
<p align="center"> <img src="extensions/dash-to-dock/step1.png">
<p align="center"> <img src="extensions/dash-to-dock/step2-1.png">
<p align="center"> <img src="extensions/dash-to-dock/step2-2.png">
<p align="center"> <img src="extensions/dash-to-dock/step3.png">
<p align="center"> <img src="extensions/dash-to-dock/step4.png">
## 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.
<p align="center"> <img src="extensions/space-bar/step1.png">
<p align="center"> <img src="extensions/space-bar/step2.png">
<p align="center"> <img src="extensions/space-bar/step3.png">
<p align="center"> <img src="extensions/space-bar/step4.png">
## 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 ❤️ !
<a href="https://www.buymeacoffee.com/kayozxo"><img src="screenshots/bmc-button.png" width="120" height="30"/></a>
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
================================================
<?xml version="1.0"?>
<wallpapers>
<wallpaper deleted="false">
<name>Tahoe Background</name>
<filename>/usr/share/backgrounds/Tahoe/Tahoe-5k-light.jpg</filename>
<filename-dark>/usr/share/backgrounds/Tahoe/Tahoe-5k-dark.jpg</filename-dark>
<options>zoom</options>
<shade_type>solid</shade_type>
<pcolor>#51a2da</pcolor>
<scolor>#294172</scolor>
</wallpaper>
</wallpapers>
================================================
FILE: .github/CODE_OF_CONDUCT.md
================================================
# Contributor Covenant Code of Conduct
## Our Pledge
We as members, contributors, and leaders pledge to make participation in our
community a harassment-free experience for everyone, regardless of age, body
size, visible or invisible disability, ethnicity, sex characteristics, gender
identity and expression, level of experience, education, socio-economic status,
nationality, personal appearance, race, religion, or sexual identity
and orientation.
We pledge to act and interact in ways that contribute to an open, welcoming,
diverse, inclusive, and healthy community.
## Our Standards
Examples of behavior that contributes to a positive environment for our
community include:
* Demonstrating empathy and kindness toward other people
* Being respectful of differing opinions, viewpoints, and experiences
* Giving and gracefully accepting constructive feedback
* Accepting responsibility and apologizing to those affected by our mistakes,
and learning from the experience
* Focusing on what is best not just for us as individuals, but for the
overall community
Examples of unacceptable behavior include:
* The use of sexualized language or imagery, and sexual attention or
advances of any kind
* Trolling, insulting or derogatory comments, and personal or political attacks
* Public or private harassment
* Publishing others' private information, such as a physical or email
address, without their explicit permission
* Other conduct which could reasonably be considered inappropriate in a
professional setting
## Enforcement Responsibilities
Community leaders are responsible for clarifying and enforcing our standards of
acceptable behavior and will take appropriate and fair corrective action in
response to any behavior that they deem inappropriate, threatening, offensive,
or harmful.
Community leaders have the right and responsibility to remove, edit, or reject
comments, commits, code, wiki edits, issues, and other contributions that are
not aligned to this Code of Conduct, and will communicate reasons for moderation
decisions when appropriate.
## Scope
This Code of Conduct applies within all community spaces, and also applies when
an individual is officially representing the community in public spaces.
Examples of representing our community include using an official e-mail address,
posting via an official social media account, or acting as an appointed
representative at an online or offline event.
## Enforcement
Instances of abusive, harassing, or otherwise unacceptable behavior may be
reported to the community leaders responsible for enforcement at
https://github.com/kayozxo/GNOME-macOS-Tahoe/issues.
All complaints will be reviewed and investigated promptly and fairly.
All community leaders are obligated to respect the privacy and security of the
reporter of any incident.
## Enforcement Guidelines
Community leaders will follow these Community Impact Guidelines in determining
the consequences for any action they deem in violation of this Code of Conduct:
### 1. Correction
**Community Impact**: Use of inappropriate language or other behavior deemed
unprofessional or unwelcome in the community.
**Consequence**: A private, written warning from community leaders, providing
clarity around the nature of the violation and an explanation of why the
behavior was inappropriate. A public apology may be requested.
### 2. Warning
**Community Impact**: A violation through a single incident or series
of actions.
**Consequence**: A warning with consequences for continued behavior. No
interaction with the people involved, including unsolicited interaction with
those enforcing the Code of Conduct, for a specified period of time. This
includes avoiding interactions in community spaces as well as external channels
like social media. Violating these terms may lead to a temporary or
permanent ban.
### 3. Temporary Ban
**Community Impact**: A serious violation of community standards, including
sustained inappropriate behavior.
**Consequence**: A temporary ban from any sort of interaction or public
communication with the community for a specified period of time. No public or
private interaction with the people involved, including unsolicited interaction
with those enforcing the Code of Conduct, is allowed during this period.
Violating these terms may lead to a permanent ban.
### 4. Permanent Ban
**Community Impact**: Demonstrating a pattern of violation of community
standards, including sustained inappropriate behavior, harassment of an
individual, or aggression toward or disparagement of classes of individuals.
**Consequence**: A permanent ban from any sort of public interaction within
the community.
## Attribution
This Code of Conduct is adapted from the [Contributor Covenant][homepage],
version 2.0, available at
https://www.contributor-covenant.org/version/2/0/code_of_conduct.html.
Community Impact Guidelines were inspired by [Mozilla's code of conduct
enforcement ladder](https://github.com/mozilla/diversity).
[homepage]: https://www.contributor-covenant.org
For answers to common questions about this code of conduct, see the FAQ at
https://www.contributor-covenant.org/faq. Translations are available at
https://www.contributor-covenant.org/translations.
================================================
FILE: .github/FUNDING.yml
================================================
# These are supported funding model platforms
github: prstephens
patreon: # Replace with a single Patreon username
open_collective: # Replace with a single Open Collective username
ko_fi: # Replace with a single Ko-fi username
tidelift: # Replace with a single Tidelift platform-name/package-name e.g., npm/babel
community_bridge: # Replace with a single Community Bridge project-name e.g., cloud-foundry
liberapay: # Replace with a single Liberapay username
issuehunt: # Replace with a single IssueHunt username
lfx_crowdfunding: # Replace with a single LFX Crowdfunding project-name e.g., cloud-foundry
polar: # Replace with a single Polar username
buy_me_a_coffee: kayozxo
thanks_dev: # Replace with a single thanks.dev username
custom: # Replace with up to 4 custom sponsorship URLs e.g., ['link1', 'link2']
================================================
FILE: .github/LICENSE
================================================
MIT License
Copyright (c) 2025 Kayozxo
Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.
================================================
FILE: .gitignore
================================================
# Python-generated files
__pycache__/
*.py[oc]
build/
dist/
wheels/
*.egg-info
# Virtual environments
.venv
================================================
FILE: README.md
================================================
<p align="center"> <img src="screenshots/hero.svg"/> </p>
<br>
<p align="center"> <b> A macOS Tahoe like theme for GNOME Desktops </b> </p>
<br>
## Donate
If you like my project, you can buy me a coffee, many thanks ❤️ !
<a href="https://www.buymeacoffee.com/kayozxo"><img src="screenshots/bmc-button.png" width="120" height="40"/></a>
# Installation is easy!
<details> <summary> Recommended applications </summary>
- [Ulauncher (Application Launcher)](https://ulauncher.io/#Download)
- [GNOME Tweaks]() or [Refine (Recommended)](https://flathub.org/apps/page.tesk.Refine)
</details>
<details> <summary> Recommended GNOME Shell extensions </summary>
- [Open Bar](https://extensions.gnome.org/extension/6580/open-bar/)
- [Blur My Shell](https://extensions.gnome.org/extension/3193/blur-my-shell/)
- [Dash to Dock](https://extensions.gnome.org/extension/307/dash-to-dock/)
- [Gnome 4x UI Improvements](https://extensions.gnome.org/extension/4158/gnome-40-ui-improvements/)
- [Space bar](https://extensions.gnome.org/extension/5090/space-bar/)
- [Tiling Shell](https://extensions.gnome.org/extension/7065/tiling-shell/)
- [User Themes](https://extensions.gnome.org/extension/19/user-themes/)
- [Vitals](https://extensions.gnome.org/extension/1460/vitals/)
- [Wallpapers](./.config/walls)
</details>
## Quick install
### Interactive Installer (Recommended!)
**Run the installer — it will automatically install [Gum](https://github.com/charmbracelet/gum) if needed!**
```bash
git clone https://github.com/kayozxo/GNOME-macOS-Tahoe
cd GNOME-macOS-Tahoe
./install.sh
```
**No flags needed!** The installer will provide an interactive menu to guide you through:
- 🎨 Install Light/Dark/Both themes
- 🌈 Generate and install accent color variants (all 16 or specific)
- 🖼️ Install generated accent variants to ~/.themes
- ⚙️ Install libadwaita override (for modern GTK4 apps & GNOME Shell)
- 🎯 Install extras: MacTahoe icons, MacTahoe wallpapers, WhiteSur cursors, Ulauncher theme and GDM theme
- 🧹 Uninstall themes
- 📖 Help & documentation
### Command-line Usage (Advanced)
If you prefer command-line flags over the interactive menu:
```bash
# Install themes
./install.sh -l # Light theme only
./install.sh -d # Dark theme only
./install.sh -u # Uninstall
# Install wallpapers
./install.sh -w # Tahoe 26 dynamic wallpapers
# Generate accent colors
./install.sh --colors # Generate all 16 variants
./install.sh --color blue # Generate specific color
# Install with libadwaita support
./install.sh -d -la # Dark + libadwaita
./install.sh -d --color blue -la # Dark blue + libadwaita + GNOME Shell
```
### Updating
1. Run `cd GNOME-macOS-Tahoe`
2. Run `git pull origin main`
3. Run `./install.sh` again
Then continue from [here](.config/EXTENSIONS.md)
## Accent Colors
Tahoe now supports **16 beautiful accent colors** with complete theming support across **GTK4, GTK3, and GNOME Shell**! Generate and install accent color variants easily:
### Examples
```bash
# Generate all 16 accent color variants
./install.sh --colors
# Generate and install specific color (dark & light)
./install.sh --color blue
# Dark mode only with purple accent
./install.sh -d --color purple
# Light mode only with green accent
./install.sh -l --color green
# Libadwaita fix with colored theme
./install.sh -d --color blue -la
```
### Available Color
| Color | Color |
| ------ | ------- |
| Blue | Rose |
| Green | Emerald |
| Purple | Violet |
| Pink | Amber |
| Orange | Cyan |
| Red | Lime |
| Teal | Sky |
| Indigo | Slate |
**After installation**, select your preferred color variant in **Tweaks → Appearance** (e.g., `Tahoe-Dark-Blue`, `Tahoe-Light-Green`, `Tahoe-Dark-Amber`, etc.). The accent colors will apply to all applications and GNOME Shell elements including dash, notifications, popups, and more!
## Wallpapers
<p align="center"><a href=".config/walls/"><img src="screenshots/walls.png"/></a></p>
## Fix for libadwaita (not perfect)
<details> <summary> Details <b>(click to open)</b> </summary>
Since the release of `Gnome 43.0`, more and more built-in apps use `libadwaita` now, and libadwaita does not support custom themes, which means we cannot change the appearance of app using libadwaita through `gnome-tweaks` or `dconf-editor`. For users who love custom themes, it’s really sucks!
Anyway if anybody who still want to custom themes we can only do this way:
That is to use the `theme file` to overwrite the `gtk-4.0 configuration file`. The result is that only Fixed making all gtk4 apps use one theme and cannot be switched (even can not switch to dark mode) If you want to change a theme, you can only re-overwrite the `gtk-4.0 configuration file` with a new theme, I know this method is not perfect, But at the moment it is only possible to continue using themes for libadwaita's apps ...
</details>
Run this command to install `Tahoe` into `gtk-4.0 configuration folder` ($HOME/.config/gtk-4.0) for libadwaita applications:
```bash
./install.sh -l -la # install light theme for libadwaita
./install.sh -d -la # install dark theme for libadwaita
./install.sh -d --color blue -la # install dark blue theme for libadwaita
./install.sh -l --color green -la # install light green theme for libadwaita
```
**Note:** The `-la` flag also applies the accent color to GNOME Shell elements (dash, notifications, popups, etc.) when used with `--color`.
## Fix for Flatpak
#### 1. Run command to fix it
```sh
sudo flatpak override --filesystem=xdg-config/gtk-3.0 && sudo flatpak override --filesystem=xdg-config/gtk-4.0
```
If you use flatpak apps, you can run this to fix theme issue
#### 2. Connect Tahoe theme to Flatpak (gtk 3.0) (Snap not support)
Parameter: `--flatpak`
Example: `./install.sh --flatpak`
## ✅ Done!
If you like my project, you can buy me a coffee, many thanks ❤️ !
<a href="https://www.buymeacoffee.com/kayozxo"><img src="screenshots/bmc-button.png" width="120" height="40"/></a>
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 > s
gitextract_nis6v8o2/ ├── .config/ │ ├── EXTENSIONS.md │ ├── extensions/ │ │ ├── openBar/ │ │ │ ├── Tahoe-Dark │ │ │ └── Tahoe-Light │ │ └── tiling-shell/ │ │ └── tilingshell-settings.txt │ ├── ghostty/ │ │ └── config │ └── walls/ │ └── Tahoe.xml ├── .github/ │ ├── CODE_OF_CONDUCT.md │ ├── FUNDING.yml │ └── LICENSE ├── .gitignore ├── README.md ├── generate_accent_variants.py ├── gtk/ │ ├── Tahoe-Dark/ │ │ ├── gnome-shell/ │ │ │ ├── gnome-shell.css │ │ │ └── pad-osd.css │ │ ├── gtk-3.0/ │ │ │ ├── gtk-dark.css │ │ │ ├── gtk.css │ │ │ ├── gtk.gresource │ │ │ ├── libadwaita-tweaks.css │ │ │ └── libadwaita.css │ │ ├── gtk-4.0/ │ │ │ ├── gtk-dark.css │ │ │ └── gtk.css │ │ └── index.theme │ └── Tahoe-Light/ │ ├── gnome-shell/ │ │ ├── gnome-shell.css │ │ └── pad-osd.css │ ├── gtk-3.0/ │ │ ├── gtk-dark.css │ │ ├── gtk.css │ │ ├── gtk.gresource │ │ ├── libadwaita-tweaks.css │ │ └── libadwaita.css │ ├── gtk-4.0/ │ │ ├── gtk-dark.css │ │ └── gtk.css │ └── index.theme └── install.sh
SYMBOL INDEX (15 symbols across 1 files)
FILE: generate_accent_variants.py
class ColorGenerator (line 22) | class ColorGenerator:
method __init__ (line 45) | def __init__(self, theme_root: str):
method hex_to_rgb (line 50) | def hex_to_rgb(self, hex_color: str) -> Tuple[int, int, int]:
method hex_to_rgb_string (line 55) | def hex_to_rgb_string(self, hex_color: str, opacity: float = 1.0) -> str:
method rgb_to_hex (line 60) | def rgb_to_hex(self, rgb: Tuple[int, int, int]) -> str:
method adjust_color_brightness (line 64) | def adjust_color_brightness(self, hex_color: str, factor: float) -> str:
method generate_color_variants (line 72) | def generate_color_variants(self, base_color: str) -> Dict[str, str]:
method create_accent_variant (line 83) | def create_accent_variant(self, color_name: str, base_color: str) -> N...
method _copy_theme_directory (line 115) | def _copy_theme_directory(self, src: Path, dst: Path) -> None:
method _inject_gtk4_colors (line 122) | def _inject_gtk4_colors(self, css_file: Path, colors: Dict[str, str]) ...
method _inject_gtk3_colors (line 164) | def _inject_gtk3_colors(self, css_file: Path, colors: Dict[str, str]) ...
method _inject_gnome_shell_colors (line 215) | def _inject_gnome_shell_colors(self, css_file: Path, colors: Dict[str,...
method _update_index_theme (line 247) | def _update_index_theme(self, theme_dir: Path, theme_name: str) -> None:
method generate_all_variants (line 263) | def generate_all_variants(self) -> None:
function main (line 270) | def main():
Condensed preview — 33 files, each showing path, character count, and a content snippet. Download the .json file or copy for the full structured content (1,203K chars).
[
{
"path": ".config/EXTENSIONS.md",
"chars": 5370,
"preview": "# GNOME Extensions Setup Guide\n\nWelcome! This guide will help you set up your GNOME desktop to look like **macOS Tahoe**"
},
{
"path": ".config/extensions/openBar/Tahoe-Dark",
"chars": 8133,
"preview": "[/]\naccent-color=['0', '0.75', '0.75']\naccent-override=false\napply-accent-shell=false\napply-all-shell=false\napply-flatpa"
},
{
"path": ".config/extensions/openBar/Tahoe-Light",
"chars": 8200,
"preview": "[/]\naccent-color=['0', '0.75', '0.75']\naccent-override=false\napply-accent-shell=false\napply-all-shell=false\napply-flatpa"
},
{
"path": ".config/extensions/tiling-shell/tilingshell-settings.txt",
"chars": 533,
"preview": "[/]\nenable-autotiling=false\nenable-blur-selected-tilepreview=false\nenable-blur-snap-assistant=false\nenable-smart-window-"
},
{
"path": ".config/ghostty/config",
"chars": 264,
"preview": "font-family = \"JetBrainsMonoNL Nerd Font\"\ntheme = \"Aura\"\nfont-size = 14\ncursor-style = \"block\"\nbackground-opacity = 0.7\n"
},
{
"path": ".config/walls/Tahoe.xml",
"chars": 404,
"preview": "<?xml version=\"1.0\"?>\n<wallpapers>\n <wallpaper deleted=\"false\">\n <name>Tahoe Background</name>\n <filename>/usr/sh"
},
{
"path": ".github/CODE_OF_CONDUCT.md",
"chars": 5253,
"preview": "# Contributor Covenant Code of Conduct\n\n## Our Pledge\n\nWe as members, contributors, and leaders pledge to make participa"
},
{
"path": ".github/FUNDING.yml",
"chars": 813,
"preview": "# These are supported funding model platforms\n\ngithub: prstephens\npatreon: # Replace with a single Patreon username\nopen"
},
{
"path": ".github/LICENSE",
"chars": 1064,
"preview": "MIT License\n\nCopyright (c) 2025 Kayozxo\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof"
},
{
"path": ".gitignore",
"chars": 109,
"preview": "# Python-generated files\n__pycache__/\n*.py[oc]\nbuild/\ndist/\nwheels/\n*.egg-info\n\n# Virtual environments\n.venv\n"
},
{
"path": "README.md",
"chars": 6401,
"preview": "<p align=\"center\"> <img src=\"screenshots/hero.svg\"/> </p>\n\n<br>\n<p align=\"center\"> <b> A macOS Tahoe like theme for GNOM"
},
{
"path": "generate_accent_variants.py",
"chars": 11772,
"preview": "#!/usr/bin/env python3\n\"\"\"\nGTK Theme Accent Color Generator\nAutomatically generates multiple accent color variants for G"
},
{
"path": "gtk/Tahoe-Dark/gnome-shell/gnome-shell.css",
"chars": 134305,
"preview": "/* This stylesheet is generated, DO NOT EDIT */\n/* Copyright 2009, 2015 Red Hat, Inc.\n *\n * Portions adapted from Mx's d"
},
{
"path": "gtk/Tahoe-Dark/gnome-shell/pad-osd.css",
"chars": 534,
"preview": ".Leader {\n stroke-width: .5 !important;\n stroke: #333333;\n fill: none !important;\n}\n\n.Button {\n stroke-width"
},
{
"path": "gtk/Tahoe-Dark/gtk-3.0/gtk-dark.css",
"chars": 57,
"preview": "@import url(\"resource:///org/gnome/theme/gtk-dark.css\");\n"
},
{
"path": "gtk/Tahoe-Dark/gtk-3.0/gtk.css",
"chars": 52,
"preview": "@import url(\"resource:///org/gnome/theme/gtk.css\");\n"
},
{
"path": "gtk/Tahoe-Dark/gtk-3.0/libadwaita-tweaks.css",
"chars": 700,
"preview": "/*\n This file will fix some legacy widget styles that aren't styled in libadwaita\n*/\n\n@define-color accent_bg_color @bl"
},
{
"path": "gtk/Tahoe-Dark/gtk-3.0/libadwaita.css",
"chars": 353365,
"preview": ":root { --blue-1: #99c1f1; --blue-2: #62a0ea; --blue-3: #3584e4; --blue-4: #1c71d8; --blue-5: #1a5fb4; --green-1: #8ff0a"
},
{
"path": "gtk/Tahoe-Dark/gtk-4.0/gtk-dark.css",
"chars": 23103,
"preview": "/* GTK NAMED COLORS ---------------- use responsibly! */\n@define-color destructive_bg_color @red_4;\n@define-color destru"
},
{
"path": "gtk/Tahoe-Dark/gtk-4.0/gtk.css",
"chars": 37029,
"preview": "/* GTK NAMED COLORS ---------------- use responsibly! */\n@define-color destructive_bg_color @red_4;\n@define-color destru"
},
{
"path": "gtk/Tahoe-Dark/index.theme",
"chars": 94,
"preview": "[X-GNOME-Metatheme]\nName=Tahoe-Dark\nType=X-GNOME-Metatheme\nEncoding=UTF-8\nGtkTheme=Tahoe-Dark\n"
},
{
"path": "gtk/Tahoe-Light/gnome-shell/gnome-shell.css",
"chars": 133854,
"preview": "/* This stylesheet is generated, DO NOT EDIT */\n/* Copyright 2009, 2015 Red Hat, Inc.\n *\n * Portions adapted from Mx's d"
},
{
"path": "gtk/Tahoe-Light/gnome-shell/pad-osd.css",
"chars": 534,
"preview": ".Leader {\n stroke-width: .5 !important;\n stroke: #333333;\n fill: none !important;\n}\n\n.Button {\n stroke-width"
},
{
"path": "gtk/Tahoe-Light/gtk-3.0/gtk-dark.css",
"chars": 57,
"preview": "@import url(\"resource:///org/gnome/theme/gtk-dark.css\");\n"
},
{
"path": "gtk/Tahoe-Light/gtk-3.0/gtk.css",
"chars": 52,
"preview": "@import url(\"resource:///org/gnome/theme/gtk.css\");\n"
},
{
"path": "gtk/Tahoe-Light/gtk-3.0/libadwaita-tweaks.css",
"chars": 700,
"preview": "/*\n This file will fix some legacy widget styles that aren't styled in libadwaita\n*/\n\n@define-color accent_bg_color @bl"
},
{
"path": "gtk/Tahoe-Light/gtk-3.0/libadwaita.css",
"chars": 353365,
"preview": ":root { --blue-1: #99c1f1; --blue-2: #62a0ea; --blue-3: #3584e4; --blue-4: #1c71d8; --blue-5: #1a5fb4; --green-1: #8ff0a"
},
{
"path": "gtk/Tahoe-Light/gtk-4.0/gtk-dark.css",
"chars": 23103,
"preview": "/* GTK NAMED COLORS ---------------- use responsibly! */\n@define-color destructive_bg_color @red_4;\n@define-color destru"
},
{
"path": "gtk/Tahoe-Light/gtk-4.0/gtk.css",
"chars": 36756,
"preview": "/* GTK NAMED COLORS ---------------- use responsibly! */\n@define-color destructive_bg_color @red_3;\n@define-color destru"
},
{
"path": "gtk/Tahoe-Light/index.theme",
"chars": 96,
"preview": "[X-GNOME-Metatheme]\nName=Tahoe-Light\nType=X-GNOME-Metatheme\nEncoding=UTF-8\nGtkTheme=Tahoe-Light\n"
},
{
"path": "install.sh",
"chars": 30103,
"preview": "#!/usr/bin/env bash\nset -euo pipefail\n\n# macOS Tahoe Theme Installer — Hybrid Mode (Interactive TUI default, CLI flags s"
}
]
// ... and 2 more files (download for full content)
About this extraction
This page contains the full source code of the kayozxo/GNOME-macOS-Tahoe GitHub repository, extracted and formatted as plain text for AI agents and large language models (LLMs). The extraction includes 33 files (1.1 MB), approximately 327.0k tokens, and a symbol index with 15 extracted functions, classes, methods, constants, and types. Use this with OpenClaw, Claude, ChatGPT, Cursor, Windsurf, or any other AI tool that accepts text input. You can copy the full output to your clipboard or download it as a .txt file.
Extracted by GitExtract — free GitHub repo to text converter for AI. Built by Nikandr Surkov.