Akatsuki-Misaki/WhiteSur-gtk-theme
1
0
Fork 0
mirror of https://github.com/vinceliuice/WhiteSur-gtk-theme.git synced 2025-06-06 15:33:02 +00:00
Code Issues Packages Projects Releases Wiki Activity

Compare commits

base: Akatsuki-Misaki:master
Branches Tags
Akatsuki-Misaki:master
Akatsuki-Misaki:pictures
Akatsuki-Misaki:2025-04-03
Akatsuki-Misaki:2024-11-18
Akatsuki-Misaki:2024.09.02
Akatsuki-Misaki:2024-05-01
Akatsuki-Misaki:2024-02-26
Akatsuki-Misaki:2023-10-13
Akatsuki-Misaki:2023-06-30
Akatsuki-Misaki:2023-04-26
Akatsuki-Misaki:2023-03-12
Akatsuki-Misaki:2023-02-07
Akatsuki-Misaki:2022-10-27
Akatsuki-Misaki:2022-08-26
Akatsuki-Misaki:2022-02-21
Akatsuki-Misaki:2021-12-28
Akatsuki-Misaki:2021-12-04
Akatsuki-Misaki:2021-10-21
Akatsuki-Misaki:2021-09-24
Akatsuki-Misaki:2021-07-27
Akatsuki-Misaki:2021-06-23
Akatsuki-Misaki:2021-05-05
Akatsuki-Misaki:2021-04-20
Akatsuki-Misaki:2021-04-08
Akatsuki-Misaki:2021-03-08
Akatsuki-Misaki:2021-01-15
Akatsuki-Misaki:2020-12-30
Akatsuki-Misaki:2020-12-27
Akatsuki-Misaki:2020-12-03
..
compare: Akatsuki-Misaki:2023-10-13
Branches Tags
Akatsuki-Misaki:master
Akatsuki-Misaki:pictures
Akatsuki-Misaki:2025-04-03
Akatsuki-Misaki:2024-11-18
Akatsuki-Misaki:2024.09.02
Akatsuki-Misaki:2024-05-01
Akatsuki-Misaki:2024-02-26
Akatsuki-Misaki:2023-10-13
Akatsuki-Misaki:2023-06-30
Akatsuki-Misaki:2023-04-26
Akatsuki-Misaki:2023-03-12
Akatsuki-Misaki:2023-02-07
Akatsuki-Misaki:2022-10-27
Akatsuki-Misaki:2022-08-26
Akatsuki-Misaki:2022-02-21
Akatsuki-Misaki:2021-12-28
Akatsuki-Misaki:2021-12-04
Akatsuki-Misaki:2021-10-21
Akatsuki-Misaki:2021-09-24
Akatsuki-Misaki:2021-07-27
Akatsuki-Misaki:2021-06-23
Akatsuki-Misaki:2021-05-05
Akatsuki-Misaki:2021-04-20
Akatsuki-Misaki:2021-04-08
Akatsuki-Misaki:2021-03-08
Akatsuki-Misaki:2021-01-15
Akatsuki-Misaki:2020-12-30
Akatsuki-Misaki:2020-12-27
Akatsuki-Misaki:2020-12-03

No commits in common. "master" and "2023-10-13" have entirely different histories.
master ... 2023-10-13

411 changed files with 6127 additions and 13418 deletions
Show Stats Expand all files Collapse all files

1
.github/AUTHORS vendored
View File

@ -1,5 +1,6 @@
------------------------ WhiteSur GTK THEME ------------------------
CUSTOMIZER:
Vince Liuice <vinceliuice@hotmail.com> - WhiteSur Gtk Theme (https://github.com/vinceliuice/WhiteSur-gtk-theme)
------------------------ WhiteSur GTK THEME ------------------------

14
.github/SECURITY.md vendored Normal file
View File

@ -0,0 +1,14 @@
# Security Policy
## Supported Versions
| Version | Supported |
| ------------ | ------------------ |
| 2021-06-23 | :white_check_mark: |
| 2021-05-05 | :white_check_mark: |
| < 2021-04-20 | :x: |
## Reporting a Vulnerability
Report a security vulnerability to https://github.com/vinceliuice/WhiteSur-gtk-theme/issues
with a blank template or contact one of the authors.

6
.gitignore vendored
View File

@ -5,7 +5,9 @@
src/main/gtk-3.0/gtk*.css
src/main/gtk-4.0/gtk*.css
src/main/cinnamon/cinnamon*.css
src/main/gnome-shell/gnome-shell-Dark.css
src/main/gnome-shell/gnome-shell-Light.css
src/main/gnome-shell/*/*.css
src/other/dash-to-dock/stylesheet.css
src/other/dash-to-dock/stylesheet-dark.css
parse-sass.sh
lib-release.sh
stable-release/make-releases.sh

291
README.md
View File

@ -2,12 +2,12 @@
<p align="center"> <img src="https://github.com/vinceliuice/WhiteSur-gtk-theme/blob/pictures/pictures/macbook.png"/> </p>
<br>
<p align="center"> <b> A macOS like theme for Linux GTK Desktops </b> </p>
<p align="center"> <b> A macOS BigSur-like theme for your GTK apps </b> </p>
<br>
## Donate
If you like my project, you can buy me a coffee, many thanks ❤️ !
If you like my project, you can buy me a coffee:
<span class="paypal"><a href="https://www.paypal.me/vinceliuice" title="Donate to this project using Paypal"><img src="https://www.paypalobjects.com/webstatic/mktg/Logo/pp-logo-100px.png" alt="PayPal donate button" /></a></span>
@ -48,10 +48,17 @@ Don't worry, WhiteSur installer already provides all of those dependencies.
### Uninstall
<details> <summary> For example: <b>(click to open)</b> </summary>
- uninstall Gtk themes: `./install.sh -r`
- uninstall GDM theme: `sudo ./tweaks.sh -g -r`
- uninstall Firefox theme: `./tweaks.sh -f -r`
- uninstall Dash-to-dock theme: `./tweaks.sh -d -r`
- uninstall Flatpak Gtk themes: `./tweaks.sh -F -r`
- uninstall Snap Gtk themes: `./tweaks.sh -s -r`
</details>
## There's so many customizations you can do!
Usage: `./install.sh [OPTIONS...]`
@ -60,90 +67,86 @@ Usage: `./install.sh [OPTIONS...]`
```bash
OPTIONS:
-d, --dest DIR
Set destination directory. Default is '/home/[USER_NAME]/.themes'
Set destination directory. Default is '/home/vince/.themes'
-n, --name NAME
Set theme name. Default is 'WhiteSur'
Set theme name. Default is 'WhiteSur'
-o, --opacity [normal|solid]
Set theme opacity variants. Repeatable. Default is all variants
Set theme opacity variants. Repeatable. Default is all variants
-c, --color [light|dark]
Set theme color variants. Repeatable. Default is all variants
-c, --color [Light|Dark]
Set theme color variants. Repeatable. Default is all variants
-a, --alt [normal|alt|all]
Set window control buttons variant. Repeatable. Default is 'normal'
Set window control buttons variant. Repeatable. Default is 'normal'
-t, --theme [default|blue|purple|pink|red|orange|yellow|green|grey|all]
Set theme accent color. Repeatable. Default is BigSur-like theme
Set theme accent color. Repeatable. Default is BigSur-like theme
-s, --scheme [standard|nord]
Set theme colorscheme style. Repeatable. Default is 'standard'
-p, --panel-opacity [default|30|45|60|75]
Set panel transparency. Default is 15%
-m, --monterey
Set to MacOS Monterey style.
-P, --panel-size [default|smaller|bigger]
Set Gnome shell panel height size. Default is 32px
-N, --nautilus [stable|normal|mojave|glassy|right]
Set Nautilus style. Default is BigSur-like style (stabled sidebar)
-s, --size [default|180|220|240|260|280]
Set Nautilus sidebar minimum width. Default is 200px
-l, --libadwaita
Install theme into gtk4.0 config for libadwaita. Default is dark version
-i, --icon [standard|simple|gnome|ubuntu|tux|arch|manjaro|fedora|debian|void|opensuse|popos|mxlinux|zorin]
Set 'Activities' icon. Default is 'standard'
-f, --fixed
Install fixed accent color version. Default is adaptive version
-b, --background [default|blank|IMAGE_PATH]
Set gnome-shell background image. Default is BigSur-like wallpaper
-HD, --highdefinition
Set to High Definition size. Default is laptop size
-m, --monterey
Set to MacOS Monterey style.
--shell, --gnomeshell
Tweaks for gnome-shell. Options:
-N, --nautilus-style [stable|normal|mojave|glassy]
Set Nautilus style. Default is BigSur-like style (stabled sidebar)
1. -i, -icon [apple|simple|gnome|ubuntu|tux|arch|manjaro|fedora|debian|void|opensuse|popos|mxlinux|zorin|budgie|gentoo]
Set gnome-shell panel 'Activities' icon. Default is 'standard'
-l, --libadwaita
Install theme into gtk4.0 config for libadwaita. Default is dark version
2. -b, -background [default|blank|IMAGE_PATH]
Set gnome-shell background image. Default is BigSur-like wallpaper
-HD, --highdefinition
Set to High Definition size. Default is laptop size
3. -p, -panelopacity [default|30|45|60|75]
Set gnome-shell panel transparency. Default is 15%
--normal, --normalshowapps
Set gnome-shell show apps button style to normal. Default is bigsur
4. -h, -panelheight [default|smaller|bigger]
Set gnome-shell panel height size. Default is 32px
--round, --roundedmaxwindow
Set maximized window to rounded. Default is square
5. -sf, -smallerfont
Set gnome-shell font size to smaller (10pt). Default is 11pt
--right, --rightplacement
Set Nautilus titlebutton placement to right. Default is left
6. normal, -normal
Set gnome-shell show apps button style to normal. Default is BigSur
--black, --blackfont
Set panel font color to black. Default is white
--round, --roundedmaxwindow
Set maximized window to rounded. Default is square
--darker, --darkercolor
Install darker 'WhiteSur' dark themes.
--black, --blackfont
Set panel font color to black. Default is white
--nord, --nordcolor
Install 'WhiteSur' Nord ColorScheme themes.
--darker, --darkercolor
Install darker 'WhiteSur' dark themes.
--dialog, --interactive
Run this installer interactively, with dialogs.
--dialog, --interactive
Run this installer interactively, with dialogs.
--silent-mode
Meant for developers: ignore any confirm prompt and params become more strict.
--silent-mode
Meant for developers: ignore any confirm prompt and params become more strict.
-r, --remove, -u, --uninstall
Remove all installed WhiteSur themes.
-r, --remove, -u, --uninstall
Remove all installed WhiteSur themes.
-h, --help
Show this help.
-h, --help
Show this help.
```
</details>
## Fix for libadwaita (not perfect)
### Fix for libadwaita (not perfect)
<details> <summary> Details <b>(click to open)</b> </summary>
@ -159,13 +162,34 @@ Run this command to install `WhiteSur` into `gtk-4.0 configuration folder` ($HOM
```bash
./install.sh -l # Default is the normal dark theme
./install.sh -l -c light # install light theme for libadwaita
./install.sh -l -c Light # install light theme for libadwaita
```
## <p align="center"> <b> Change theme color and accent </b> </p>
### Connect WhiteSur theme to Flatpak (Snap not support)
Parameter: `--flatpak` `-F`
Example: `./tweaks.sh -F`
Fix for Flatpak gtk-4.0 app:
```bash
sudo flatpak override --filesystem=xdg-config/gtk-4.0
```
### <p align="center"> <b> Change theme color and accent </b> </p>
<p align="center"> <img src="https://github.com/vinceliuice/WhiteSur-gtk-theme/blob/pictures/pictures/colors-themes.png"/> </p>
#### - Install theme accent
#### Install theme color
Parameter: `--color` `-c` (repeatable)
Example:
```bash
./install.sh -c Light # install light theme color only
./install.sh -c Dark -c Light # install dark and light theme colors
```
#### Install theme accent
Parameter: `--theme` `-t` (repeatable)
Example:
@ -176,101 +200,80 @@ Example:
./install.sh -t all # install all available theme accents
```
## <p align="center"> <b> Change Nautilus style </b> </p>
### <p align="center"> <b> Change Nautilus style </b> </p>
<p align="center"> <img src="https://github.com/vinceliuice/WhiteSur-gtk-theme/blob/pictures/pictures/nautilus.png"/> </p>
Parameter: `--nautilus` `-N`
Parameter: `--nautilus-style` `-N`
Example: `./install.sh -N mojave`
## <p align="center"> <b> Explore more customization features! </b> </p>
### <p align="center"> <b> Explore more customization features! </b> </p>
You can run `./install.sh -h` to explore more customization features we have
like changing panel opacity, theme opacity (normal and solid variant), window
control button variant, etc.
# <p align="center"> <b> Let's tweak! </b> </p>
# Let's tweak!
Usage: `./tweaks.sh [OPTIONS...]`
<details> <summary> Options <b>(click to open)</b> </summary>
```bash
OPTIONS:
-o, --opacity [normal|solid]
Set 'WhiteSur' GDM/Flatpak theme opacity variants. Default is 'normal'
-g, --gdm [default|x2]
Install 'WhiteSur' theme for GDM (scaling: 100%/200%, default is 100%). Requires to run this shell as root
-c, --color [light|dark]
Set 'WhiteSur' GDM/Flatpak theme color variants. Default is 'light'
-o, --opacity [normal|solid]
Set 'WhiteSur' GDM theme opacity variants. Default is 'normal'
-c, --color [Light|Dark]
Set 'WhiteSur' GDM and Dash to Dock theme color variants. Default is 'light'
-t, --theme [default|blue|purple|pink|red|orange|yellow|green|grey]
Set 'WhiteSur' GDM/Flatpak theme accent color. Default is BigSur-like theme
Set 'WhiteSur' GDM theme accent color. Default is BigSur-like theme
-s, --scheme [standard|nord]
Set 'WhiteSur' GDM/Flatpak theme colorscheme style. Default is 'standard'
-N, --no-darken
Don't darken 'WhiteSur' GDM theme background image.
Tweaks for GDM theme. options
-n, --no-blur
Don't blur 'WhiteSur' GDM theme background image.
-g, --gdm Without options default GDM theme will install...
-b, --background [default|blank|IMAGE_PATH]
Set 'WhiteSur' GDM theme background image. Default is BigSur-like wallpaper
1. -i, -icon [apple|simple|gnome|ubuntu|tux|arch|manjaro|fedora|debian|void|opensuse|popos|mxlinux|zorin|budgie|gentoo] Set GDM panel 'Activities' icon Default is 'standard'
-p, --panel-opacity [default|30|45|60|75]
Set 'WhiteSur' GDM (GNOME Shell) theme panel transparency. Default is 15%
2. -b, -background [default|blank|IMAGE_PATH] Set GDM background image Default is BigSur-like wallpaper
-P, --panel-size [default|smaller|bigger]
Set 'WhiteSur' Gnome shell panel height size. Default is 32px
3. -p, -panelopacity [default|30|45|60|75] Set GDM panel transparency Default is 15%
-i, --icon [standard|simple|gnome|ubuntu|tux|arch|manjaro|fedora|debian|void|opensuse|popos|mxlinux|zorin]
Set 'WhiteSur' GDM (GNOME Shell) 'Activities' icon. Default is 'standard'
4. -h, -panelheight [default|smaller|bigger] Set GDM panel height size Default is 32px
--nord, --nordcolor
Install 'WhiteSur' Nord ColorScheme themes.
5. -sf, -smallerfont Set GDM font size to smaller (10pt) Default is 11pt
-f, --firefox [default|monterey|alt]
Install 'WhiteSur|Monterey|Alt' theme for Firefox and connect it to the current Firefox profiles. Default is WhiteSur
6. -nd, -nodarken Don't darken 'WhiteSur' GDM theme background image
-e, --edit-firefox
Edit 'WhiteSur' theme for Firefox settings and also connect the theme to the current Firefox profiles.
7. -nb, -noblur Don't blur 'WhiteSur' GDM theme background image
-F, --flatpak
Connect 'WhiteSur' theme to Flatpak.
Tweaks for firefox. options
-d, --dash-to-dock
Fixed Dash to Dock theme issue.
-f, --firefox [(monterey|flat)|alt|(darker|adaptive)] Without options default WhiteSur theme will install... Options:
-r, --remove, --revert
Revert to the original themes, do the opposite things of install and connect.
1. monterey [3+3|3+4|3+5|4+3|4+4|4+5|5+3|5+4|5+5] Topbar buttons number: 'a+b' a: left side buttons number, b: right side buttons number
--silent-mode
Meant for developers: ignore any confirm prompt and params become more strict.
2. flat Monterey alt version Flat round tabs...
3. alt Alt windows button version Alt windows button style like gtk theme
4. darker Darker Firefox theme version Darker Firefox theme version
5. nord Nord Firefox colorscheme version Nord Firefox colorscheme version
6. adaptive Adaptive color version You need install adaptive-tab-bar-colour plugin first https://addons.mozilla.org/firefox/addon/adaptive-tab-bar-colour/
-e, --edit-firefox [(monterey|flat)|alt|(darker|adaptive)]
Edit 'WhiteSur' theme for Firefox settings and also connect the theme to the current Firefox profiles.
Others. options
-F, --flatpak Support options: [-o, -c, -t...] Connect 'WhiteSur' theme to Flatpak Without options will only install default themes
1. -o, --opacity [normal|solid] Set 'WhiteSur' flatpak theme opacity variants Default is 'normal'
2. -c, --color [Light|Dark] Set 'WhiteSur' flatpak theme color variants Default is 'light'
3. -t, --theme [default|blue|purple|pink|red|orange|yellow|green|grey] Set 'WhiteSur' flatpak theme accent color Default is BigSur-like theme
4. -s, --scheme [standard|nord] Set 'WhiteSur' flatpak theme colorscheme style Default is 'standard'
-d, --dash-to-dock
Fixed Dash to Dock theme issue.
-r, --remove, --revert
Revert to the original themes, do the opposite things of install and connect.
--silent-mode
Meant for developers: ignore any confirm prompt and params become more strict.
-h, --help
Show this help.
-h, --help
Show this help.
```
@ -283,12 +286,12 @@ OPTIONS:
<img src="https://github.com/vinceliuice/WhiteSur-gtk-theme/blob/pictures/pictures/firefox.svg"/>
</a> </p>
#### - [Install Firefox theme](src/other/firefox)
#### [Install Firefox theme](src/other/firefox)
Parameter: `--firefox` `-f`
Example: `./tweaks.sh -f`
#### - Edit Firefox theme
#### Edit Firefox theme
Parameter: `--edit-firefox` `-e`
Example:
@ -299,17 +302,15 @@ Example:
./tweaks.sh -f monterey # install Monterey Firefox theme
```
##
### <p align="center"> <b> Install and customize GDM theme </b> </p>
<p align="center"> <img src="https://github.com/vinceliuice/WhiteSur-gtk-theme/blob/pictures/pictures/gdm.png"/> </p>
#### - Install GDM theme
#### Install GDM theme
Parameter: `--gdm` `-g` (requires to be run as root)
Example: `sudo ./tweaks.sh -g`
#### - Change the background
#### Change the background
Parameter: `--background` `-b`
Example:
@ -320,51 +321,33 @@ sudo ./tweaks.sh -g -b default # use the default background
sudo ./tweaks.sh -g -b blank # make it blank
```
#### - Don't darken the background
Parameter: `--nodarken` `-nd`
#### Don't darken the background
Parameter: `--no-darken` `-N`
Example:
```bash
sudo ./tweaks.sh -g -nd # darken the default background
sudo ./tweaks.sh -g -nd -b "wallpapers/snow.jpg" # darken the custom background
sudo ./tweaks.sh -g -N # darken the default background
sudo ./tweaks.sh -g -N -b "wallpapers/snow.jpg" # darken the custom background
```
#### - Don't blur the background
Parameter: `--noblur` `-nb`
#### Don't blur the background
Parameter: `--no-blur` `-n`
Example:
```bash
sudo ./tweaks.sh -g -nb # don't blur the default background
sudo ./tweaks.sh -g -nb -b "wallpapers/rocks.jpg" # don't blur the custom background
sudo ./tweaks.sh -g -n # don't blur the default background
sudo ./tweaks.sh -g -n -b "wallpapers/rocks.jpg" # don't blur the custom background
```
#### - Do more GDM customizations
#### Do more GDM customizations
You can do [the similar customization features in `./install.sh`](#theres-so-many-customizations-you-can-do)
like changing theme color (dark and light variant) and accent, GNOME Shell
'Activities' icon, etc. related to GDM. Run `./tweaks.sh -h` to explore!
##
### <p align="center"> <b> Fix for Flatpak </b> </p>
#### 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 WhiteSur theme to Flatpak (gtk 3.0) (Snap not support)
Parameter: `--flatpak` `-F`
Example: `./tweaks.sh -F`
## <p align="center"> <b> Other recommended stuff </b> </p>
### <p align="center"> <b> WhiteSur Icon Theme </b> </p>
## Other recommended stuff
### WhiteSur Icon Theme
<p align="center"> <a href="https://github.com/vinceliuice/WhiteSur-icon-theme">
<img src="https://github.com/vinceliuice/WhiteSur-gtk-theme/blob/pictures/pictures/icon-theme.png"/>
</a> </p>
@ -374,7 +357,7 @@ Example: `./tweaks.sh -F`
</a> </p>
<br>
### <p align="center"> <b> WhiteSur Wallpapers </b> </p>
### WhiteSur Wallpapers
<p align="center"> <a href="https://github.com/vinceliuice/WhiteSur-wallpapers">
<img class="image" src="https://github.com/vinceliuice/WhiteSur-gtk-theme/blob/pictures/pictures/wallpaper.gif"/>
</a> </p>

164
install.sh
View File

@ -13,7 +13,7 @@
###############################################################################
readonly REPO_DIR="$(dirname "$(readlink -m "${0}")")"
source "${REPO_DIR}/libs/lib-install.sh"
source "${REPO_DIR}/shell/lib-install.sh"
# Customization, default values
colors=("${COLOR_VARIANTS[@]}")
@ -23,36 +23,31 @@ usage() {
# Please specify their default value manually, some of them come from _variables.scss
# You also have to check and update them regularly
helpify_title
helpify "-d, --dest" "DIR" " Set destination directory" "Default is '${THEME_DIR}'"
helpify "-n, --name" "NAME" " Set theme name" "Default is '${THEME_NAME}'"
helpify "-o, --opacity" "[$(IFS='|'; echo "${OPACITY_VARIANTS[*]}")]" " Set theme opacity variants" "Repeatable. Default is all variants"
helpify "-c, --color" "[$(IFS='|'; echo "${COMMAND_COLOR_VARIANTS[*]}")]" " Set theme color variants" "Repeatable. Default is all variants"
helpify "-a, --alt" "[$(IFS='|'; echo "${ALT_VARIANTS[*]}")|all]" " Set window control buttons variant" "Repeatable. Default is 'normal'"
helpify "-t, --theme" "[$(IFS='|'; echo "${THEME_VARIANTS[*]}")|all]" " Set theme accent color" "Repeatable. Default is BigSur-like theme"
helpify "-s, --scheme" "[$(IFS='|'; echo "${SCHEME_VARIANTS[*]}")]" " Set theme colorscheme style" "Repeatable. Default is 'standard'"
# helpify "-s, --size" "[$(IFS='|'; echo "${SIDEBAR_SIZE_VARIANTS[*]}")]" " Set Nautilus (version < 40.0) sidebar minimum width" "Default is 200px"
helpify "-m, --monterey" "" " Set to MacOS Monterey style" ""
helpify "-N, --nautilus" "[$(IFS='|'; echo "${NAUTILUS_STYLE_VARIANTS[*]}")]" " Set Nautilus style" "Default is BigSur-like style (stabled sidebar)"
helpify "-l, --libadwaita" "" " Install theme into gtk4.0 config for libadwaita" "Default is dark version"
helpify "-f, --fixed" "" " Install fixed accent color version" "Default is adaptive version"
helpify "-HD, --highdefinition" "" " Set to High Definition size" "Default is laptop size"
helpify "--shell, --gnomeshell" "" " Tweaks for gnome-shell" "Options:"
helpify " 1. -i, -icon" "[$(IFS='|'; echo "${ICON_VARIANTS[*]}")]" " Set gnome-shell panel 'Activities' icon" "Default is 'standard'"
helpify " 2. -b, -background" "[default|blank|IMAGE_PATH]" " Set gnome-shell background image" "Default is BigSur-like wallpaper"
helpify " 3. -p, -panelopacity" "[$(IFS='|'; echo "${PANEL_OPACITY_VARIANTS[*]}")]" " Set gnome-shell panel transparency" "Default is 15%"
helpify " 4. -h, -panelheight" "[$(IFS='|'; echo "${PANEL_SIZE_VARIANTS[*]}")]" " Set gnome-shell panel height size" "Default is 32px"
helpify " 5. -sf, -smallerfont" "" " Set gnome-shell font size to smaller (10pt)" "Default is 11pt"
helpify " 6. normal, -normal" "" " Set gnome-shell show apps button style to normal" "Default is BigSur"
helpify "--round, --roundedmaxwindow" "" " Set maximized window to rounded" "Default is square"
helpify "--black, --blackfont" "" " Set panel font color to black" "Default is white"
helpify "--darker, --darkercolor" "" " Install darker '${THEME_NAME}' dark themes" ""
helpify "--dialog, --interactive" "" " Run this installer interactively, with dialogs" ""
helpify "--silent-mode" "" " Meant for developers: ignore any confirm prompt and params become more strict" ""
helpify "-r, --remove, -u, --uninstall" "" " Remove all installed ${THEME_NAME} themes" ""
helpify "-h, --help" "" " Show this help" ""
helpify "-d, --dest" "DIR" "Set destination directory" "Default is '${THEME_DIR}'"
helpify "-n, --name" "NAME" "Set theme name" "Default is '${THEME_NAME}'"
helpify "-o, --opacity" "[$(IFS='|'; echo "${OPACITY_VARIANTS[*]}")]" "Set theme opacity variants" "Repeatable. Default is all variants"
helpify "-c, --color" "[$(IFS='|'; echo "${COLOR_VARIANTS[*]}")]" "Set theme color variants" "Repeatable. Default is all variants"
helpify "-a, --alt" "[$(IFS='|'; echo "${ALT_VARIANTS[*]}")|all]" "Set window control buttons variant" "Repeatable. Default is 'normal'"
helpify "-t, --theme" "[$(IFS='|'; echo "${THEME_VARIANTS[*]}")|all]" "Set theme accent color" "Repeatable. Default is BigSur-like theme"
helpify "-p, --panel-opacity" "[$(IFS='|'; echo "${PANEL_OPACITY_VARIANTS[*]}")]" "Set panel transparency" "Default is 15%"
helpify "-P, --panel-size" "[$(IFS='|'; echo "${PANEL_SIZE_VARIANTS[*]}")]" "Set Gnome shell panel height size" "Default is 32px"
helpify "-s, --size" "[$(IFS='|'; echo "${SIDEBAR_SIZE_VARIANTS[*]}")]" "Set Nautilus sidebar minimum width" "Default is 200px"
helpify "-i, --icon" "[$(IFS='|'; echo "${ICON_VARIANTS[*]}")]" "Set 'Activities' icon" "Default is 'standard'"
helpify "-b, --background" "[default|blank|IMAGE_PATH]" "Set gnome-shell background image" "Default is BigSur-like wallpaper"
helpify "-m, --monterey" "" "Set to MacOS Monterey style" ""
helpify "-N, --nautilus-style" "[$(IFS='|'; echo "${NAUTILUS_STYLE_VARIANTS[*]}")]" "Set Nautilus style" "Default is BigSur-like style (stabled sidebar)"
helpify "-l, --libadwaita" "" "Install theme into gtk4.0 config for libadwaita" "Default is dark version"
helpify "-HD, --highdefinition" "" "Set to High Definition size" "Default is laptop size"
helpify "--normal, --normalshowapps" "" "Set gnome-shell show apps button style to normal" "Default is BigSur"
helpify "--round, --roundedmaxwindow" "" "Set maximized window to rounded" "Default is square"
helpify "--right, --rightplacement" "" "Set Nautilus title button placement to right" "Default is left"
helpify "--black, --blackfont" "" "Set panel font color to black" "Default is white"
helpify "--darker, --darkercolor" "" "Install darker '${THEME_NAME}' dark themes" ""
helpify "--nord, --nordcolor" "" "Install '${THEME_NAME}' Nord ColorScheme themes" ""
helpify "--dialog, --interactive" "" "Run this installer interactively, with dialogs" ""
helpify "--silent-mode" "" "Meant for developers: ignore any confirm prompt and params become more strict" ""
helpify "-r, --remove, -u, --uninstall" "" "Remove all installed ${THEME_NAME} themes" ""
helpify "-h, --help" "" "Show this help" ""
}
###############################################################################
@ -74,48 +69,15 @@ while [[ $# -gt 0 ]]; do
# at once
case "${1}" in
# Parameters that require a value, multiple use
-o|--opacity)
check_param "${1}" "${1}" "${2}" "not-at-all" "must" "must" && shift 2 || shift ;;
-c|--color)
check_param "${1}" "${1}" "${2}" "not-at-all" "must" "must" && shift 2 || shift ;;
-t|--theme)
check_param "${1}" "${1}" "${2}" "not-at-all" "must" "must" && shift 2 || shift ;;
-s|--scheme)
check_param "${1}" "${1}" "${2}" "not-at-all" "must" "must" && shift 2 || shift ;;
-a|--alt)
check_param "${1}" "${1}" "${2}" "not-at-all" "must" "must" && shift 2 || shift ;;
# Parameters that require a value, single use
-d|--dest)
check_param "${1}" "${1}" "${2}" "must" "must" "not-at-all" && shift 2 || shift ;;
-n|--name)
check_param "${1}" "${1}" "${2}" "must" "must" "not-at-all" && shift 2 || shift ;;
# -s|--size) # only works on gnome < 40.0
# check_param "${1}" "${1}" "${2}" "optional" "optional" "optional" && shift 2 || shift ;;
-N|--nautilus)
check_param "${1}" "${1}" "${2}" "optional" "optional" "optional" && shift 2 || shift ;;
# Parameters that require a second value
--shell|--gnome-shell)
shift
for variant in "${@}"; do
case "${variant}" in
-i|-icon)
activities_icon="true";
check_param "${1}" "${1}" "${2}" "must" "must" "must" && shift 2 || shift ;;
-b|-background)
check_param "${1}" "${1}" "${2}" "must" "must" "must" "false" && shift 2 || shift ;;
-p|-panelopacity)
check_param "${1}" "${1}" "${2}" "optional" "optional" "optional" && shift 2 || shift ;;
-h|-panelheight)
check_param "${1}" "${1}" "${2}" "optional" "optional" "optional" && shift 2 || shift ;;
-sf|-smallerfont)
smaller_font="true"; shift ;;
normal|-normal)
showapps_normal="true"; shift ;;
esac
done
;;
# Parameters that don't require a value
-r|--remove|-u|-uninstall)
uninstall='true'; shift ;;
--silent-mode)
full_sudo "${1}"; silent_mode='true'; shift ;;
--dialog|--interactive)
interactive='true'; shift ;;
--normal|--normalshowapps)
showapps_normal="true"; shift ;;
--right|--rightplacement)
right_placement="true"; shift ;;
--round|--roundedmaxwindow)
@ -124,20 +86,40 @@ while [[ $# -gt 0 ]]; do
black_font="true"; shift ;;
--darker|--darkercolor)
darker="true"; shift ;;
--nord|--nordcolor)
colorscheme="-nord"; shift ;;
-HD|--highdefinition)
compact="false"; shift ;;
-m|--monterey)
monterey="true"; shift ;;
-l|--libadwaita)
libadwaita="true"; shift ;;
-f|--fixed)
accent_type="fixed"; shift ;;
-r|--remove|-u|-uninstall)
uninstall='true'; shift ;;
--silent-mode)
full_sudo "${1}"; silent_mode='true'; shift ;;
--dialog|--interactive)
interactive='true'; shift ;;
# Parameters that require a value, single use
-b|--background)
check_param "${1}" "${1}" "${2}" "must" "must" "must" "false" && shift 2 || shift ;;
-d|--dest)
check_param "${1}" "${1}" "${2}" "must" "must" "not-at-all" && shift 2 || shift ;;
-n|--name)
check_param "${1}" "${1}" "${2}" "must" "must" "not-at-all" && shift 2 || shift ;;
-i|--icon)
check_param "${1}" "${1}" "${2}" "must" "must" "must" && shift 2 || shift ;;
-s|--size)
check_param "${1}" "${1}" "${2}" "optional" "optional" "optional" && shift 2 || shift ;;
-p|--panel-opacity)
check_param "${1}" "${1}" "${2}" "optional" "optional" "optional" && shift 2 || shift ;;
-P|--panel-size)
check_param "${1}" "${1}" "${2}" "optional" "optional" "optional" && shift 2 || shift ;;
-N|--nautilus-style)
check_param "${1}" "${1}" "${2}" "optional" "optional" "optional" && shift 2 || shift ;;
# Parameters that require a value, multiple use
-a|--alt)
check_param "${1}" "${1}" "${2}" "not-at-all" "must" "must" && shift 2 || shift ;;
-o|--opacity)
check_param "${1}" "${1}" "${2}" "not-at-all" "must" "must" && shift 2 || shift ;;
-c|--color)
check_param "${1}" "${1}" "${2}" "not-at-all" "must" "must" && shift 2 || shift ;;
-t|--theme)
check_param "${1}" "${1}" "${2}" "not-at-all" "must" "must" && shift 2 || shift ;;
-h|--help)
need_help="true"; shift ;;
*)
@ -170,34 +152,32 @@ if [[ "${uninstall}" == 'true' ]]; then
fi
else
if [[ "${interactive}" == 'true' ]]; then
show_panel_opacity_dialog
# show_sidebar_size_dialog
show_nautilus_style_dialog
# else
# show_needed_dialogs
show_panel_opacity_dialog; show_sidebar_size_dialog; show_nautilus_style_dialog
echo; prompt -w "DIALOG: '--size' and '--panel' parameters are ignored if exist."; echo
else
show_needed_dialogs
fi
prompt -w "Removing the old '${name}' themes...\n"
prompt -w "Removing the old '${name}${colorscheme}' themes...\n"
remove_themes; customize_theme; avoid_variant_duplicates;
prompt -w "Installing '${name}' themes in '${dest}'...\n";
prompt -w "Installing '${name}${colorscheme}' themes in '${dest}'...\n";
prompt -t "--->>> GTK | GNOME Shell | Cinnamon | Metacity | XFWM | Plank <<<---"
prompt -i "Color variants : $( IFS=';'; echo "${colors[*]}" )"
prompt -i "Theme variants : $( IFS=';'; echo "${themes[*]}" )"
prompt -i "Opacity variants : $( IFS=';'; echo "${opacities[*]}" )"
prompt -i "Alt variants : $( IFS=';'; echo "${alts[*]}" )"
prompt -i "Scheme variants : $( IFS=';'; echo "${schemes[*]}" )"
prompt -i "Start icon style : ${icon}"
prompt -i "Nautilus style : ${nautilus_style}"
prompt -i "Icon variant : ${icon}"
prompt -i "Nautilus variant : ${nautilus_style}"
echo; install_themes; echo; prompt -s "Done!"
if [[ "${libadwaita}" == 'true' ]]; then
if [[ "$UID" != '0' ]]; then
install_libadwaita
echo; prompt -w "Some colorsheme extension will re-writes config files in '${HOME}/.config/gtk-4.0' like: 'custom-accent-colors' you need disable it!"
echo; prompt -w "Installed ${name} ${opacities} ${colors} gtk-4.0 theme in '${HOME}/.config/gtk-4.0' for libadwaita!"
else
echo; prompt -e "Do not run '--libadwaita' option with sudo!"
fi
@ -214,7 +194,7 @@ else
notif_msg="${final_msg}"
fi
echo; prompt -i "${final_msg}"
echo; prompt -w "${final_msg}"
fi
echo

42
make-release.sh
View File

@ -2,7 +2,7 @@
readonly REPO_DIR="$(dirname "$(readlink -m "${0}")")"
readonly RELEASE_DIR="${REPO_DIR}/release"
source "${REPO_DIR}/libs/lib-install.sh"
source "${REPO_DIR}/shell/lib-install.sh"
# Customization, default values
colors=("${COLOR_VARIANTS[@]}")
@ -10,21 +10,16 @@ opacities=("${OPACITY_VARIANTS[@]}")
C_VARIANTS=('-Light' '-Dark')
S_VARIANTS=('' '-solid')
N_VARIANTS=('' '-nord')
install() {
remove_themes; customize_theme; avoid_variant_duplicates
local schemes=("${SCHEME_VARIANTS[@]}")
install_themes
echo; prompt -s "Install GNOME ${RELEASE_VERSION} version finished!\n"
install_themes; echo; prompt -s "Install Gnome${RELEASE_VERSION} version finished!"; echo
}
compress() {
for color in "${C_VARIANTS[@]}"; do
for solid in "${S_VARIANTS[@]}"; do
for scheme in "${N_VARIANTS[@]}"; do
rm -rf ${RELEASE_DIR}/${THEME_NAME}${color}${solid}${scheme}.tar.xz
done
rm -rf ${RELEASE_DIR}/${THEME_NAME}${color}${solid}${RELEASE_VERSION}.tar.xz
done
done
@ -32,41 +27,20 @@ compress() {
for color in "${C_VARIANTS[@]}"; do
for solid in "${S_VARIANTS[@]}"; do
for scheme in "${N_VARIANTS[@]}"; do
tar -Jcf ${RELEASE_DIR}/${THEME_NAME}${color}${solid}${scheme}.tar.xz ${THEME_NAME}${color}${solid}${scheme}
done
tar -Jcf ${RELEASE_DIR}/${THEME_NAME}${color}${solid}${RELEASE_VERSION}.tar.xz ${THEME_NAME}${color}${solid}
done
done
}
release_info() {
rm -rf ${RELEASE_DIR}/release-info.txt
echo >> release-info.txt
echo "VERSION: (GNOME-SHELL) ${RELEASE_VERSION}" >> ${RELEASE_DIR}/release-info.txt
echo >> ${RELEASE_DIR}/release-info.txt
echo "RELEASE TIME: $(date)" >> ${RELEASE_DIR}/release-info.txt
echo >> ${RELEASE_DIR}/release-info.txt
echo "--->>> GTK | GNOME Shell | Cinnamon | Metacity | XFWM | Plank <<<---" >> ${RELEASE_DIR}/release-info.txt
echo "Color variants : $( IFS=';'; echo "${colors[*]}" )" >> ${RELEASE_DIR}/release-info.txt
echo "Theme variants : $( IFS=';'; echo "${themes[*]}" )" >> ${RELEASE_DIR}/release-info.txt
echo "Opacity variants : $( IFS=';'; echo "${opacities[*]}" )" >> ${RELEASE_DIR}/release-info.txt
echo "Alt variants : $( IFS=';'; echo "${alts[*]}" )" >> ${RELEASE_DIR}/release-info.txt
echo "Scheme variants : $( IFS=';'; echo "${SCHEME_VARIANTS[*]}" )" >> ${RELEASE_DIR}/release-info.txt
echo "Start icon style : ${icon}" >> ${RELEASE_DIR}/release-info.txt
echo "Nautilus style : ${nautilus_style}" >> ${RELEASE_DIR}/release-info.txt
}
#GNOME_VERSION="3-28"
#RELEASE_VERSION="-3-38"
#install && compress
#prompt -s "Compress Gnome${RELEASE_VERSION} version finished!"; echo
GNOME_VERSION="48-0"
RELEASE_VERSION="48.0"
GNOME_VERSION="44-0"
RELEASE_VERSION="-44-0"
install && compress
prompt -i "Compress ${THEME_NAME} themes finished!\n"
release_info
prompt -s "Done!"; echo
prompt -s "Compress Gnome${RELEASE_VERSION} version finished!"; echo
prompt -s "Done!"; echo
exit 0

43
parse-sass.sh
View File

@ -1,43 +0,0 @@
#! /usr/bin/env bash
REPO_DIR="$(cd "$(dirname "${BASH_SOURCE[0]}")" >/dev/null 2>&1 && pwd)"
SRC_DIR="${REPO_DIR}/src"
# Check command availability
function has_command() {
command -v $1 > /dev/null
}
if [ ! "$(which sassc 2> /dev/null)" ]; then
echo sassc needs to be installed to generate the css.
if has_command zypper; then
sudo zypper in sassc
elif has_command apt; then
sudo apt install -y sassc
elif has_command dnf; then
sudo dnf install -y sassc
elif has_command yum; then
sudo yum install -y sassc
elif has_command pacman; then
sudo pacman -S --noconfirm sassc
fi
fi
SASSC_OPT="-M -t expanded"
_COLOR_VARIANTS=('-Light' '-Dark')
if [ ! -z "${COLOR_VARIANTS:-}" ]; then
IFS=', ' read -r -a _COLOR_VARIANTS <<< "${COLOR_VARIANTS:-}"
fi
for color in "${_COLOR_VARIANTS[@]}"; do
sassc $SASSC_OPT src/main/gtk-3.0/gtk${color}.{scss,css}
echo "==> Generating the 3.0 gtk${color}.css..."
sassc $SASSC_OPT src/main/gtk-4.0/gtk${color}.{scss,css}
echo "==> Generating the 4.0 gtk${color}.css..."
sassc $SASSC_OPT src/main/gnome-shell/gnome-shell${color}.{scss,css}
echo "==> Generating gnome-shell${color}.css..."
sassc $SASSC_OPT src/main/cinnamon/cinnamon${color}.{scss,css}
echo "==> Generating the cinnamon${color}.css..."
done

BIN
release/WhiteSur-Dark-44-0.tar.xz Normal file
View File

Binary file not shown.

BIN
release/WhiteSur-Dark-nord.tar.xz
View File

Binary file not shown.

BIN
release/WhiteSur-Dark-solid-44-0.tar.xz Normal file
View File

Binary file not shown.

BIN
release/WhiteSur-Dark-solid-nord.tar.xz
View File

Binary file not shown.

BIN
release/WhiteSur-Dark-solid.tar.xz
View File

Binary file not shown.

BIN
release/WhiteSur-Dark.tar.xz
View File

Binary file not shown.

BIN
release/WhiteSur-Light-44-0.tar.xz Normal file
View File

Binary file not shown.

BIN
release/WhiteSur-Light-nord.tar.xz
View File

Binary file not shown.

BIN
release/WhiteSur-Light-solid-44-0.tar.xz Normal file
View File

Binary file not shown.

BIN
release/WhiteSur-Light-solid-nord.tar.xz
View File

Binary file not shown.

BIN
release/WhiteSur-Light-solid.tar.xz
View File

Binary file not shown.

BIN
release/WhiteSur-Light.tar.xz
View File

Binary file not shown.

12
release/release-info.txt
View File

@ -1,12 +0,0 @@
VERSION: (GNOME-SHELL) 48.0
RELEASE TIME: Sun Apr 6 06:14:30 PM CST 2025
--->>> GTK | GNOME Shell | Cinnamon | Metacity | XFWM | Plank <<<---
Color variants : Dark;Light
Theme variants : default
Opacity variants : normal;solid
Alt variants : normal
Scheme variants : standard;nord
Start icon style : apple
Nautilus style : stable

99
libs/lib-core.sh → shell/lib-core.sh
View File

@ -26,13 +26,7 @@ MY_HOME=$(getent passwd "${MY_USERNAME}" | cut -d: -f6)
if command -v gnome-shell &> /dev/null; then
SHELL_VERSION="$(gnome-shell --version | cut -d ' ' -f 3 | cut -d . -f -1)"
if [[ "${SHELL_VERSION:-}" -ge "48" ]]; then
GNOME_VERSION="48-0"
elif [[ "${SHELL_VERSION:-}" -ge "47" ]]; then
GNOME_VERSION="47-0"
elif [[ "${SHELL_VERSION:-}" -ge "46" ]]; then
GNOME_VERSION="46-0"
elif [[ "${SHELL_VERSION:-}" -ge "44" ]]; then
if [[ "${SHELL_VERSION:-}" -ge "44" ]]; then
GNOME_VERSION="44-0"
elif [[ "${SHELL_VERSION:-}" -ge "42" ]]; then
GNOME_VERSION="42-0"
@ -42,7 +36,7 @@ if command -v gnome-shell &> /dev/null; then
GNOME_VERSION="3-28"
fi
else
GNOME_VERSION="48-0"
GNOME_VERSION="none"
fi
#----------Program options-------------#
@ -92,17 +86,15 @@ GS_GR_XML_FILE="${THEME_SRC_DIR}/main/gnome-shell/gnome-shell-theme.gresource.xm
#-------------Theme---------------#
THEME_NAME="WhiteSur"
COMMAND_COLOR_VARIANTS=('light' 'dark')
COLOR_VARIANTS=('Light' 'Dark')
OPACITY_VARIANTS=('normal' 'solid')
ALT_VARIANTS=('normal' 'alt')
THEME_VARIANTS=('default' 'blue' 'purple' 'pink' 'red' 'orange' 'yellow' 'green' 'grey')
SCHEME_VARIANTS=('standard' 'nord')
ICON_VARIANTS=('apple' 'simple' 'gnome' 'ubuntu' 'tux' 'arch' 'manjaro' 'fedora' 'debian' 'void' 'opensuse' 'popos' 'mxlinux' 'zorin' 'budgie' 'gentoo')
ICON_VARIANTS=('standard' 'simple' 'gnome' 'ubuntu' 'tux' 'arch' 'manjaro' 'fedora' 'debian' 'void' 'opensuse' 'popos' 'mxlinux' 'zorin' 'budgie' 'gentoo')
SIDEBAR_SIZE_VARIANTS=('default' '180' '220' '240' '260' '280')
PANEL_OPACITY_VARIANTS=('default' '30' '45' '60' '75')
PANEL_SIZE_VARIANTS=('default' 'smaller' 'bigger')
NAUTILUS_STYLE_VARIANTS=('stable' 'normal' 'mojave' 'glassy' 'right')
NAUTILUS_STYLE_VARIANTS=('stable' 'normal' 'mojave' 'glassy')
#--------Customization, default values----------#
dest="${THEME_DIR}"
@ -111,7 +103,6 @@ colors=("${COLOR_VARIANTS}")
opacities=("${OPACITY_VARIANTS}")
alts=("${ALT_VARIANTS[0]}")
themes=("${THEME_VARIANTS[0]}")
schemes=("${SCHEME_VARIANTS[0]}")
icon="${ICON_VARIANTS[0]}"
sidebar_size="${SIDEBAR_SIZE_VARIANTS[0]}"
panel_opacity="${PANEL_OPACITY_VARIANTS[0]}"
@ -119,10 +110,11 @@ panel_size="${PANEL_SIZE_VARIANTS[0]}"
nautilus_style="${NAUTILUS_STYLE_VARIANTS[0]}"
background="blank"
compact="true"
colorscheme=""
#--Ambigous arguments checking and overriding default values--#
declare -A has_set=([-b]="false" [-s]="false" [-p]="false" [-h]="false" [-d]="false" [-n]="false" [-a]="false" [-o]="false" [-c]="false" [-i]="false" [-t]="false" [-N]="false")
declare -A need_dialog=([-b]="false" [-s]="false" [-p]="false" [-h]="false" [-d]="false" [-n]="false" [-a]="false" [-o]="false" [-c]="false" [-i]="false" [-t]="false" [-N]="false")
declare -A has_set=([-b]="false" [-s]="false" [-p]="false" [-P]="false" [-d]="false" [-n]="false" [-a]="false" [-o]="false" [-c]="false" [-i]="false" [-t]="false" [-N]="false")
declare -A need_dialog=([-b]="false" [-s]="false" [-p]="false" [-P]="false" [-d]="false" [-n]="false" [-a]="false" [-o]="false" [-c]="false" [-i]="false" [-t]="false" [-N]="false")
#------------Tweaks---------------#
need_help="false"
@ -259,6 +251,7 @@ if [[ -d "${WHITESUR_TMP_DIR}" ]]; then
if [[ -d "${WHITESUR_TMP_DIR}" ]]; then
prompt -e "ERROR: Whitesur installer or tweaks is already running. Probably it's run by '$(ls -ld "${WHITESUR_TMP_DIR}" | awk '{print $3}')'"
exit 1
fi
fi
@ -321,14 +314,10 @@ signal_error() {
done
prompt -e "\n =========== SYSTEM INFO ========="
prompt -e "DISTRO : $(IFS=';'; echo "${dist_ids[*]}")"
prompt -e "SUDO : $([[ -w "/root" ]] && echo "yes" || echo "no")"
if command -v gnome-shell &> /dev/null; then
prompt -e "DESKTOP : $(gnome-shell --version)"
else
prompt -e "DESKTOP : ${DESKTOP_SESSION}"
fi
prompt -e "REPO : ${repo_ver}\n"
prompt -e "DISTRO : $(IFS=';'; echo "${dist_ids[*]}")"
prompt -e "SUDO : $([[ -w "/root" ]] && echo "yes" || echo "no")"
prompt -e "GNOME : ${GNOME_VERSION}"
prompt -e "REPO : ${repo_ver}\n"
if [[ "$(grep -ril "Release" "${WHITESUR_TMP_DIR}/error_log.txt")" == "${WHITESUR_TMP_DIR}/error_log.txt" ]]; then
prompt -w "HINT: You can run: 'sudo apt install sassc libglib2.0-dev libxml2-utils' on ubuntu 18.04 or 'sudo apt install sassc libglib2.0-dev-bin' on ubuntu >= 20.04 \n"
@ -399,14 +388,6 @@ helpify() {
printf " ${c_blue}%s ${c_green}%s\n ${c_magenta}%s. ${c_cyan}%s\n\n${c_default}" "${1}" "${2}" "${3}" "${4}"
}
sec_title() {
printf " ${c_blue}%s ${c_green}%s ${c_magenta}%s ${c_cyan}%s\n\n${c_default}" "${1}" "${2}" "${3}" "${4}"
}
sec_helpify() {
printf " ${c_blue}%s ${c_green}%s ${c_magenta}%s ${c_cyan}%s\n\n${c_default}" "${1}" "${2}" "${3}" "${4}"
}
###############################################################################
# PARAMETERS #
###############################################################################
@ -427,6 +408,8 @@ parsimplify() {
echo "~-n" | cut -c 2- ;;
--dest)
echo "-d" ;;
--size)
echo "-s" ;;
--alt)
echo "-a" ;;
--opacity)
@ -437,16 +420,14 @@ parsimplify() {
echo "-i" ;;
--theme)
echo "-t" ;;
--scheme)
echo "-s" ;;
--nautilus)
echo "-N" ;;
-background)
echo "-b" ;;
-panelheight)
echo "-h" ;;
-panelopacity)
--panel-opacity)
echo "-p" ;;
--panel-size)
echo "-P" ;;
--nautilus-style)
echo "-N" ;;
--background)
echo "-b" ;;
*)
echo "${1}" ;;
esac
@ -503,17 +484,15 @@ check_param() {
colors=() ;;
-t)
themes=() ;;
-s)
schemes=() ;;
esac
fi
case "${global_param}" in
-d)
if [[ "$(readlink -m ${value})" =~ "${REPO_DIR}" ]]; then
if [[ "$(readlink -m "${value}")" =~ "${REPO_DIR}" ]]; then
prompt -e "'${display_param}' ERROR: Can't install in the source directory."
has_any_error="true"
elif [[ ! -w "${value}" && ! -w "$(dirname ${value})" ]]; then
elif [[ ! -w "${value}" && ! -w "$(dirname "${value}")" ]]; then
prompt -e "'${display_param}' ERROR: You have no permission to access that directory."
has_any_error="true"
else
@ -525,7 +504,7 @@ check_param() {
dest="${value}"
fi
remind_relative_path "${display_param}" "${value}"; variant_found="skip";;
remind_relative_path "${display_param}" "${value}"; variant_found="skip" ;;
-b)
if [[ "${value}" == "blank" || "${value}" == "default" ]]; then
background="${value}"
@ -542,19 +521,19 @@ check_param() {
remind_relative_path "${display_param}" "${value}"; variant_found="skip" ;;
-n)
name="${value}"; variant_found="skip" ;;
# -s)
# for i in {0..5}; do
# if [[ "${value}" == "${SIDEBAR_SIZE_VARIANTS[i]}" ]]; then
# sidebar_size="${value}"; variant_found="true"; break
# fi
# done ;;
-s)
for i in {0..5}; do
if [[ "${value}" == "${SIDEBAR_SIZE_VARIANTS[i]}" ]]; then
sidebar_size="${value}"; variant_found="true"; break
fi
done ;;
-p)
for i in {0..4}; do
if [[ "${value}" == "${PANEL_OPACITY_VARIANTS[i]}" ]]; then
panel_opacity="${value}"; variant_found="true"; break
fi
done ;;
-h)
-P)
for i in {0..2}; do
if [[ "${value}" == "${PANEL_SIZE_VARIANTS[i]}" ]]; then
panel_size="${value}"; variant_found="true"; break
@ -582,7 +561,7 @@ check_param() {
done ;;
-c)
for i in {0..1}; do
if [[ "${value}" == "${COLOR_VARIANTS[i]}" || "${value}" == "${COMMAND_COLOR_VARIANTS[i]}" ]]; then
if [[ "${value}" == "${COLOR_VARIANTS[i]}" ]]; then
colors+=("${COLOR_VARIANTS[i]}"); variant_found="true"; break
fi
done ;;
@ -597,24 +576,19 @@ check_param() {
for i in {0..8}; do
themes+=("${THEME_VARIANTS[i]}")
done
variant_found="true"
else
for i in {0..8}; do
if [[ "${value}" == "${THEME_VARIANTS[i]}" ]]; then
themes+=("${THEME_VARIANTS[i]}")
variant_found="true"; break
variant_found="true"
break
fi
done
fi ;;
-s)
for i in {0..1}; do
if [[ "${value}" == "${SCHEME_VARIANTS[i]}" ]]; then
schemes+=("${SCHEME_VARIANTS[i]}")
variant_found="true"; break
fi
done ;;
-N)
for i in {0..4}; do
for i in {0..3}; do
if [[ "${value}" == "${NAUTILUS_STYLE_VARIANTS[i]}" ]]; then
nautilus_style="${NAUTILUS_STYLE_VARIANTS[i]}"; variant_found="true"; break
fi
@ -642,7 +616,6 @@ avoid_variant_duplicates() {
opacities=($(printf "%s\n" "${opacities[@]}" | sort -u))
alts=($(printf "%s\n" "${alts[@]}" | sort -u))
themes=($(printf "%s\n" "${themes[@]}" | sort -u))
schemes=($(printf "%s\n" "${schemes[@]}" | sort -u))
}
# 'finalize_argument_parsing' is in the 'MISC' section

31
libs/lib-flatpak.sh → shell/lib-flatpak.sh
View File

@ -7,9 +7,8 @@ pakitheme_gtk3() {
local opacity="$(destify ${2})"
local alt="$(destify ${3})"
local theme="$(destify ${4})"
local scheme="$(destify ${5})"
local FLATPAK_THEME="${name}${color}${opacity}${alt}${theme}${scheme}"
local FLATPAK_THEME="${name}${color}${opacity}${alt}${theme}${colorscheme}"
local GTK_3_THEME_VER=3.22
local cache_home="${XDG_CACHE_HOME:-$HOME/.cache}"
@ -31,18 +30,6 @@ pakitheme_gtk3() {
if [[ -n "$theme_path" ]]; then
prompt -i "Converting theme: $FLATPAK_THEME... \n"
elif [[ "${theme}" == '' ]]; then
prompt -e "Find other variant themes but could not locate deafult theme! \n"
prompt -s "You can run './install.sh' install theme first! \n"
prompt -s "Run this with right options! >>> \n"
prompt -i "-o, --opacity [$(IFS='|'; echo "${OPACITY_VARIANTS[*]}")]"
prompt -i "-c, --color [$(IFS='|'; echo "${COLOR_VARIANTS[*]}")]"
prompt -i "-a, --alt [$(IFS='|'; echo "${ALT_VARIANTS[*]}")|all]"
prompt -i "-t, --theme [$(IFS='|'; echo "${THEME_VARIANTS[*]}")|all]"
prompt -i "-s, --scheme [$(IFS='|'; echo "${SCHEME_VARIANTS[*]}")]"
prompt -i "..."
echo
exit 0
else
prompt -e "Could not locate theme... install theme first! \n"
exit 0
@ -56,7 +43,7 @@ pakitheme_gtk3() {
rm -rf "$build_dir"
mkdir -p "$build_dir/files"
cp -a "$theme_path/gtk-3.0/"{gtk.css,gtk-dark.css,gtk.gresource} "$build_dir/files"
cp -a "$theme_path/gtk-3.0/"* "$build_dir/files"
mkdir -p "$build_dir/files/share/appdata"
cat >"$build_dir/files/share/appdata/$gtk3_app_id.appdata.xml" <<EOF
@ -115,16 +102,10 @@ flatpak_remove() {
local opacity="$(destify ${2})"
local alt="$(destify ${3})"
local theme="$(destify ${4})"
local scheme="$(destify ${5})"
local system_theme_dir="/var/lib/flatpak/runtime/org.gtk.Gtk3theme.${name}${color}${opacity}${alt}${theme}${scheme}"
local user_theme_dir="$HOME/.local/share/flatpak/runtime/org.gtk.Gtk3theme.${name}${color}${opacity}${alt}${theme}${scheme}"
if [[ -d "$system_theme_dir" ]]; then
sudo flatpak remove -y --system org.gtk.Gtk3theme.${name}${color}${opacity}${alt}${theme}${scheme}
fi
if [[ -d "$user_theme_dir" ]]; then
flatpak remove -y --user org.gtk.Gtk3theme.${name}${color}${opacity}${alt}${theme}${scheme}
if [[ -w "/root" ]]; then
sudo flatpak remove -y --system org.gtk.Gtk3theme.${name}${color}${opacity}${alt}${theme}${colorscheme}
else
flatpak remove -y --user org.gtk.Gtk3theme.${name}${color}${opacity}${alt}${theme}${colorscheme}
fi
}

333
libs/lib-install.sh → shell/lib-install.sh
View File

@ -8,8 +8,8 @@
# VARIABLES #
###############################################################################
source "${REPO_DIR}/libs/lib-core.sh"
source "${REPO_DIR}/libs/lib-flatpak.sh"
source "${REPO_DIR}/shell/lib-core.sh"
source "${REPO_DIR}/shell/lib-flatpak.sh"
WHITESUR_SOURCE+=("lib-install.sh")
###############################################################################
@ -77,11 +77,7 @@ prepare_deps() {
prompt -w "DEPS: Your system clock is wrong"
prompt -i "DEPS: Updating your system clock..."
# Add "+ 25" here to accomodate potential time delay by sudo prompt
sudo date -s "@$((remote_time + 25))"
if has_command hwclock; then
sudo hwclock --systohc
fi
sudo date -s "@$((remote_time + 25))"; sudo hwclock --systohc
fi
}
@ -119,7 +115,7 @@ prepare_swupd() {
install_swupd_packages() {
if [[ ! "${swupd_packages}" ]]; then
swupd_packages=$(curl -s -o - "${swupd_url}" | awk -F '"' '/-bin-|-lib-/{print $2}')
swupd_packages="$(curl -s -o - "${swupd_url}" | awk -F '"' '/-bin-|-lib-/{print $2}')"
fi
for key in "${@}"; do
@ -351,30 +347,53 @@ install_beggy() {
esac
}
install_xfwmy() {
local color="$(destify ${1})"
local TARGET_DIR="${dest}/${name}${color}${colorscheme}"
local HDPI_TARGET_DIR="${dest}/${name}${color}${colorscheme}-hdpi"
local XHDPI_TARGET_DIR="${dest}/${name}${color}${colorscheme}-xhdpi"
mkdir -p "${TARGET_DIR}/xfwm4"
cp -r "${THEME_SRC_DIR}/assets/xfwm4/assets${color}${colorscheme}/"*".png" "${TARGET_DIR}/xfwm4"
cp -r "${THEME_SRC_DIR}/main/xfwm4/themerc${color}" "${TARGET_DIR}/xfwm4/themerc"
mkdir -p "${HDPI_TARGET_DIR}/xfwm4"
cp -r "${THEME_SRC_DIR}/assets/xfwm4/assets${color}${colorscheme}-hdpi/"*".png" "${HDPI_TARGET_DIR}/xfwm4"
cp -r "${THEME_SRC_DIR}/main/xfwm4/themerc${color}" "${HDPI_TARGET_DIR}/xfwm4/themerc"
mkdir -p "${XHDPI_TARGET_DIR}/xfwm4"
cp -r "${THEME_SRC_DIR}/assets/xfwm4/assets${color}${colorscheme}-xhdpi/"*".png" "${XHDPI_TARGET_DIR}/xfwm4"
cp -r "${THEME_SRC_DIR}/main/xfwm4/themerc${color}" "${XHDPI_TARGET_DIR}/xfwm4/themerc"
}
install_shelly() {
local color="$(destify ${1})"
local opacity="$(destify ${2})"
local alt="$(destify ${3})"
local theme="$(destify ${4})"
local scheme="$(destify ${5})"
local icon="$(destify ${6})"
local icon="$(destify ${5})"
local TARGET_DIR=
if [[ -z "${7}" ]]; then
TARGET_DIR="${dest}/${name}${color}${opacity}${alt}${theme}${scheme}/gnome-shell"
if [[ -z "${6}" ]]; then
TARGET_DIR="${dest}/${name}${color}${opacity}${alt}${theme}${colorscheme}/gnome-shell"
else
TARGET_DIR="${7}"
TARGET_DIR="${6}"
fi
if [[ "${GNOME_VERSION}" == 'none' ]]; then
local GNOME_VERSION='44-0'
fi
mkdir -p "${TARGET_DIR}"
mkdir -p "${TARGET_DIR}/assets"
cp -r "${THEME_SRC_DIR}/assets/gnome-shell/icons" "${TARGET_DIR}"
cp -r "${THEME_SRC_DIR}/main/gnome-shell/pad-osd.css" "${TARGET_DIR}"
sassc ${SASSC_OPT} "${THEME_SRC_DIR}/main/gnome-shell/gnome-shell${color}.scss" "${TARGET_DIR}/gnome-shell.css"
sassc ${SASSC_OPT} "${THEME_SRC_DIR}/main/gnome-shell/shell-${GNOME_VERSION}/gnome-shell${color}.scss" "${TARGET_DIR}/gnome-shell.css"
cp -r "${THEME_SRC_DIR}/assets/gnome-shell/common-assets/"*".svg" "${TARGET_DIR}/assets"
cp -r "${THEME_SRC_DIR}/assets/gnome-shell/assets${color}/"*".svg" "${TARGET_DIR}/assets"
cp -r "${THEME_SRC_DIR}/assets/gnome-shell/theme${theme}${scheme}/"*".svg" "${TARGET_DIR}/assets"
cp -r "${THEME_SRC_DIR}/assets/gnome-shell/theme${theme}${colorscheme}/"*".svg" "${TARGET_DIR}/assets"
cp -r "${THEME_SRC_DIR}/assets/gnome-shell/activities/activities${icon}.svg" "${TARGET_DIR}/assets/activities.svg"
cp -r "${THEME_SRC_DIR}/assets/gnome-shell/activities/activities${icon}.svg" "${TARGET_DIR}/assets/activities-white.svg"
cp -r "${WHITESUR_TMP_DIR}/beggy.png" "${TARGET_DIR}/assets/background.png"
@ -396,7 +415,6 @@ install_theemy() {
local opacity="$(destify ${2})"
local alt="$(destify ${3})"
local theme="$(destify ${4})"
local scheme="$(destify ${5})"
if [[ "${color}" == '-Light' ]]; then
local iconcolor=''
@ -404,21 +422,21 @@ install_theemy() {
local iconcolor='-Dark'
fi
local TARGET_DIR="${dest}/${name}${color}${opacity}${alt}${theme}${scheme}"
local TMP_DIR_T="${WHITESUR_TMP_DIR}/gtk-3.0${color}${opacity}${alt}${theme}${scheme}"
local TMP_DIR_F="${WHITESUR_TMP_DIR}/gtk-4.0${color}${opacity}${alt}${theme}${scheme}"
local TARGET_DIR="${dest}/${name}${color}${opacity}${alt}${theme}${colorscheme}"
local TMP_DIR_T="${WHITESUR_TMP_DIR}/gtk-3.0${color}${opacity}${alt}${theme}${colorscheme}"
local TMP_DIR_F="${WHITESUR_TMP_DIR}/gtk-4.0${color}${opacity}${alt}${theme}${colorscheme}"
mkdir -p "${TARGET_DIR}"
local desktop_entry="[Desktop Entry]\n"
desktop_entry+="Type=X-GNOME-Metatheme\n"
desktop_entry+="Name=${name}${color}${opacity}${alt}${theme}${scheme}\n"
desktop_entry+="Name=${name}${color}${opacity}${alt}${theme}${colorscheme}\n"
desktop_entry+="Comment=A MacOS BigSur like Gtk+ theme based on Elegant Design\n"
desktop_entry+="Encoding=UTF-8\n\n"
desktop_entry+="[X-GNOME-Metatheme]\n"
desktop_entry+="GtkTheme=${name}${color}${opacity}${alt}${theme}${scheme}\n"
desktop_entry+="MetacityTheme=${name}${color}${opacity}${alt}${theme}${scheme}\n"
desktop_entry+="GtkTheme=${name}${color}${opacity}${alt}${theme}${colorscheme}\n"
desktop_entry+="MetacityTheme=${name}${color}${opacity}${alt}${theme}${colorscheme}\n"
desktop_entry+="IconTheme=${name}${iconcolor}\n"
desktop_entry+="CursorTheme=WhiteSur-cursors\n"
desktop_entry+="ButtonLayout=close,minimize,maximize:menu\n"
@ -431,13 +449,13 @@ install_theemy() {
cp -r "${THEME_SRC_DIR}/assets/gtk/common-assets/assets" "${TMP_DIR_T}"
cp -r "${THEME_SRC_DIR}/assets/gtk/common-assets/sidebar-assets/"*".png" "${TMP_DIR_T}/assets"
cp -r "${THEME_SRC_DIR}/assets/gtk/scalable" "${TMP_DIR_T}/assets"
cp -r "${THEME_SRC_DIR}/assets/gtk/windows-assets/titlebutton${alt}${scheme}" "${TMP_DIR_T}/windows-assets"
cp -r "${THEME_SRC_DIR}/assets/gtk/windows-assets/titlebutton${alt}${colorscheme}" "${TMP_DIR_T}/windows-assets"
sassc ${SASSC_OPT} "${THEME_SRC_DIR}/main/gtk-3.0/gtk${color}.scss" "${TMP_DIR_T}/gtk.css"
sassc ${SASSC_OPT} "${THEME_SRC_DIR}/main/gtk-3.0/gtk-Dark.scss" "${TMP_DIR_T}/gtk-dark.css"
mkdir -p "${TARGET_DIR}/gtk-3.0"
cp -r "${THEME_SRC_DIR}/assets/gtk/thumbnails/thumbnail${color}${theme}${scheme}.png" "${TARGET_DIR}/gtk-3.0/thumbnail.png"
cp -r "${THEME_SRC_DIR}/assets/gtk/thumbnails/thumbnail${color}${theme}${colorscheme}.png" "${TARGET_DIR}/gtk-3.0/thumbnail.png"
echo '@import url("resource:///org/gnome/theme/gtk.css");' > "${TARGET_DIR}/gtk-3.0/gtk.css"
echo '@import url("resource:///org/gnome/theme/gtk-dark.css");' > "${TARGET_DIR}/gtk-3.0/gtk-dark.css"
glib-compile-resources --sourcedir="${TMP_DIR_T}" --target="${TARGET_DIR}/gtk-3.0/gtk.gresource" "${THEME_SRC_DIR}/main/gtk-3.0/gtk.gresource.xml"
@ -452,7 +470,7 @@ install_theemy() {
sassc ${SASSC_OPT} "${THEME_SRC_DIR}/main/gtk-4.0/gtk-Dark.scss" "${TMP_DIR_F}/gtk-dark.css"
mkdir -p "${TARGET_DIR}/gtk-4.0"
cp -r "${THEME_SRC_DIR}/assets/gtk/thumbnails/thumbnail${color}${theme}${scheme}.png" "${TARGET_DIR}/gtk-4.0/thumbnail.png"
cp -r "${THEME_SRC_DIR}/assets/gtk/thumbnails/thumbnail${color}${theme}${colorscheme}.png" "${TARGET_DIR}/gtk-4.0/thumbnail.png"
echo '@import url("resource:///org/gnome/theme/gtk.css");' > "${TARGET_DIR}/gtk-4.0/gtk.css"
echo '@import url("resource:///org/gnome/theme/gtk-dark.css");' > "${TARGET_DIR}/gtk-4.0/gtk-dark.css"
glib-compile-resources --sourcedir="${TMP_DIR_F}" --target="${TARGET_DIR}/gtk-4.0/gtk.gresource" "${THEME_SRC_DIR}/main/gtk-4.0/gtk.gresource.xml"
@ -462,39 +480,24 @@ install_theemy() {
mkdir -p "${TARGET_DIR}/cinnamon"
sassc ${SASSC_OPT} "${THEME_SRC_DIR}/main/cinnamon/cinnamon${color}.scss" "${TARGET_DIR}/cinnamon/cinnamon.css"
cp -r "${THEME_SRC_DIR}/assets/cinnamon/common-assets" "${TARGET_DIR}/cinnamon/assets"
cp -r "${THEME_SRC_DIR}/assets/cinnamon/assets${color}${scheme}/"*".svg" "${TARGET_DIR}/cinnamon/assets"
cp -r "${THEME_SRC_DIR}/assets/cinnamon/theme${theme}${scheme}/"*".svg" "${TARGET_DIR}/cinnamon/assets"
cp -r "${THEME_SRC_DIR}/assets/cinnamon/thumbnails/thumbnail${color}${theme}${scheme}.png" "${TARGET_DIR}/cinnamon/thumbnail.png"
cp -r "${THEME_SRC_DIR}/assets/cinnamon/assets${color}${colorscheme}/"*".svg" "${TARGET_DIR}/cinnamon/assets"
cp -r "${THEME_SRC_DIR}/assets/cinnamon/theme${theme}${colorscheme}/"*".svg" "${TARGET_DIR}/cinnamon/assets"
cp -r "${THEME_SRC_DIR}/assets/cinnamon/thumbnails/thumbnail${color}${theme}${colorscheme}.png" "${TARGET_DIR}/cinnamon/thumbnail.png"
#----------------Misc------------------#
mkdir -p "${TARGET_DIR}/gtk-2.0"
cp -r "${THEME_SRC_DIR}/main/gtk-2.0/gtkrc${color}${theme}${scheme}" "${TARGET_DIR}/gtk-2.0/gtkrc"
cp -r "${THEME_SRC_DIR}/main/gtk-2.0/gtkrc${color}${theme}${colorscheme}" "${TARGET_DIR}/gtk-2.0/gtkrc"
cp -r "${THEME_SRC_DIR}/main/gtk-2.0/menubar-toolbar${color}.rc" "${TARGET_DIR}/gtk-2.0/menubar-toolbar.rc"
cp -r "${THEME_SRC_DIR}/main/gtk-2.0/common/"*".rc" "${TARGET_DIR}/gtk-2.0"
cp -r "${THEME_SRC_DIR}/assets/gtk-2.0/assets-common${color}${scheme}" "${TARGET_DIR}/gtk-2.0/assets"
cp -r "${THEME_SRC_DIR}/assets/gtk-2.0/assets${color}${theme}${scheme}/"*".png" "${TARGET_DIR}/gtk-2.0/assets"
local HDPI_TARGET_DIR="${TARGET_DIR}-hdpi"
local XHDPI_TARGET_DIR="${TARGET_DIR}-xhdpi"
mkdir -p "${TARGET_DIR}/xfwm4"
cp -r "${THEME_SRC_DIR}/assets/xfwm4/assets${color}${scheme}/"*".png" "${TARGET_DIR}/xfwm4"
cp -r "${THEME_SRC_DIR}/main/xfwm4/themerc${color}" "${TARGET_DIR}/xfwm4/themerc"
mkdir -p "${HDPI_TARGET_DIR}/xfwm4"
cp -r "${THEME_SRC_DIR}/assets/xfwm4/assets${color}${scheme}-hdpi/"*".png" "${HDPI_TARGET_DIR}/xfwm4"
cp -r "${THEME_SRC_DIR}/main/xfwm4/themerc${color}" "${HDPI_TARGET_DIR}/xfwm4/themerc"
mkdir -p "${XHDPI_TARGET_DIR}/xfwm4"
cp -r "${THEME_SRC_DIR}/assets/xfwm4/assets${color}${scheme}-xhdpi/"*".png" "${XHDPI_TARGET_DIR}/xfwm4"
cp -r "${THEME_SRC_DIR}/main/xfwm4/themerc${color}" "${XHDPI_TARGET_DIR}/xfwm4/themerc"
cp -r "${THEME_SRC_DIR}/assets/gtk-2.0/assets-common${color}${colorscheme}" "${TARGET_DIR}/gtk-2.0/assets"
cp -r "${THEME_SRC_DIR}/assets/gtk-2.0/assets${color}${theme}${colorscheme}/"*".png" "${TARGET_DIR}/gtk-2.0/assets"
mkdir -p "${TARGET_DIR}/metacity-1"
cp -r "${THEME_SRC_DIR}/main/metacity-1/metacity-theme${color}.xml" "${TARGET_DIR}/metacity-1/metacity-theme-1.xml"
cp -r "${THEME_SRC_DIR}/main/metacity-1/metacity-theme-3.xml" "${TARGET_DIR}/metacity-1"
cp -r "${THEME_SRC_DIR}/assets/metacity-1/titlebuttons${color}${scheme}" "${TARGET_DIR}/metacity-1/titlebuttons"
cp -r "${THEME_SRC_DIR}/assets/metacity-1/thumbnail${color}${scheme}.png" "${TARGET_DIR}/metacity-1/thumbnail.png"
cp -r "${THEME_SRC_DIR}/assets/metacity-1/titlebuttons${color}${colorscheme}" "${TARGET_DIR}/metacity-1/titlebuttons"
cp -r "${THEME_SRC_DIR}/assets/metacity-1/thumbnail${color}${colorscheme}.png" "${TARGET_DIR}/metacity-1/thumbnail.png"
( cd "${TARGET_DIR}/metacity-1" && ln -s "metacity-theme-1.xml" "metacity-theme-2.xml" )
mkdir -p "${TARGET_DIR}/plank"
@ -504,7 +507,15 @@ install_theemy() {
}
remove_packy() {
rm -rf "${dest}/${name}$(destify ${1})$(destify ${2})$(destify ${3})$(destify ${4})$(destify ${5})"{'','-hdpi','-xhdpi'}
rm -rf "${dest}/${name}$(destify ${1})$(destify ${2})$(destify ${3})$(destify ${4})${colorscheme}"
rm -rf "${dest}/${name}$(destify ${1})${colorscheme}-hdpi"
rm -rf "${dest}/${name}$(destify ${1})${colorscheme}-xhdpi"
}
remove_old_packy() {
rm -rf "${dest}/${name}${1}$(destify ${2})$(destify ${3})$(destify ${4})${5}"
rm -rf "${dest}/${name}${1}${5}-hdpi"
rm -rf "${dest}/${name}${1}${5}-xhdpi"
}
###############################################################################
@ -513,45 +524,34 @@ remove_packy() {
config_gtk4() {
local color="$(destify ${1})"
local opacity="$(destify ${2})"
local alt="$(destify ${3})"
local theme="$(destify ${4})"
local scheme="$(destify ${5})"
local alt="$(destify ${2})"
local TARGET_DIR="${HOME}/.config/gtk-4.0"
# Install gtk4.0 into config for libadwaita
mkdir -p "${TARGET_DIR}"
# backup_file "${TARGET_DIR}/gtk.css" "udo"
rm -rf "${TARGET_DIR}/"{gtk.css,gtk-dark.css,gtk-Light.css,gtk-Dark.css,assets,windows-assets}
rm -rf "${TARGET_DIR}/"{gtk.css,gtk-Light.css,gtk-Dark.css,assets,windows-assets}
sassc ${SASSC_OPT} "${THEME_SRC_DIR}/main/gtk-4.0/gtk-Light.scss" "${TARGET_DIR}/gtk-Light.css"
sassc ${SASSC_OPT} "${THEME_SRC_DIR}/main/gtk-4.0/gtk-Dark.scss" "${TARGET_DIR}/gtk-Dark.css"
ln -sf "${TARGET_DIR}/gtk${color}.css" "${TARGET_DIR}/gtk.css"
ln -sf "${TARGET_DIR}/gtk-Dark.css" "${TARGET_DIR}/gtk-dark.css"
ln -sf "${TARGET_DIR}/gtk-${colors}.css" "${TARGET_DIR}/gtk.css"
cp -r "${THEME_SRC_DIR}/assets/gtk/common-assets/assets" "${TARGET_DIR}"
cp -r "${THEME_SRC_DIR}/assets/gtk/common-assets/sidebar-assets/"*".png" "${TARGET_DIR}/assets"
cp -r "${THEME_SRC_DIR}/assets/gtk/scalable" "${TARGET_DIR}/assets"
cp -r "${THEME_SRC_DIR}/assets/gtk/windows-assets/titlebutton${alt}${scheme}" "${TARGET_DIR}/windows-assets"
prompt -s "\n Installed ${name}${color}${opacity}${alt}${theme}${scheme} gtk-4.0 theme in '${HOME}/.config/gtk-4.0' for libadwaita!"
cp -r "${THEME_SRC_DIR}/assets/gtk/windows-assets/titlebutton${alt}${colorscheme}" "${TARGET_DIR}/windows-assets"
}
install_libadwaita() {
color="${colors[0]}"
opacity="${opacities[0]}"
alt="${alts[0]}"
theme="${themes[0]}"
scheme="${schemes[0]}"
color="${colors[1]}"
install_theme_deps
gtk_base && config_gtk4 "${color}" "${opacity}" "${alt}" "${theme}" "${scheme}"
gtk_base "${opacities[0]}" "${themes[0]}"
config_gtk4 "${colors}" "${alts}"
}
remove_libadwaita() {
# restore_file "${TARGET_DIR}/gtk.css"
rm -rf "${HOME}/.config/gtk-4.0/"{gtk.css,gtk-dark.css,gtk-Light.css,gtk-Dark.css,assets,windows-assets}
rm -rf "${HOME}/.config/gtk-4.0/"{gtk.css,gtk-Light.css,gtk-Dark.css,assets,windows-assets}
}
###############################################################################
@ -574,16 +574,14 @@ install_themes() {
install_theme_deps; start_animation; install_beggy
for color in "${colors[@]}"; do
for opacity in "${opacities[@]}"; do
for alt in "${alts[@]}"; do
for theme in "${themes[@]}"; do
for scheme in "${schemes[@]}"; do
gtk_base
install_theemy "${color}" "${opacity}" "${alt}" "${theme}" "${scheme}"
shell_base
install_shelly "${color}" "${opacity}" "${alt}" "${theme}" "${scheme}" "${icon}"
done
for opacity in "${opacities[@]}"; do
for alt in "${alts[@]}"; do
for theme in "${themes[@]}"; do
for color in "${colors[@]}"; do
gtk_base "${opacity}" "${theme}" "${compact}"
install_theemy "${color}" "${opacity}" "${alt}" "${theme}"
install_shelly "${color}" "${opacity}" "${alt}" "${theme}" "${icon}"
install_xfwmy "${color}"
done
done
done
@ -599,9 +597,19 @@ remove_themes() {
for opacity in "${OPACITY_VARIANTS[@]}"; do
for alt in "${ALT_VARIANTS[@]}"; do
for theme in "${THEME_VARIANTS[@]}"; do
for scheme in "${SCHEME_VARIANTS[@]}"; do
remove_packy "${color}" "${opacity}" "${alt}" "${theme}" "${scheme}" &
process_ids+=("${!}")
remove_packy "${color}" "${opacity}" "${alt}" "${theme}" &
process_ids+=("${!}")
done
done
done
done
for color in '-light' '-dark'; do
for opacity in "${OPACITY_VARIANTS[@]}"; do
for alt in "${ALT_VARIANTS[@]}"; do
for theme in "${THEME_VARIANTS[@]}"; do
for scheme in '' '-nord'; do
remove_old_packy "${color}" "${opacity}" "${alt}" "${theme}" "${scheme}"
done
done
done
@ -617,10 +625,10 @@ install_gdm_theme() {
# Let's go!
install_theme_deps
rm -rf "${WHITESUR_GS_DIR}"; install_beggy
gtk_base && shell_base
gtk_base "${colors[0]}" "${opacities[0]}" "${themes[0]}"
if check_theme_file "${COMMON_CSS_FILE}"; then # CSS-based theme
install_shelly "${colors[0]}" "${opacities[0]}" "${alts[0]}" "${themes[0]}" "${schemes[0]}" "${icon}" "${WHITESUR_GS_DIR}"
install_shelly "${colors[0]}" "${opacities[0]}" "${alts[0]}" "${themes[0]}" "${icon}" "${WHITESUR_GS_DIR}"
sed $SED_OPT "s|assets|${WHITESUR_GS_DIR}/assets|" "${WHITESUR_GS_DIR}/gnome-shell.css"
if check_theme_file "${UBUNTU_CSS_FILE}"; then
@ -636,7 +644,7 @@ install_gdm_theme() {
# Fix previously installed WhiteSur
restore_file "${ETC_CSS_FILE}"
else # GR-based theme
install_shelly "${colors[0]}" "${opacities[0]}" "${alts[0]}" "${themes[0]}" "${schemes[0]}" "${icon}" "${WHITESUR_TMP_DIR}/shelly"
install_shelly "${colors[0]}" "${opacities[0]}" "${alts[0]}" "${themes[0]}" "${icon}" "${WHITESUR_TMP_DIR}/shelly"
sed $SED_OPT "s|assets|resource:///org/gnome/shell/theme/assets|" "${WHITESUR_TMP_DIR}/shelly/gnome-shell.css"
if check_theme_file "$POP_OS_GR_FILE"; then
@ -679,44 +687,29 @@ install_firefox_theme() {
local TARGET_DIR="${FIREFOX_THEME_DIR}"
fi
if [[ "${colorscheme}" == '-nord' && "${adaptive}" == '-adaptive' ]]; then
local theme_type="${adaptive}"
else
local theme_type="${darker}${adaptive}${colorscheme}"
fi
remove_firefox_theme
udo mkdir -p "${TARGET_DIR}"
udo cp -rf "${FIREFOX_SRC_DIR}"/customChrome.css "${TARGET_DIR}"
mkdir -p "${TARGET_DIR}"
cp -rf "${FIREFOX_SRC_DIR}/${theme_name}" "${TARGET_DIR}"
[[ -f "${TARGET_DIR}"/customChrome.css ]] && mv "${TARGET_DIR}"/customChrome.css "${TARGET_DIR}"/customChrome.css.bak
cp -rf "${FIREFOX_SRC_DIR}"/customChrome.css "${TARGET_DIR}"
cp -rf "${FIREFOX_SRC_DIR}"/common/{icons,pages} "${TARGET_DIR}/${theme_name}"
if [[ "${colorscheme}" == '-nord' ]]; then
cp -rf "${FIREFOX_SRC_DIR}"/common/titlebuttons-nord "${TARGET_DIR}/${theme_name}"/titlebuttons
if [[ "${monterey}" == 'true' ]]; then
udo cp -rf "${FIREFOX_SRC_DIR}"/Monterey "${TARGET_DIR}"
udo cp -rf "${FIREFOX_SRC_DIR}"/common/{icons,titlebuttons,pages} "${TARGET_DIR}"/Monterey
udo cp -rf "${FIREFOX_SRC_DIR}"/common/*.css "${TARGET_DIR}"/Monterey
udo cp -rf "${FIREFOX_SRC_DIR}"/common/parts/*.css "${TARGET_DIR}"/Monterey/parts
udo cp -rf "${FIREFOX_SRC_DIR}"/userContent-Monterey.css "${TARGET_DIR}"/userContent.css
if [[ "${alttheme}" == 'true' ]]; then
udo cp -rf "${FIREFOX_SRC_DIR}"/userChrome-Monterey-alt.css "${TARGET_DIR}"/userChrome.css
udo cp -rf "${FIREFOX_SRC_DIR}"/WhiteSur/parts/headerbar-urlbar.css "${TARGET_DIR}"/Monterey/parts/headerbar-urlbar-alt.css
else
udo cp -rf "${FIREFOX_SRC_DIR}"/userChrome-Monterey.css "${TARGET_DIR}"/userChrome.css
fi
else
cp -rf "${FIREFOX_SRC_DIR}"/common/titlebuttons "${TARGET_DIR}/${theme_name}"
fi
cp -rf "${FIREFOX_SRC_DIR}"/common/*.css "${TARGET_DIR}/${theme_name}"
cp -rf "${FIREFOX_SRC_DIR}"/common/parts/*.css "${TARGET_DIR}/${theme_name}"/parts
[[ -f "${TARGET_DIR}"/userChrome.css ]] && mv "${TARGET_DIR}"/userChrome.css "${TARGET_DIR}"/userChrome.css.bak
cp -rf "${FIREFOX_SRC_DIR}"/userChrome-"${theme_name}${theme_type}".css "${TARGET_DIR}"/userChrome.css
[[ -f "${TARGET_DIR}"/userContent.css ]] && mv "${TARGET_DIR}"/userContent.css "${TARGET_DIR}"/userContent.css.bak
cp -rf "${FIREFOX_SRC_DIR}"/userContent-"${theme_name}${theme_type}".css "${TARGET_DIR}"/userContent.css
if [[ "${firefoxtheme}" == 'Flat' && "${theme_name}" == 'Monterey' ]]; then
cp -rf "${FIREFOX_SRC_DIR}"/userChrome-Monterey-alt"${theme_type}".css "${TARGET_DIR}"/userChrome.css
cp -rf "${FIREFOX_SRC_DIR}"/WhiteSur/parts/headerbar-urlbar.css "${TARGET_DIR}"/Monterey/parts/headerbar-urlbar-alt.css
fi
if [[ "${window}" == "alt" ]]; then
sed -i "s|titlebutton-light|titlebutton-light-alt|" "${TARGET_DIR}/${theme_name}"/theme*.css
sed -i "s|titlebutton-dark|titlebutton-dark-alt|" "${TARGET_DIR}/${theme_name}"/theme*.css
udo cp -rf "${FIREFOX_SRC_DIR}"/WhiteSur "${TARGET_DIR}"
udo cp -rf "${FIREFOX_SRC_DIR}"/common/{icons,titlebuttons,pages} "${TARGET_DIR}"/WhiteSur
udo cp -rf "${FIREFOX_SRC_DIR}"/common/*.css "${TARGET_DIR}"/WhiteSur
udo cp -rf "${FIREFOX_SRC_DIR}"/common/parts/*.css "${TARGET_DIR}"/WhiteSur/parts
udo cp -rf "${FIREFOX_SRC_DIR}"/userChrome-WhiteSur.css "${TARGET_DIR}"/userChrome.css
udo cp -rf "${FIREFOX_SRC_DIR}"/userContent-WhiteSur.css "${TARGET_DIR}"/userContent.css
fi
config_firefox
@ -737,21 +730,16 @@ config_firefox() {
killall "firefox" "firefox-bin" &> /dev/null || true
for d in "${FIREFOX_DIR}/"*"default"*; do
rm -rf "${d}/chrome"
udo ln -sf "${TARGET_DIR}" "${d}/chrome"
rm -rf "${d}/user.js"
udoify_file "${d}/user.js"
# Enable customChrome.css
echo "user_pref(\"toolkit.legacyUserProfileCustomizations.stylesheets\", true);" >> "${d}/user.js"
echo "user_pref(\"browser.tabs.drawInTitlebar\", true);" >> "${d}/user.js"
# Set UI density to normal
echo "user_pref(\"browser.uidensity\", 0);" >> "${d}/user.js"
echo "user_pref(\"layers.acceleration.force-enabled\", true);" >> "${d}/user.js"
echo "user_pref(\"mozilla.widget.use-argb-visuals\", true);" >> "${d}/user.js"
# Enable rounded bottom window corners
echo "user_pref(\"widget.gtk.rounded-bottom-corners.enabled\", true);" >> "${d}/user.js"
# Enable SVG context-propertes
echo "user_pref(\"svg.context-properties.content.enabled\", true);" >> "${d}/user.js"
if [[ -f "${d}/prefs.js" ]]; then
rm -rf "${d}/chrome"
udo ln -sf "${TARGET_DIR}" "${d}/chrome"
udoify_file "${d}/prefs.js"
echo "user_pref(\"toolkit.legacyUserProfileCustomizations.stylesheets\", true);" >> "${d}/prefs.js"
echo "user_pref(\"browser.tabs.drawInTitlebar\", true);" >> "${d}/prefs.js"
echo "user_pref(\"browser.uidensity\", 0);" >> "${d}/prefs.js"
echo "user_pref(\"layers.acceleration.force-enabled\", true);" >> "${d}/prefs.js"
echo "user_pref(\"mozilla.widget.use-argb-visuals\", true);" >> "${d}/prefs.js"
fi
done
}
@ -782,7 +770,7 @@ remove_firefox_theme() {
[[ -f "${TARGET_DIR}"/userChrome.css && ! -f "${TARGET_DIR}"/userChrome.css.bak ]] && cp -r "${TARGET_DIR}"/userChrome.css "${TARGET_DIR}"/userChrome.css.bak
[[ -f "${TARGET_DIR}"/userContent.css && ! -f "${TARGET_DIR}"/userContent.css.bak ]] && cp -r "${TARGET_DIR}"/userContent.css "${TARGET_DIR}"/userContent.css.bak
rm -rf "${TARGET_DIR}/${theme_name}"
rm -rf "${TARGET_DIR}/${THEME_NAME}"
rm -rf "${TARGET_DIR}"/customChrome.css
rm -rf "${TARGET_DIR}"/userChrome.css
rm -rf "${TARGET_DIR}"/userContent.css
@ -805,7 +793,7 @@ fix_dash_to_dock() {
}
install_dash_to_dock_theme() {
gtk_base
gtk_base "${colors[0]}" "${opacities[0]}" "${themes[0]}"
if [[ -d "${DASH_TO_DOCK_DIR_HOME}" ]]; then
backup_file "${DASH_TO_DOCK_DIR_HOME}/stylesheet.css" "udo"
@ -848,13 +836,11 @@ revert_dash_to_dock_theme() {
connect_flatpak() {
install_flatpak_deps
for color in "${colors[@]}"; do
for opacity in "${opacities[@]}"; do
for alt in "${alts[@]}"; do
for theme in "${themes[@]}"; do
for scheme in "${schemes[@]}"; do
pakitheme_gtk3 "${color}" "${opacity}" "${alt}" "${theme}" "${scheme}"
done
for opacity in "${opacities[@]}"; do
for alt in "${alts[@]}"; do
for theme in "${themes[@]}"; do
for color in "${colors[@]}"; do
pakitheme_gtk3 "${color}" "${opacity}" "${alt}" "${theme}"
done
done
done
@ -862,13 +848,11 @@ connect_flatpak() {
}
disconnect_flatpak() {
for color in "${COLOR_VARIANTS[@]}"; do
for opacity in "${OPACITY_VARIANTS[@]}"; do
for alt in "${ALT_VARIANTS[@]}"; do
for theme in "${THEME_VARIANTS[@]}"; do
for scheme in "${SCHEME_VARIANTS[@]}"; do
flatpak_remove "${color}" "${opacity}" "${alt}" "${theme}" "${scheme}"
done
for opacity in "${opacities[@]}"; do
for alt in "${alts[@]}"; do
for theme in "${themes[@]}"; do
for color in "${colors[@]}"; do
flatpak_remove "${color}" "${opacity}" "${alt}" "${theme}"
done
done
done
@ -910,31 +894,6 @@ gtk_base() {
if [[ "${theme}" != '' ]]; then
sed $SED_OPT "/\$theme/s/default/${theme}/" "${THEME_SRC_DIR}/sass/_gtk-base-temp.scss"
fi
if [[ "${scheme}" == 'nord' ]]; then
sed $SED_OPT "/\$scheme/s/standard/nord/" "${THEME_SRC_DIR}/sass/_gtk-base-temp.scss"
accent_type="fixed"
fi
if [[ "${GNOME_VERSION}" -ge '47-0' && "${libadwaita}" == 'true' ]]; then
sed $SED_OPT "/\$gnome_version/s/old/new/" "${THEME_SRC_DIR}/sass/_gtk-base-temp.scss"
fi
if [[ "${accent_type}" == 'fixed' ]]; then
sed $SED_OPT "/\$accent_type/s/default/fixed/" "${THEME_SRC_DIR}/sass/_gtk-base-temp.scss"
fi
}
shell_base() {
cp -rf "${THEME_SRC_DIR}/main/gnome-shell/_shell-base"{".scss","-temp.scss"}
sed $SED_OPT "/\widgets/s/46-0/$GNOME_VERSION/" "${THEME_SRC_DIR}/main/gnome-shell/_shell-base-temp.scss"
if [[ "${GNOME_VERSION}" == '3-28' ]]; then
sed $SED_OPT "/\extensions/s/46-0/3-28/" "${THEME_SRC_DIR}/main/gnome-shell/_shell-base-temp.scss"
elif [[ "${GNOME_VERSION}" -gt '3-28' && "${GNOME_VERSION}" -lt '46-0' ]]; then
sed $SED_OPT "/\extensions/s/46-0/40-0/" "${THEME_SRC_DIR}/main/gnome-shell/_shell-base-temp.scss"
fi
}
###############################################################################
@ -944,8 +903,10 @@ shell_base() {
customize_theme() {
cp -rf "${THEME_SRC_DIR}/sass/_theme-options"{".scss","-temp.scss"}
if [[ "${GNOME_VERSION}" -ge '47-0' ]]; then
sed $SED_OPT "/\$shell_version/s/old/new/" "${THEME_SRC_DIR}/sass/_theme-options-temp.scss"
# Nord dark colors
if [[ "${colorscheme}" == '-nord' ]]; then
prompt -s "Changing ColorScheme style to nord version ...\n"
sed $SED_OPT "/\$colorscheme/s/default/nord/" "${THEME_SRC_DIR}/sass/_theme-options-temp.scss"
fi
# Darker dark colors
@ -967,7 +928,7 @@ customize_theme() {
fi
# Change Nautilus titlebutton placement style
if [[ "${nautilus_style}" == 'right' ]]; then
if [[ "${right_placement}" == 'true' ]]; then
prompt -s "Changing Nautilus titlebutton placement style ...\n"
sed $SED_OPT "/\$placement/s/left/right/" "${THEME_SRC_DIR}/sass/_theme-options-temp.scss"
fi
@ -980,7 +941,7 @@ customize_theme() {
# Change gnome-shell panel transparency
if [[ "${panel_opacity}" != 'default' ]]; then
prompt -s "Changing panel transparency to ${panel_opacity}% ...\n"
prompt -s "Changing panel transparency ...\n"
sed $SED_OPT "/\$panel_opacity/s/0.15/0.${panel_opacity}/" "${THEME_SRC_DIR}/sass/_theme-options-temp.scss"
fi
@ -996,18 +957,6 @@ customize_theme() {
sed $SED_OPT "/\$showapps_button/s/bigsur/normal/" "${THEME_SRC_DIR}/sass/_theme-options-temp.scss"
fi
# Change gnome-shell font size
if [[ "${smaller_font}" == 'true' ]]; then
prompt -s "Changing gnome-shell font size to smaller ...\n"
sed $SED_OPT "/\$font_size/s/normal/smaller/" "${THEME_SRC_DIR}/sass/_theme-options-temp.scss"
fi
# Change gnome-shell panel activities button style
if [[ "${activities_icon}" == 'true' ]]; then
prompt -s "Changing gnome-shell panel activities button style ...\n"
sed $SED_OPT "/\$activities/s/default/icon/" "${THEME_SRC_DIR}/sass/_theme-options-temp.scss"
fi
# Change panel font color
if [[ "${monterey}" == 'true' ]]; then
black_font="true"
@ -1039,20 +988,22 @@ customize_theme() {
# values are taken from _variables.scss
show_panel_opacity_dialog() {
install_dialog_deps
dialogify panel_opacity "${THEME_NAME}" "Choose your panel opacity (Default is 15)" ${PANEL_OPACITY_VARIANTS[*]}
}
show_sidebar_size_dialog() {
install_dialog_deps
dialogify sidebar_size "${THEME_NAME}" "Choose your Nautilus minimum sidebar size (default is 200px)" ${SIDEBAR_SIZE_VARIANTS[*]}
}
show_nautilus_style_dialog() {
install_dialog_deps
dialogify nautilus_style "${THEME_NAME}" "Choose your Nautilus style (default is BigSur-like style)" ${NAUTILUS_STYLE_VARIANTS[*]}
}
show_needed_dialogs() {
install_dialog_deps
if [[ "${need_dialog["-p"]}" == "true" ]]; then show_panel_opacity_dialog; fi
# if [[ "${need_dialog["-s"]}" == "true" ]]; then show_sidebar_size_dialog; fi
if [[ "${need_dialog["-s"]}" == "true" ]]; then show_sidebar_size_dialog; fi
if [[ "${need_dialog["-N"]}" == "true" ]]; then show_nautilus_style_dialog; fi
}

0
src/assets/gnome-shell/activities-black/activities-apple.svg → src/assets/gnome-shell/activities-black/activities.svg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 882 B

After

Width:  |  Height:  |  Size: 882 B

0
src/assets/gnome-shell/activities/activities-apple.svg → src/assets/gnome-shell/activities/activities.svg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 882 B

After

Width:  |  Height:  |  Size: 882 B

82
src/assets/gtk/windows-assets/windows-assets.svg
View File

@ -2,21 +2,25 @@
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
xmlns:osb="http://www.openswatchbook.org/uri/2009/osb"
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
width="240"
height="270"
id="svg9892"
version="1.1"
inkscape:version="1.3.2 (091e20ef0f, 2023-11-25)"
sodipodi:docname="windows-assets.svg"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
inkscape:version="0.92.4 5da689c313, 2019-01-14"
sodipodi:docname="windows-assets.svg">
<defs
id="mojave_theme">
<linearGradient
id="header_button_img_dark"
inkscape:swatch="gradient">
osb:paint="gradient">
<stop
id="stop1959"
offset="0"
@ -28,7 +32,7 @@
</linearGradient>
<linearGradient
id="header_button_img"
inkscape:swatch="gradient">
osb:paint="gradient">
<stop
style="stop-color:#f1f1f1;stop-opacity:1"
offset="0"
@ -40,7 +44,7 @@
</linearGradient>
<linearGradient
id="theme_darker_color"
inkscape:swatch="solid">
osb:paint="solid">
<stop
style="stop-color:#4d4d4d;stop-opacity:1;"
offset="0"
@ -48,7 +52,7 @@
</linearGradient>
<linearGradient
id="button_active"
inkscape:swatch="gradient">
osb:paint="gradient">
<stop
style="stop-color:#3d6ffc;stop-opacity:1"
offset="0"
@ -60,7 +64,7 @@
</linearGradient>
<linearGradient
id="unchecked_highlight"
inkscape:swatch="solid">
osb:paint="solid">
<stop
style="stop-color:#5f5f5f;stop-opacity:1;"
offset="0"
@ -68,7 +72,7 @@
</linearGradient>
<linearGradient
id="dark_unchecked_bg"
inkscape:swatch="gradient">
osb:paint="gradient">
<stop
id="stop1615"
offset="0"
@ -80,7 +84,7 @@
</linearGradient>
<linearGradient
id="hightlight"
inkscape:swatch="solid">
osb:paint="solid">
<stop
style="stop-color:#5887fc;stop-opacity:1;"
offset="0"
@ -88,7 +92,7 @@
</linearGradient>
<linearGradient
id="dark_checked_bg"
inkscape:swatch="gradient">
osb:paint="gradient">
<stop
style="stop-color:#3458c0;stop-opacity:1"
offset="0"
@ -100,7 +104,7 @@
</linearGradient>
<linearGradient
id="selected_fg_color"
inkscape:swatch="solid">
osb:paint="solid">
<stop
style="stop-color:#ffffffgit;stop-opacity:1;"
offset="0"
@ -108,7 +112,7 @@
</linearGradient>
<linearGradient
id="selected_bg_color"
inkscape:swatch="solid">
osb:paint="solid">
<stop
style="stop-color:#5683fa;stop-opacity:1;"
offset="0"
@ -122,17 +126,17 @@
borderopacity="1.0"
inkscape:pageopacity="0.0"
inkscape:pageshadow="2"
inkscape:zoom="1.0175781"
inkscape:cx="278.11132"
inkscape:cy="133.65067"
inkscape:zoom="1.4390728"
inkscape:cx="174.05714"
inkscape:cy="115.84359"
inkscape:document-units="px"
inkscape:current-layer="layer1"
showgrid="true"
showborder="true"
inkscape:window-width="1920"
inkscape:window-height="1016"
inkscape:window-width="1366"
inkscape:window-height="702"
inkscape:window-x="0"
inkscape:window-y="28"
inkscape:window-y="36"
inkscape:window-maximized="1"
inkscape:snap-nodes="false"
inkscape:snap-bbox="true"
@ -151,8 +155,7 @@
inkscape:pagecheckerboard="true"
inkscape:showpageshadow="false"
inkscape:snap-others="false"
inkscape:object-paths="false"
inkscape:deskcolor="#d1d1d1">
inkscape:object-paths="false">
<inkscape:grid
type="xygrid"
id="grid10919"
@ -161,11 +164,20 @@
enabled="true"
snapvisiblegridlinesonly="true"
originx="8.000005"
originy="-1062"
spacingy="1"
spacingx="1"
units="px" />
originy="-1062" />
</sodipodi:namedview>
<metadata
id="metadata9897">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
<dc:title />
</cc:Work>
</rdf:RDF>
</metadata>
<g
inkscape:groupmode="layer"
id="layer3"
@ -199,6 +211,20 @@
id="layer1"
style="display:inline"
transform="translate(8.000005,279.63782)">
<g
inkscape:label="#g10801"
transform="matrix(1.9947791,0,0,1.9939719,354.38167,165.09433)"
id="sjhgfjsgf" />
<g
id="g4816-7"
transform="translate(-888.87744,-514.39281)" />
<g
id="g4816-6-6"
transform="translate(-829.87744,-514.39281)" />
<g
id="g3981-6-4-9-3"
transform="rotate(45,1540.4502,361.70955)"
style="opacity:0.85;fill:#1a1a1a;fill-opacity:1" />
<g
id="titlebutton-close-small-dark"
inkscape:label="#g1637"

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 272 KiB

After

Width:  |  Height:  |  Size: 273 KiB

5
src/main/gnome-shell/_shell-base.scss
View File

@ -1,5 +0,0 @@
@import '../../sass/variables';
@import '../../sass/colors';
@import '../../sass/gnome-shell/drawing';
@import '../../sass/gnome-shell/widgets-46-0';
@import '../../sass/gnome-shell/extensions-46-0';

3
src/main/gnome-shell/gnome-shell-Dark.scss
View File

@ -1,3 +0,0 @@
$variant: 'dark';
@import 'shell-base-temp';

3
src/main/gnome-shell/gnome-shell-Light.scss
View File

@ -1,3 +0,0 @@
$variant: 'light';
@import 'shell-base-temp';

11
src/main/gnome-shell/shell-3-28/gnome-shell-Dark.scss Normal file
View File

@ -0,0 +1,11 @@
$variant: 'dark';
$laptop: 'true';
$trans: 'true';
$black: 'false';
$theme: 'default';
@import '../../../sass/colors';
@import '../../../sass/variables';
@import '../../../sass/gnome-shell/drawing';
@import '../../../sass/gnome-shell/widgets-3-28';
@import '../../../sass/gnome-shell/extensions-3-28';

11
src/main/gnome-shell/shell-3-28/gnome-shell-Light.scss Normal file
View File

@ -0,0 +1,11 @@
$variant: 'light';
$laptop: 'true';
$trans: 'true';
$black: 'false';
$theme: 'default';
@import '../../../sass/colors';
@import '../../../sass/variables';
@import '../../../sass/gnome-shell/drawing';
@import '../../../sass/gnome-shell/widgets-3-28';
@import '../../../sass/gnome-shell/extensions-3-28';

8
src/main/gnome-shell/shell-40-0/gnome-shell-Dark.scss Normal file
View File

@ -0,0 +1,8 @@
$variant: 'dark';
@import '../../../sass/variables';
@import '../../../sass/colors';
@import '../../../sass/gnome-shell/drawing';
@import '../../../sass/gnome-shell/common';
@import '../../../sass/gnome-shell/widgets-40-0';
@import '../../../sass/gnome-shell/extensions-40-0';

8
src/main/gnome-shell/shell-40-0/gnome-shell-Light.scss Normal file
View File

@ -0,0 +1,8 @@
$variant: 'light';
@import '../../../sass/variables';
@import '../../../sass/colors';
@import '../../../sass/gnome-shell/drawing';
@import '../../../sass/gnome-shell/common';
@import '../../../sass/gnome-shell/widgets-40-0';
@import '../../../sass/gnome-shell/extensions-40-0';

8
src/main/gnome-shell/shell-42-0/gnome-shell-Dark.scss Normal file
View File

@ -0,0 +1,8 @@
$variant: 'dark';
@import '../../../sass/variables';
@import '../../../sass/colors';
@import '../../../sass/gnome-shell/drawing';
@import '../../../sass/gnome-shell/common';
@import '../../../sass/gnome-shell/widgets-42-0';
@import '../../../sass/gnome-shell/extensions-40-0';

8
src/main/gnome-shell/shell-42-0/gnome-shell-Light.scss Normal file
View File

@ -0,0 +1,8 @@
$variant: 'light';
@import '../../../sass/variables';
@import '../../../sass/colors';
@import '../../../sass/gnome-shell/drawing';
@import '../../../sass/gnome-shell/common';
@import '../../../sass/gnome-shell/widgets-42-0';
@import '../../../sass/gnome-shell/extensions-40-0';

8
src/main/gnome-shell/shell-44-0/gnome-shell-Dark.scss Normal file
View File

@ -0,0 +1,8 @@
$variant: 'dark';
@import '../../../sass/variables';
@import '../../../sass/colors';
@import '../../../sass/gnome-shell/drawing';
@import '../../../sass/gnome-shell/common';
@import '../../../sass/gnome-shell/widgets-44-0';
@import '../../../sass/gnome-shell/extensions-40-0';

8
src/main/gnome-shell/shell-44-0/gnome-shell-Light.scss Normal file
View File

@ -0,0 +1,8 @@
$variant: 'light';
@import '../../../sass/variables';
@import '../../../sass/colors';
@import '../../../sass/gnome-shell/drawing';
@import '../../../sass/gnome-shell/common';
@import '../../../sass/gnome-shell/widgets-44-0';
@import '../../../sass/gnome-shell/extensions-40-0';

3
src/main/gtk-3.0/gtk-Dark.scss
View File

@ -2,8 +2,7 @@ $variant: 'dark';
@import '../../sass/variables';
@import '../../sass/colors';
@import '../../sass/gtk/drawing-3.0';
@import '../../sass/gtk/drawing';
@import '../../sass/gtk/common-3.0';
@import '../../sass/gtk/apps-3.0';
@import '../../sass/gtk/colors-public';
@import '../../sass/gtk/colors-other';

3
src/main/gtk-3.0/gtk-Light.scss
View File

@ -2,8 +2,7 @@ $variant: 'light';
@import '../../sass/variables';
@import '../../sass/colors';
@import '../../sass/gtk/drawing-3.0';
@import '../../sass/gtk/drawing';
@import '../../sass/gtk/common-3.0';
@import '../../sass/gtk/apps-3.0';
@import '../../sass/gtk/colors-public';
@import '../../sass/gtk/colors-other';

4
src/main/gtk-4.0/gtk-Dark.scss
View File

@ -2,8 +2,8 @@ $variant: 'dark';
@import '../../sass/variables';
@import '../../sass/colors';
@import '../../sass/gtk/colors-libadwaita';
@import '../../sass/gtk/drawing-4.0';
@import '../../sass/gtk/drawing';
@import '../../sass/gtk/common-4.0';
@import '../../sass/gtk/apps-4.0';
@import '../../sass/gtk/colors-public';
@import '../../sass/gtk/colors-libadwaita';

4
src/main/gtk-4.0/gtk-Light.scss
View File

@ -2,8 +2,8 @@ $variant: 'light';
@import '../../sass/variables';
@import '../../sass/colors';
@import '../../sass/gtk/colors-libadwaita';
@import '../../sass/gtk/drawing-4.0';
@import '../../sass/gtk/drawing';
@import '../../sass/gtk/common-4.0';
@import '../../sass/gtk/apps-4.0';
@import '../../sass/gtk/colors-public';
@import '../../sass/gtk/colors-libadwaita';

1
src/main/gtk-4.0/make_gresource_xml.sh
View File

@ -33,7 +33,6 @@ do
done
echo " <file>assets/scalable/checkbox-checked-symbolic.svg</file>" >> gtk.gresource.xml
echo " <file>assets/scalable/checkbox-checked-big-symbolic.svg</file>" >> gtk.gresource.xml
echo " <file>assets/scalable/checkbox-mixed-symbolic.svg</file>" >> gtk.gresource.xml
echo " <file>assets/scalable/radio-checked-symbolic.svg</file>" >> gtk.gresource.xml
echo " <file>assets/scalable/combobox-arrow-symbolic.svg</file>" >> gtk.gresource.xml

181
src/other/firefox/Monterey/colors/dark-adaptive.css
View File

@ -1,181 +0,0 @@
@namespace xul url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
/* Variables that start with --gnome- are added by me and are assigned
* to elements somewhere in this code. The rest of the variables are
* built-in in Firefox, so you need to add an !important if you wanna
* override them. */
@media (prefers-color-scheme: dark) {
:root {
/* Browser area before a page starts loading */
--gnome-browser-before-load-background: color-mix(in srgb, #000000 6%, var(--lwt-accent-color, #282828));
--gnome-browser-content-box-background: var(--lwt-accent-color, #323232);
--theme-primary-color: #315bef;
--theme-primary-hover-color: #5073f1;
--theme-primary-active-color: #6584f3;
/* Browser colors */
--in-content-link-color: var(--theme-primary-color) !important;
--in-content-link-color-hover: var(--theme-primary-color-hover) !important;
/* Toolbars */
--gnome-toolbar-background: var(--lwt-accent-color, #363636);
--gnome-tabstoolbar-background: var(--lwt-accent-color, #363636);
--gnome-findbar-background: var(--lwt-accent-color, #363636);
--gnome-toolbar-color: var(--toolbar-color, #ffffff);
--gnome-toolbar-icon-fill: var(--toolbar-color, #ffffff);
--gnome-toolbar-border-color: color-mix(in srgb, currentColor 10%, transparent);
--gnome-inactive-toolbar-color: color-mix(in srgb, var(--gnome-toolbar-color) 45%, var(--gnome-toolbar-background));
--gnome-inactive-toolbar-background: var(--lwt-accent-color, #363636);
--gnome-inactive-toolbar-border-color: color-mix(in srgb, currentColor 10%, transparent);
/* Sidebar */
--gnome-sidebar-background: var(--lwt-sidebar-background-color, #282828);
--gnome-inactive-sidebar-background: var(--lwt-sidebar-background-color, #282828);
--gnome-sidebar-border-color: color-mix(in srgb, var(--lwt-text-color) 12%, var(--lwt-sidebar-background-color));
/* Popups */
--gnome-menu-background: color-mix(in srgb, var(--toolbar-field-focus-background-color) 95%, transparent);
--gnome-menu-border-color: rgba(0,0,0,.15);
--gnome-popover-background: color-mix(in srgb, var(--toolbar-field-focus-background-color) 95%, transparent);
--gnome-popover-border-color: light-dark(rgba(0,0,0,.15), #000000);
--gnome-popover-shadow: 0 5px 8px rgba(0, 0, 0, 0.3);
--gnome-popover-button-hover-background: color-mix(in srgb, currentColor 10%, transparent);
--gnome-popover-button-active-background: color-mix(in srgb, currentColor 15%, transparent);
--gnome-popover-separator-color: color-mix(in srgb, currentColor 8%, transparent);
/* Header bar */
--gnome-headerbar-background: var(--lwt-accent-color, #363636);
--gnome-headerbar-border-color: color-mix(in srgb, currentColor 12%, transparent);
--gnome-headerbar-box-shadow: inset 0 1px rgba(255, 255, 255, 0.15);
--gnome-inactive-headerbar-background: var(--lwt-accent-color, #363636);
--gnome-inactive-headerbar-border-color: color-mix(in srgb, currentColor 10%, transparent);
--gnome-inactive-headerbar-box-shadow: color-mix(in srgb, currentColor 8%, transparent);
/* Buttons */
--button-background-color: color-mix(in srgb, #ffffff 15%, var(--toolbar-field-background-color));
--button-background-hover-color: color-mix(in srgb, #ffffff 25%, var(--toolbar-field-background-color));
--button-background-active-color: color-mix(in srgb, #ffffff 35%, var(--toolbar-field-background-color));
--button-background-disabled-color: color-mix(in srgb, #ffffff 8%, var(--toolbar-field-background-color));
--gnome-button-background: linear-gradient(to top, var(--button-background-color) 0%, var(--button-background-color) 100%);
--gnome-button-border-color: color-mix(in srgb, #000000 35%, var(--toolbar-field-background-color));
--gnome-button-border-bottom-color: color-mix(in srgb, #000000 45%, var(--toolbar-field-background-color));
--gnome-button-box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
--gnome-button-hover-background: linear-gradient(to top, var(--button-background-hover-color) 0%, var(--button-background-hover-color) 100%);
--gnome-button-active-background: linear-gradient(to top, var(--button-background-active-color) 0%, var(--button-background-active-color) 100%);
--gnome-button-active-border-color: color-mix(in srgb, #000000 35%, var(--toolbar-field-background-color));
--gnome-button-active-bottom-border-color: color-mix(in srgb, #000000 45%, var(--toolbar-field-background-color));
--gnome-button-active-box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
--gnome-button-disabled-background: linear-gradient(to top, var(--button-background-disabled-color) 0%, var(--button-background-disabled-color) 100%);
--gnome-button-disabled-border-color: color-mix(in srgb, #000000 35%, var(--toolbar-field-background-color));
--gnome-button-disabled-box-shadow: inset 0 1px rgba(255, 255, 255, 0.03);
--gnome-inactive-button-background: color-mix(in srgb, #ffffff 5%, var(--toolbar-field-background-color));
--gnome-inactive-button-border-color: color-mix(in srgb, #000000 35%, var(--toolbar-field-background-color));
--gnome-inactive-button-box-shadow: inset 0 1px rgba(255, 255, 255, 0.0);
--gnome-button-suggested-action-background: linear-gradient(to top, #155099 2px, #15539e);
--gnome-button-suggested-action-border-color: rgba(0, 0, 0, 0.2);
--gnome-button-suggested-action-border-bottom-color: rgba(0, 0, 0, 0.3);
--gnome-button-suggested-action-box-shadow: inset 0 1px rgba(255, 255, 255, 0.08);
--gnome-button-suggested-action-hover-background: linear-gradient(to top, #155099, #1655a2 1px);
--gnome-button-suggested-action-active-background: linear-gradient(to top, #103e75, #103e75 1px);
--gnome-button-suggested-action-active-border-color: rgba(0, 0, 0, 0.3);
--gnome-button-suggested-action-active-box-shadow: inset 0 1px rgba(255, 255, 255, 0.05);
--gnome-button-destructive-action-background: linear-gradient(to top, #ae151c 2px, #b2161d);
--gnome-button-destructive-action-border-color: rgba(0, 0, 0, 0.2);
--gnome-button-destructive-action-border-bottom-color: rgba(0, 0, 0, 0.3);
--gnome-button-destructive-action-box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.07);
--gnome-button-destructive-action-hover-background: linear-gradient(to top, #ae151c, #b7161d 1px);
--gnome-button-destructive-action-active-background: linear-gradient(to top, #8a1116, #8a1116 1px);
--gnome-button-destructive-action-active-border-color: rgba(0, 0, 0, 0.3);
--gnome-button-destructive-action-active-box-shadow: inset 0 1px rgba(255, 255, 255, 0);
--gnome-button-hover-color: color-mix(in srgb, currentColor 10%, transparent);
--gnome-button-active-color: color-mix(in srgb, currentColor 20%, transparent);
--gnome-headerbar-button-combined-background: color-mix(in srgb, currentColor 6%, transparent);
--gnome-headerbar-button-hover-background: color-mix(in srgb, currentColor 12%, transparent);
--gnome-headerbar-button-active-background: color-mix(in srgb, currentColor 18%, transparent);
/* URL bar */
--gnome-urlbar-color: var(--toolbar-color, #ffffff);
--gnome-urlbar-background: color-mix(in srgb, currentColor 10%, transparent);
--gnome-urlbar-border-color: color-mix(in srgb, currentColor 10%, transparent);
--gnome-urlbar-box-shadow: 0 3px 6px 1px rgba(0,0,0, .2), 0 5px 16px 3px rgba(0,0,0, .15), 0 0 0 1px light-dark(rgba(0,0,0,.15), rgba(0,0,0,.75));
--gnome-hover-urlbar-border-color: color-mix(in srgb, currentColor 10%, transparent);
--gnome-inactive-urlbar-background: color-mix(in srgb, currentColor 5%, transparent);
--gnome-inactive-urlbar-border-color: color-mix(in srgb, currentColor 10%, transparent);
--gnome-inactive-urlbar-box-shadow: none;
--gnome-inactive-urlbar-color: color-mix(in srgb, currentColor 45%, transparent);
--gnome-focused-urlbar-border-color: #338CBE;
--gnome-focused-urlbar-highlight-color: #006EA0;
--gnome-private-urlbar-background: var(--toolbar-field-background-color);
/* Tabs */
--gnome-tabbar-tab-color: var(--lwt-tab-text, var(--toolbar-color, #ffffff));
--gnome-tabbar-tab-background: var(--lwt-accent-color, #363636);
--gnome-tabbar-tab-border-color: var(--gnome-toolbar-border-color);
--gnome-tabbar-tab-hover-background: color-mix(in srgb, var(--gnome-tabbar-tab-color) 12%, var(--gnome-tabbar-tab-background));
--gnome-tabbar-tab-hover-border-color: var(--gnome-toolbar-border-color);
--gnome-tabbar-tab-hover-color: var(--lwt-tab-text, var(--toolbar-color));
--gnome-tabbar-tab-active-background: color-mix(in srgb, var(--gnome-tabbar-tab-color) 15%, var(--gnome-tabbar-tab-background));
--gnome-tabbar-tab-active-border-color: color-mix(in srgb, var(--gnome-tabbar-tab-color) 12%, var(--gnome-tabbar-tab-background));
--gnome-tabbar-tab-active-color: var(--lwt-tab-text, var(--toolbar-color));
--gnome-tabbar-tab-active-hover-background: color-mix(in srgb, var(--gnome-tabbar-tab-color) 20%, var(--gnome-tabbar-tab-background));
--gnome-inactive-tabbar-tab-color: var(--lwt-tab-text, var(--toolbar-color));
--gnome-inactive-tabbar-tab-background: var(--gnome-tabstoolbar-background);
--gnome-inactive-tabbar-tab-active-background: color-mix(in srgb, var(--gnome-tabbar-tab-color) 8%, var(--gnome-tabbar-tab-background));
--gnome-inactive-tabbar-tab-active-border-color: var(--gnome-tabbar-tab-active-border-bottom-color);
--gnome-inactive-tabbar-tab-active-color: var(--gnome-inactive-tabbar-tab-color);
--gnome-tab-attention-icon-color: #718be8;
/* Switch */
--gnome-switch-background: #464646;
--gnome-switch-hover-background: #525252;
--gnome-switch-active-background: #606060;
--gnome-switch-border-color: transparent;
--gnome-switch-slider-background: #ffffff;
--gnome-switch-slider-border-color: transparent;
--gnome-switch-slider-box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.07);
--gnome-switch-pressed-background: #315bef;
--gnome-switch-pressed-hover-background: #5073f1;
--gnome-switch-pressed-active-background: #6584f3;
--gnome-switch-active-border-color: transparent;
--gnome-switch-active-slider-border-color: transparent;
/* Dirty hacks for replaced symbolic icons, they load from
* /usr/share/icons/<theme>/ and on some systems they need to be
* inverted, on others they don't, adjusts the filters below to your
* needs (you may also adjust icon brightness here). */
--gnome-convert-icon-to-symbolic-hack-filter: invert(100%) sepia(100%) grayscale(100%) brightness(200%) brightness(85%);
--gnome-icons-hack-filter: invert(100%) sepia(100%) grayscale(100%) brightness(200%) brightness(200%); /* without invert: none */
--gnome-window-icons-hack-filter: invert(90%); /* without invert: none */
/* Private window colors */
--gnome-private-accent: #78aeed;
/* Toolbars */
--gnome-private-toolbar-background: var(--gnome-headerbar-background);
--gnome-private-inactive-toolbar-background: var(--gnome-inactive-headerbar-background);
/* Menus */
--gnome-private-menu-background: #383838;
/* Header bar */
--gnome-private-headerbar-background: #252F49;
--gnome-private-inactive-headerbar-background: var(--gnome-private-toolbar-background);
/* Tabs */
--gnome-private-tabbar-tab-hover-background: #343e56; /* Hardcoded color */
--gnome-private-tabbar-tab-active-background: #343e56; /* Hardcoded color */
--gnome-private-tabbar-tab-active-background-contrast: #495675; /* Hardcoded color */
--gnome-private-tabbar-tab-active-hover-background: #414a61; /* Hardcoded color */
--gnome-private-inactive-tabbar-tab-hover-background: #242c3f; /* Hardcoded color */
--gnome-private-inactive-tabbar-tab-active-background: #272e41; /* Hardcoded color */
/* Text color for Firefox Logo in new private tab */
--gnome-private-wordmark: #FBFBFE;
/* New private tab background */
--gnome-private-in-content-page-background: #242424;
/* Private browsing info box */
--gnome-private-text-primary-color: #FBFBFE;
}
}

172
src/other/firefox/Monterey/colors/dark-nord.css
View File

@ -1,172 +0,0 @@
@namespace xul url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
/* Variables that start with --gnome- are added by me and are assigned
* to elements somewhere in this code. The rest of the variables are
* built-in in Firefox, so you need to add an !important if you wanna
* override them. */
@media (prefers-color-scheme: dark) {
:root {
/* Browser area before a page starts loading */
--gnome-browser-before-load-background: #252932;
--gnome-content-page-dialog-background: #313742;
--gnome-content-page-background: #15181d;
--gnome-content-box-background: #20242b;
--gnome-content-page-color: #eef3fd;
--theme-primary-color: #5271ad;
--theme-primary-hover-color: #6085cc;
--theme-primary-active-color: #73a0f5;
/* Toolbars */
--gnome-toolbar-background: #2e3440;
--gnome-tabstoolbar-background: #191c23;
--gnome-findbar-background: #2b303b;
--gnome-toolbar-color: #fbfcfd;
--gnome-toolbar-icon-fill: #fbfcfd;
--gnome-toolbar-border-color: #0e0f0f;
--gnome-inactive-toolbar-color: rgba(255, 255, 255, 0.35);
--gnome-inactive-toolbar-background: #242931;
--gnome-inactive-toolbar-border-color: #0d0f12;
/* Sidebar */
--sidebar-background-color: #252932;
--gnome-sidebar-background: #2c313b;
--gnome-inactive-sidebar-background: #2f343f;
--gnome-sidebar-border-color: color-mix(in srgb, #000000 75%, var(--gnome-sidebar-background));
/* Popups */
--gnome-menu-background: rgba(43, 48, 59, 0.95);
--gnome-menu-border-color: rgba(0, 0, 0, 0.75);
--gnome-popover-background: rgba(43, 48, 59, 0.95);
--gnome-popover-border-color: rgba(0, 0, 0, 0.75);
--gnome-popover-shadow: 0 5px 8px rgba(0, 0, 0, 0.3);
--gnome-popover-button-hover-background: rgba(255, 255, 255, 0.1);
--gnome-popover-button-active-background: rgba(255, 255, 255, 0.15);
--gnome-popover-separator-color: rgba(255, 255, 255, 0.08);
/* Header bar */
--gnome-headerbar-background: #2e3440;
--gnome-headerbar-border-color: #0e0f0f;
--gnome-headerbar-box-shadow: inset 0 1px rgba(255, 255, 255, 0.15);
--gnome-inactive-headerbar-background: #242931;
--gnome-inactive-headerbar-border-color: #0d0f12;
--gnome-inactive-headerbar-box-shadow: inset 0 1px rgba(255, 255, 255, 0.08););
/* Buttons */
--gnome-button-background: linear-gradient(to top, #495263 0%, #4e5769 100%);
--gnome-button-border-color: rgba(0, 0, 0, 0.2);
--gnome-button-border-bottom-color: rgba(0, 0, 0, 0.25);
--gnome-button-box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
--gnome-button-hover-color: rgba(255, 255, 255, 0.1);
--gnome-button-active-color: rgba(255, 255, 255, 0.2);
--gnome-button-hover-background: linear-gradient(to top, #535d70 0%, #555f73 100%);
--gnome-button-active-background: linear-gradient(to top, #5f6a80 0%, #626e85 100%);
--gnome-button-active-border-color: rgba(0, 0, 0, 0.25);
--gnome-button-active-border-bottom-color: rgba(0, 0, 0, 0.25);
--gnome-button-active-box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
--gnome-button-disabled-background: linear-gradient(to top, #323743 0%, #363c49 100%);
--gnome-button-disabled-border-color: rgba(0, 0, 0, 0.2);
--gnome-button-disabled-box-shadow: inset 0 1px rgba(255, 255, 255, 0.03);
--gnome-inactive-button-background: linear-gradient(#292e38, #292e38);
--gnome-inactive-button-border-color: rgba(0, 0, 0, 0.12);
--gnome-inactive-button-box-shadow: inset 0 1px rgba(255, 255, 255, 0.0);
--gnome-button-suggested-action-background: linear-gradient(to top, #5271ad 2px, #5271ad);
--gnome-button-suggested-action-border-color: rgba(0, 0, 0, 0.2);
--gnome-button-suggested-action-border-bottom-color: rgba(0, 0, 0, 0.3);
--gnome-button-suggested-action-box-shadow: inset 0 1px rgba(255, 255, 255, 0.08);
--gnome-button-suggested-action-hover-background: linear-gradient(to top, #7090cc, #7090cc 1px);
--gnome-button-suggested-action-active-background: linear-gradient(to top, #3d578c, #3d578c 1px);
--gnome-button-suggested-action-active-border-color: rgba(0, 0, 0, 0.3);
--gnome-button-suggested-action-active-box-shadow: inset 0 1px rgba(255, 255, 255, 0.05);
--gnome-button-destructive-action-background: linear-gradient(to top, #bf5f69 2px, #bf5f69);
--gnome-button-destructive-action-border-color: rgba(0, 0, 0, 0.2);
--gnome-button-destructive-action-border-bottom-color: rgba(0, 0, 0, 0.3);
--gnome-button-destructive-action-box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.07);
--gnome-button-destructive-action-hover-background: linear-gradient(to top, #cc707a, #cc707a 1px);
--gnome-button-destructive-action-active-background: linear-gradient(to top, #95464e, #95464e 1px);
--gnome-button-destructive-action-active-border-color: rgba(0, 0, 0, 0.3);
--gnome-button-destructive-action-active-box-shadow: inset 0 1px rgba(255, 255, 255, 0);
--gnome-headerbar-button-combined-background: rgba(255, 255, 255, 0.05);
--gnome-headerbar-button-hover-background: rgba(255, 255, 255, 0.1);
--gnome-headerbar-button-active-background: rgba(255, 255, 255, 0.15);
/* URL bar */
--gnome-urlbar-background: #3b4250;
--gnome-urlbar-border-color: rgba(0, 0, 0, 0.2);
--gnome-urlbar-box-shadow: 0 3px 6px 1px rgba(0,0,0, .2), 0 5px 16px 3px rgba(0,0,0, .15), 0 0 0 1px rgba(0, 0, 0, 0.75);
--gnome-urlbar-color: #f0f5ff;
--gnome-hover-urlbar-border-color: #414958;
--gnome-inactive-urlbar-background: #292e38;
--gnome-inactive-urlbar-border-color: #1e2128;
--gnome-inactive-urlbar-box-shadow: none;
--gnome-inactive-urlbar-color: #c9cdd6;
--gnome-focused-urlbar-border-color: #338CBE;
--gnome-focused-urlbar-highlight-color: #006EA0;
--gnome-private-urlbar-background: #25003e;
/* Tabs */
--gnome-tabbar-tab-background: rgba(255, 255, 255, 0.06);
--gnome-tabbar-tab-color: #828690;
--gnome-tabbar-tab-hover-background: rgba(255, 255, 255, 0.12);
--gnome-tabbar-tab-hover-color: #b4bbc8;
--gnome-tabbar-tab-active-background: rgba(255, 255, 255, 0.16);
--gnome-tabbar-tab-active-color: #fbfcfd;
--gnome-tabbar-tab-active-hover-background: rgba(255, 255, 255, 0.16);
--gnome-inactive-tabbar-tab-color: #5e6168;
--gnome-inactive-tabbar-tab-background: rgba(255, 255, 255, 0.03);
--gnome-inactive-tabbar-tab-active-background: rgba(255, 255, 255, 0.1);
--gnome-inactive-tabbar-tab-active-color: #7b8089;
--gnome-tab-attention-icon-color: #8694c4;
/* Switch */
--gnome-switch-background: #343a46;
--gnome-switch-hover-background: #3d4452;
--gnome-switch-active-background: #474f60;
--gnome-switch-border-color: transparent;
--gnome-switch-slider-background: #fbfcfd;
--gnome-switch-slider-border-color: transparent;
--gnome-switch-slider-box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.07);
--gnome-switch-pressed-background: var(--theme-primary-color);
--gnome-switch-pressed-hover-background: var(--theme-primary-hover-color);
--gnome-switch-pressed-active-background: var(--theme-primary-active-color);
--gnome-switch-active-border-color: transparent;
--gnome-switch-active-slider-border-color: transparent;
/* Dirty hacks for replaced symbolic icons, they load from
* /usr/share/icons/<theme>/ and on some systems they need to be
* inverted, on others they don't, adjusts the filters below to your
* needs (you may also adjust icon brightness here). */
--gnome-convert-icon-to-symbolic-hack-filter: invert(100%) sepia(100%) grayscale(100%) brightness(200%) brightness(85%);
--gnome-icons-hack-filter: invert(100%) sepia(100%) grayscale(100%) brightness(200%) brightness(200%); /* without invert: none */
--gnome-window-icons-hack-filter: invert(90%); /* without invert: none */
/* Private window colors */
--gnome-private-accent: #78aeed;
/* Toolbars */
--gnome-private-toolbar-background: var(--gnome-headerbar-background);
--gnome-private-inactive-toolbar-background: var(--gnome-inactive-headerbar-background);
/* Menus */
--gnome-private-menu-background: #292e38;
/* Header bar */
--gnome-private-headerbar-background: #252F49;
--gnome-private-inactive-headerbar-background: var(--gnome-private-toolbar-background);
/* Tabs */
--gnome-private-tabbar-tab-hover-background: #343e56; /* Hardcoded color */
--gnome-private-tabbar-tab-active-background: #343e56; /* Hardcoded color */
--gnome-private-tabbar-tab-active-background-contrast: #495675; /* Hardcoded color */
--gnome-private-tabbar-tab-active-hover-background: #414a61; /* Hardcoded color */
--gnome-private-inactive-tabbar-tab-hover-background: #242c3f; /* Hardcoded color */
--gnome-private-inactive-tabbar-tab-active-background: #272e41; /* Hardcoded color */
/* Text color for Firefox Logo in new private tab */
--gnome-private-wordmark: #FBFBFE;
/* New private tab background */
--gnome-private-in-content-page-background: #1b1e24;
/* Private browsing info box */
--gnome-private-text-primary-color: #FBFBFE;
}
}

94
src/other/firefox/Monterey/colors/dark.css
View File

@ -9,10 +9,7 @@
:root {
/* Browser area before a page starts loading */
--gnome-browser-before-load-background: #242424;
--gnome-content-page-dialog-background: #424242;
--gnome-content-page-background: #1d1d1d;
--gnome-content-box-background: #2b2b2b;
--gnome-content-page-color: #fdfdfd;
--gnome-browser-content-box-background: #323232;
--theme-primary-color: #315bef;
--theme-primary-hover-color: #5073f1;
--theme-primary-active-color: #6584f3;
@ -22,23 +19,20 @@
--gnome-tabstoolbar-background: #1e1e1e;
--gnome-findbar-background: #373737;
--gnome-toolbar-color: #ffffff;
--gnome-toolbar-icon-fill: #ffffff;
--gnome-toolbar-border-color: #070707;
--gnome-inactive-toolbar-color: rgba(255, 255, 255, 0.35);
--gnome-inactive-toolbar-background: #313131;
--gnome-inactive-toolbar-border-color: #121212;
/* Sidebar */
--gnome-sidebar-background: #3b3b3b;
--gnome-inactive-sidebar-background: #3f3f3f;
--gnome-sidebar-border-color: color-mix(in srgb, #ffffff 12%, var(--gnome-sidebar-background));
/* Popups */
--gnome-menu-background: rgba(51, 51, 51, 0.95);
--gnome-menu-border-color: rgba(0, 0, 0, 0.75);
--gnome-menu-border-color: #070707;
--gnome-popover-background: rgba(51, 51, 51, 0.95);
--gnome-popover-border-color: rgba(0, 0, 0, 0.75);
--gnome-popover-shadow: 0 5px 8px rgba(0, 0, 0, 0.3);
--gnome-popover-border-color: #070707;
--gnome-popover-shadow: 0 5px 8px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(0, 0, 0, 0.75);
--gnome-popover-button-hover-background: rgba(255, 255, 255, 0.1);
--gnome-popover-button-active-background: rgba(255, 255, 255, 0.15);
--gnome-popover-separator-color: rgba(255, 255, 255, 0.08);
@ -54,14 +48,14 @@
/* Buttons */
--gnome-button-background: linear-gradient(to top, #636363 0%, #696969 100%);
--gnome-button-border-color: #282828;
--gnome-button-border-bottom-color: #282828;
--gnome-button-border-accent-color: #282828;
--gnome-button-box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
--gnome-button-hover-color: rgba(255, 255, 255, 0.1);
--gnome-button-active-color: rgba(255, 255, 255, 0.2);
--gnome-button-hover-background: linear-gradient(to top, #707070 0%, #737373 100%);
--gnome-button-active-background: linear-gradient(to top, #464646 0%, #525252 100%);
--gnome-button-active-border-color: #1b1b1b;
--gnome-button-active-border-bottom-color: #1b1b1b;
--gnome-button-active-border-accent-color: #1b1b1b;
--gnome-button-active-box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
--gnome-button-disabled-background: linear-gradient(to top, #434343 0%, #494949 100%);
--gnome-button-disabled-border-color: #282828;
@ -70,23 +64,22 @@
--gnome-inactive-button-border-color: #323232;
--gnome-inactive-button-box-shadow: inset 0 1px rgba(255, 255, 255, 0.0);
--gnome-button-suggested-action-background: linear-gradient(to top, #155099 2px, #15539e);
--gnome-button-suggested-action-border-color: rgba(0, 0, 0, 0.2);
--gnome-button-suggested-action-border-bottom-color: rgba(0, 0, 0, 0.3);
--gnome-button-suggested-action-border-color: #0f3b71;
--gnome-button-suggested-action-border-accent-color: #092444;;
--gnome-button-suggested-action-box-shadow: inset 0 1px rgba(255, 255, 255, 0.08);
--gnome-button-suggested-action-hover-background: linear-gradient(to top, #155099, #1655a2 1px);
--gnome-button-suggested-action-active-background: linear-gradient(to top, #103e75, #103e75 1px);
--gnome-button-suggested-action-active-border-color: rgba(0, 0, 0, 0.3);
--gnome-button-suggested-action-active-background: #103e75;
--gnome-button-suggested-action-active-border-color: #0f3b71;
--gnome-button-suggested-action-active-box-shadow: inset 0 1px rgba(255, 255, 255, 0.05);
--gnome-button-destructive-action-background: linear-gradient(to top, #ae151c 2px, #b2161d);
--gnome-button-destructive-action-border-color: rgba(0, 0, 0, 0.2);
--gnome-button-destructive-action-border-bottom-color: rgba(0, 0, 0, 0.3);
--gnome-button-destructive-action-border-color: #851015;
--gnome-button-destructive-action-border-accent-color: #570b0e;
--gnome-button-destructive-action-box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.07);
--gnome-button-destructive-action-hover-background: linear-gradient(to top, #ae151c, #b7161d 1px);
--gnome-button-destructive-action-active-background: linear-gradient(to top, #8a1116, #8a1116 1px);
--gnome-button-destructive-action-active-border-color: rgba(0, 0, 0, 0.3);
--gnome-button-destructive-action-active-background: #8a1116;
--gnome-button-destructive-action-active-border-color: #851015;
--gnome-button-destructive-action-active-box-shadow: inset 0 1px rgba(255, 255, 255, 0);
--gnome-headerbar-button-combined-background: rgba(255, 255, 255, 0.05);
--gnome-headerbar-button-hover-background: rgba(255, 255, 255, 0.1);
--gnome-headerbar-button-active-background: rgba(255, 255, 255, 0.15);
@ -105,17 +98,20 @@
--gnome-private-urlbar-background: #25003e;
/* Tabs */
--gnome-tabbar-tab-background: rgba(255, 255, 255, 0.06);
--gnome-tabbar-tab-color: #909090;
--gnome-tabbar-tab-hover-background: rgba(255, 255, 255, 0.12);
--gnome-tabbar-tab-hover-color: #c8c8c8;
--gnome-tabbar-tab-active-background: rgba(255, 255, 255, 0.16);
--gnome-tabbar-tab-background: #404040;
--gnome-tabbar-tab-color: rgb(141, 144, 145);
--gnome-tabbar-tab-hover-background: #464646;
--gnome-tabbar-tab-hover-border-bottom-color: #1b1b1b;
--gnome-tabbar-tab-hover-color: rgb(200, 200, 200);
--gnome-tabbar-tab-active-background: #505050;
--gnome-tabbar-tab-active-border-bottom-color: #15539e;
--gnome-tabbar-tab-active-color: #ffffff;
--gnome-tabbar-tab-active-hover-background: rgba(255, 255, 255, 0.16);
--gnome-inactive-tabbar-tab-color: #686868;
--gnome-inactive-tabbar-tab-background: rgba(255, 255, 255, 0.03);
--gnome-inactive-tabbar-tab-active-background: rgba(255, 255, 255, 0.1);
--gnome-inactive-tabbar-tab-active-color: #898989;
--gnome-tabbar-tab-active-hover-background: #525252;
--gnome-inactive-tabbar-tab-color: rgb(141, 144, 145);
--gnome-inactive-tabbar-tab-background: #383838;
--gnome-inactive-tabbar-tab-active-background: #424242;
--gnome-inactive-tabbar-tab-active-border-bottom-color: var(--gnome-tabbar-tab-active-border-bottom-color);
--gnome-inactive-tabbar-tab-active-color: var(--gnome-inactive-tabbar-tab-color);
--gnome-tab-attention-icon-color: #718be8;
/* Switch */
@ -123,14 +119,14 @@
--gnome-switch-hover-background: #525252;
--gnome-switch-active-background: #606060;
--gnome-switch-border-color: transparent;
--gnome-switch-slider-background: #ffffff;
--gnome-switch-slider-border-color: transparent;
--gnome-switch-slider-background: linear-gradient(to bottom, #3c3c3c 20%, #353535 90%);
--gnome-switch-slider-border-color: #111111;
--gnome-switch-slider-box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.07);
--gnome-switch-pressed-background: #315bef;
--gnome-switch-pressed-hover-background: #5073f1;
--gnome-switch-pressed-active-background: #6584f3;
--gnome-switch-active-border-color: transparent;
--gnome-switch-active-slider-border-color: transparent;
--gnome-switch-active-border-color: #030c17;
--gnome-switch-active-slider-border-color: #030c17;
/* Dirty hacks for replaced symbolic icons, they load from
* /usr/share/icons/<theme>/ and on some systems they need to be
@ -139,33 +135,5 @@
--gnome-convert-icon-to-symbolic-hack-filter: invert(100%) sepia(100%) grayscale(100%) brightness(200%) brightness(85%);
--gnome-icons-hack-filter: invert(100%) sepia(100%) grayscale(100%) brightness(200%) brightness(200%); /* without invert: none */
--gnome-window-icons-hack-filter: invert(90%); /* without invert: none */
/* Private window colors */
--gnome-private-accent: #78aeed;
/* Toolbars */
--gnome-private-toolbar-background: var(--gnome-headerbar-background);
--gnome-private-inactive-toolbar-background: var(--gnome-inactive-headerbar-background);
/* Menus */
--gnome-private-menu-background: #383838;
/* Header bar */
--gnome-private-headerbar-background: #252F49;
--gnome-private-inactive-headerbar-background: var(--gnome-private-toolbar-background);
/* Tabs */
--gnome-private-tabbar-tab-hover-background: #343e56; /* Hardcoded color */
--gnome-private-tabbar-tab-active-background: #343e56; /* Hardcoded color */
--gnome-private-tabbar-tab-active-background-contrast: #495675; /* Hardcoded color */
--gnome-private-tabbar-tab-active-hover-background: #414a61; /* Hardcoded color */
--gnome-private-inactive-tabbar-tab-hover-background: #242c3f; /* Hardcoded color */
--gnome-private-inactive-tabbar-tab-active-background: #272e41; /* Hardcoded color */
/* Text color for Firefox Logo in new private tab */
--gnome-private-wordmark: #FBFBFE;
/* New private tab background */
--gnome-private-in-content-page-background: #242424;
/* Private browsing info box */
--gnome-private-text-primary-color: #FBFBFE;
}
}

174
src/other/firefox/Monterey/colors/darker.css
View File

@ -1,174 +0,0 @@
@namespace xul url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
/* Variables that start with --gnome- are added by me and are assigned
* to elements somewhere in this code. The rest of the variables are
* built-in in Firefox, so you need to add an !important if you wanna
* override them. */
@media (prefers-color-scheme: dark) {
:root {
/* Browser area before a page starts loading */
--gnome-browser-before-load-background: #1f1f1f;
--gnome-content-page-dialog-background: #242424;
--gnome-content-page-background: #101010;
--gnome-content-box-background: #1b1b1b;
--gnome-content-page-color: #dddddd;
--theme-primary-color: #315bef;
--theme-primary-hover-color: #5073f1;
--theme-primary-active-color: #6584f3;
/* Toolbars */
--gnome-toolbar-background: #1e1e1e;
--gnome-tabstoolbar-background: #1e1e1e;
--gnome-findbar-background: #282828;
--gnome-toolbar-color: #ffffff;
--gnome-toolbar-icon-fill: #ffffff;
--gnome-toolbar-border-color: #070707;
--gnome-inactive-toolbar-color: rgba(255, 255, 255, 0.35);
--gnome-inactive-toolbar-background: #1e1e1e;
--gnome-inactive-toolbar-border-color: #121212;
/* Sidebar */
--gnome-sidebar-background: #1e1e1e;
--gnome-inactive-sidebar-background: #3f3f3f;
--gnome-sidebar-border-color: color-mix(in srgb, #ffffff 12%, var(--gnome-sidebar-background));
/* Popups */
--gnome-menu-background: rgba(40, 40, 40, 0.95);
--gnome-menu-border-color: rgba(0, 0, 0, 0.75);
--gnome-popover-background: rgba(40, 40, 40, 0.95);
--gnome-popover-border-color: rgba(0, 0, 0, 0.75);
--gnome-popover-shadow: 0 5px 8px rgba(0, 0, 0, 0.3);
--gnome-popover-button-hover-background: rgba(255, 255, 255, 0.1);
--gnome-popover-button-active-background: rgba(255, 255, 255, 0.15);
--gnome-popover-separator-color: rgba(255, 255, 255, 0.08);
/* Header bar */
--gnome-headerbar-background: #1e1e1e;
--gnome-headerbar-border-color: #070707;
--gnome-headerbar-box-shadow: inset 0 1px rgba(255, 255, 255, 0.15);
--gnome-inactive-headerbar-background: #1e1e1e;
--gnome-inactive-headerbar-border-color: #202020;
--gnome-inactive-headerbar-box-shadow: inset 0 1px rgba(255, 255, 255, 0.08);
/* Buttons */
--gnome-button-background: #2a2a2a;
--gnome-button-border-color: #282828;
--gnome-button-border-bottom-color: #282828;
--gnome-button-box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
--gnome-button-hover-color: rgba(255, 255, 255, 0.1);
--gnome-button-active-color: rgba(255, 255, 255, 0.2);
--gnome-button-hover-background: linear-gradient(to top, #242424 0%, #282828 100%);
--gnome-button-active-background: #282828;
--gnome-button-active-border-color: #1b1b1b;
--gnome-button-active-border-bottom-color: #1b1b1b;
--gnome-button-active-box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
--gnome-button-disabled-background: linear-gradient(to top, #242424 0%, #494949 100%);
--gnome-button-disabled-border-color: #282828;
--gnome-button-disabled-box-shadow: inset 0 1px rgba(255, 255, 255, 0.03);
--gnome-inactive-button-background: #2a2a2a;
--gnome-inactive-button-border-color: #282828;
--gnome-inactive-button-box-shadow: inset 0 1px rgba(255, 255, 255, 0.0);
--gnome-button-suggested-action-background: linear-gradient(to top, #155099 2px, #15539e);
--gnome-button-suggested-action-border-color: rgba(0, 0, 0, 0.2);
--gnome-button-suggested-action-border-bottom-color: rgba(0, 0, 0, 0.3);
--gnome-button-suggested-action-box-shadow: inset 0 1px rgba(255, 255, 255, 0.08);
--gnome-button-suggested-action-hover-background: linear-gradient(to top, #155099, #1655a2 1px);
--gnome-button-suggested-action-active-background: linear-gradient(to top, #103e75, #103e75 1px);
--gnome-button-suggested-action-active-border-color: rgba(0, 0, 0, 0.3);
--gnome-button-suggested-action-active-box-shadow: inset 0 1px rgba(255, 255, 255, 0.05);
--gnome-button-destructive-action-background: linear-gradient(to top, #ae151c 2px, #b2161d);
--gnome-button-destructive-action-border-color: rgba(0, 0, 0, 0.2);
--gnome-button-destructive-action-border-bottom-color: rgba(0, 0, 0, 0.3);
--gnome-button-destructive-action-box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.07);
--gnome-button-destructive-action-hover-background: linear-gradient(to top, #ae151c, #b7161d 1px);
--gnome-button-destructive-action-active-background: linear-gradient(to top, #8a1116, #8a1116 1px);
--gnome-button-destructive-action-active-border-color: rgba(0, 0, 0, 0.3);
--gnome-button-destructive-action-active-box-shadow: inset 0 1px rgba(255, 255, 255, 0);
--gnome-headerbar-button-combined-background: rgba(255, 255, 255, 0.05);
--gnome-headerbar-button-hover-background: rgba(255, 255, 255, 0.1);
--gnome-headerbar-button-active-background: rgba(255, 255, 255, 0.15);
/* URL bar */
--gnome-urlbar-background: #2a2a2a;
--gnome-urlbar-border-color: #282828;
--gnome-urlbar-box-shadow: 0 3px 6px 1px rgba(0,0,0, .2), 0 5px 16px 3px rgba(0,0,0, .15), 0 0 0 1px rgba(0, 0, 0, 0.75);
--gnome-urlbar-color: #ffffff;
--gnome-hover-urlbar-border-color: #585858;
--gnome-inactive-urlbar-background: #2a2a2a;
--gnome-inactive-urlbar-border-color: #282828;
--gnome-inactive-urlbar-box-shadow: none;
--gnome-inactive-urlbar-color: #d6d6d6;
--gnome-focused-urlbar-border-color: #338CBE;
--gnome-focused-urlbar-highlight-color: #006EA0;
--gnome-private-urlbar-background: #25003e;
/* Tabs */
--gnome-tabbar-tab-background: rgba(42, 42, 42, .25);
--gnome-tabbar-tab-color: rgb(141, 144, 145);
--gnome-tabbar-tab-hover-background: #282828;
--gnome-tabbar-tab-hover-border-bottom-color: #1b1b1b;
--gnome-tabbar-tab-hover-color: rgb(200, 200, 200);
--gnome-tabbar-tab-active-background: #2a2a2a;
--gnome-tabbar-tab-active-border-bottom-color: #15539e;
--gnome-tabbar-tab-active-color: #ffffff;
--gnome-tabbar-tab-active-hover-background: #525252;
--gnome-inactive-tabbar-tab-color: rgb(141, 144, 145);
--gnome-inactive-tabbar-tab-background: var(--gnome-tabbar-tab-background);
--gnome-inactive-tabbar-tab-active-background: rgb(50, 50, 50);
--gnome-inactive-tabbar-tab-active-border-bottom-color: var(--gnome-tabbar-tab-active-border-bottom-color);
--gnome-inactive-tabbar-tab-active-color: var(--gnome-inactive-tabbar-tab-color);
--gnome-tab-attention-icon-color: #718be8;
/* Switch */
--gnome-switch-background: #464646;
--gnome-switch-hover-background: #525252;
--gnome-switch-active-background: #606060;
--gnome-switch-border-color: transparent;
--gnome-switch-slider-background: #ffffff;
--gnome-switch-slider-border-color: transparent;
--gnome-switch-slider-box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.07);
--gnome-switch-pressed-background: #315bef;
--gnome-switch-pressed-hover-background: #5073f1;
--gnome-switch-pressed-active-background: #6584f3;
--gnome-switch-active-border-color: transparent;
--gnome-switch-active-slider-border-color: transparent;
/* Dirty hacks for replaced symbolic icons, they load from
* /usr/share/icons/<theme>/ and on some systems they need to be
* inverted, on others they don't, adjusts the filters below to your
* needs (you may also adjust icon brightness here). */
--gnome-convert-icon-to-symbolic-hack-filter: invert(100%) sepia(100%) grayscale(100%) brightness(200%) brightness(85%);
--gnome-icons-hack-filter: invert(100%) sepia(100%) grayscale(100%) brightness(200%) brightness(200%); /* without invert: none */
--gnome-window-icons-hack-filter: invert(90%); /* without invert: none */
/* Private window colors */
--gnome-private-accent: #78aeed;
/* Toolbars */
--gnome-private-toolbar-background: var(--gnome-headerbar-background);
--gnome-private-inactive-toolbar-background: var(--gnome-inactive-headerbar-background);
/* Menus */
--gnome-private-menu-background: #1e1e1e;
/* Header bar */
--gnome-private-headerbar-background: #252F49;
--gnome-private-inactive-headerbar-background: var(--gnome-private-toolbar-background);
/* Tabs */
--gnome-private-tabbar-tab-hover-background: #343e56; /* Hardcoded color */
--gnome-private-tabbar-tab-active-background: #343e56; /* Hardcoded color */
--gnome-private-tabbar-tab-active-background-contrast: #495675; /* Hardcoded color */
--gnome-private-tabbar-tab-active-hover-background: #414a61; /* Hardcoded color */
--gnome-private-inactive-tabbar-tab-hover-background: #242c3f; /* Hardcoded color */
--gnome-private-inactive-tabbar-tab-active-background: #272e41; /* Hardcoded color */
/* Text color for Firefox Logo in new private tab */
--gnome-private-wordmark: #FBFBFE;
/* New private tab background */
--gnome-private-in-content-page-background: #1f1f1f;
/* Private browsing info box */
--gnome-private-text-primary-color: #FBFBFE;
}
}

183
src/other/firefox/Monterey/colors/light-adaptive.css
View File

@ -1,183 +0,0 @@
@namespace xul url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
/* Variables that start with --gnome- are added by me and are assigned
* to elements somewhere in this code. The rest of the variables are
* built-in in Firefox, so you need to add an !important if you wanna
* override them. */
:root {
/* Browser area before a page starts loading */
--gnome-browser-before-load-background: var(--lwt-accent-color, #ffffff);
--gnome-browser-content-box-background: var(--lwt-accent-color, #ffffff);
--gnome-content-page-dialog-background: #ffffff;
--gnome-content-page-background: #f2f2f2;
--gnome-content-box-background: #ffffff;
--gnome-content-page-color: #242424;
--theme-primary-color: #315bef;
--theme-primary-hover-color: #5073f1;
--theme-primary-active-color: #6584f3;
/* Browser colors */
--in-content-link-color: var(--theme-primary-color) !important;
--in-content-link-color-hover: var(--theme-primary-color-hover) !important;
/* Toolbars */
--gnome-toolbar-background: var(--lwt-accent-color, #ffffff);
--gnome-tabstoolbar-background: var(--lwt-accent-color, #ffffff);
--gnome-findbar-background: var(--lwt-accent-color, #ffffff);
--gnome-toolbar-color: var(--toolbar-color, #2e2e2e);
--gnome-toolbar-icon-fill: var(--toolbar-color, #2e2e2e);
--gnome-toolbar-border-color: var(--chrome-content-separator-color);
--gnome-inactive-toolbar-color: color-mix(in srgb, var(--gnome-toolbar-color) 45%, var(--gnome-toolbar-background));
--gnome-inactive-toolbar-background: var(--lwt-accent-color, #ffffff);
--gnome-inactive-toolbar-border-color: var(--chrome-content-separator-color);
/* Sidebar */
--gnome-sidebar-background: var(--lwt-accent-color, #ffffff);
--gnome-inactive-sidebar-background: var(--lwt-accent-color, #ffffff);
--gnome-sidebar-border-color: color-mix(in srgb, var(--toolbar-color) 12%, var(--gnome-sidebar-background));
/* Popups */
--gnome-menu-background: color-mix(in srgb, var(--toolbar-field-focus-background-color) 95%, transparent);
--gnome-menu-border-color: rgba(0,0,0,.15);
--gnome-popover-background: color-mix(in srgb, var(--toolbar-field-focus-background-color) 95%, transparent);
--gnome-popover-border-color: light-dark(rgba(0,0,0,.15), #000000);
--gnome-popover-shadow: 0 5px 8px rgba(0, 0, 0, 0.15);
--gnome-popover-button-hover-background: color-mix(in srgb, currentColor 10%, transparent);
--gnome-popover-button-active-background: color-mix(in srgb, currentColor 20%, transparent);
--gnome-popover-separator-color: color-mix(in srgb, currentColor 10%, transparent);
/* Header bar */
--gnome-headerbar-background: var(--lwt-accent-color, #ffffff);
--gnome-headerbar-border-color: color-mix(in srgb, currentColor 12%, transparent);
--gnome-headerbar-box-shadow: 0 1px rgba(var(--lwt-accent-color), 0.65) inset;
--gnome-inactive-headerbar-background: var(--lwt-accent-color, #ffffff);
--gnome-inactive-headerbar-border-color: color-mix(in srgb, currentColor 12%, transparent);
--gnome-inactive-headerbar-box-shadow: 0 1px rgba(var(--lwt-accent-color), 0.35) inset;
/* Buttons */
--button-background-color: color-mix(in srgb, var(--lwt-accent-color, #ffffff) 35%, transparent);
--button-background-hover-color: color-mix(in srgb, var(--lwt-accent-color, #ffffff) 75%, transparent);
--button-background-active-color: color-mix(in srgb, currentColor 10%, transparent);
--button-background-disabled-color: color-mix(in srgb, var(--lwt-accent-color, #ffffff) 15%, transparent);
--gnome-button-background: linear-gradient(to top, var(--button-background-color) 0%, var(--button-background-color) 100%);
--gnome-button-border-color: light-dark(rgba(0,0,0,.15), #000000);
--gnome-button-border-bottom-color: light-dark(rgba(0,0,0,.20), #000000);
--gnome-button-box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), 0 1px 2px rgba(0, 0, 0, 0.03);
--gnome-button-hover-background: linear-gradient(to top, var(--button-background-hover-color) 0%, var(--button-background-hover-color) 100%);
--gnome-button-active-background: linear-gradient(to top, var(--button-background-active-color) 0%, var(--button-background-active-color) 100%);
--gnome-button-active-border-color: light-dark(rgba(0,0,0,.15), #000000);
--gnome-button-active-bottom-border-color: light-dark(rgba(0,0,0,.20), #000000);
--gnome-button-active-box-shadow: 0 1px rgba(255, 255, 255, 0) inset;
--gnome-button-disabled-background: linear-gradient(to top, var(--button-background-disabled-color) 0%, var(--button-background-disabled-color) 100%);
--gnome-button-disabled-border-color: light-dark(rgba(0,0,0,.15), #000000);
--gnome-button-disabled-box-shadow: inset 0 1px rgba(255, 255, 255, 0);
--gnome-inactive-button-background: color-mix(in srgb, currentColor 5%, transparent);
--gnome-inactive-button-border-color: light-dark(rgba(0,0,0,.15), #000000);
--gnome-inactive-button-box-shadow: 0 1px rgba(255, 255, 255, 0) inset, 0 1px rgba(255, 255, 255, 0);
--gnome-button-suggested-action-background: linear-gradient(to top, #2379e2 2px, #3584e4);
--gnome-button-suggested-action-border-color: #1b6acb;
--gnome-button-suggested-action-border-bottom-color: #15539e;
--gnome-button-suggested-action-box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px 2px rgba(0, 0, 0, 0.07);
--gnome-button-suggested-action-hover-background: linear-gradient(to top, #3584e4, #3987e5 1px);
--gnome-button-suggested-action-active-background: linear-gradient(to top, #1961b9, #1961b9 1px);
--gnome-button-suggested-action-active-border-color: #1b6acb;
--gnome-button-suggested-action-active-box-shadow: inset 0 1px rgba(255, 255, 255, 0);
--gnome-button-destructive-action-background: linear-gradient(to top, #ce1921 2px, #e01b24);
--gnome-button-destructive-action-border-color: #b2161d;
--gnome-button-destructive-action-border-bottom-color: #851015;
--gnome-button-destructive-action-box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px 2px rgba(0, 0, 0, 0.07);
--gnome-button-destructive-action-hover-background: linear-gradient(to top, #e01b24, #e41c26 1px);
--gnome-button-destructive-action-active-background: linear-gradient(to top, #a0131a, #a0131a 1px);
--gnome-button-destructive-action-active-border-color: #b2161d;
--gnome-button-destructive-action-active-box-shadow: inset 0 1px rgba(255, 255, 255, 0);
--gnome-button-hover-color: color-mix(in srgb, currentColor 10%, transparent);
--gnome-button-active-color: color-mix(in srgb, currentColor 20%, transparent);
--gnome-headerbar-button-combined-background: color-mix(in srgb, currentColor 5%, transparent);
--gnome-headerbar-button-hover-background: color-mix(in srgb, currentColor 10%, transparent);
--gnome-headerbar-button-active-background: color-mix(in srgb, currentColor 15%, transparent);
/* URL bar */
--gnome-urlbar-color: var(--toolbar-color, #2e2e2e);
--gnome-urlbar-background: color-mix(in srgb, currentColor 8%, transparent);
--gnome-urlbar-border-color: color-mix(in srgb, currentColor 10%, transparent);
--gnome-urlbar-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.08), 0 5px 8px rgba(0, 0, 0, 0.05), 0 8px 16px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0,0,0, 0.12);
--gnome-hover-urlbar-border-color: color-mix(in srgb, currentColor 10%, transparent);
--gnome-inactive-urlbar-background: color-mix(in srgb, currentColor 4%, transparent);
--gnome-inactive-urlbar-border-color: color-mix(in srgb, currentColor 10%, transparent);
--gnome-inactive-urlbar-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.05);
--gnome-inactive-urlbar-color: color-mix(in srgb, currentColor 45%, transparent);
--gnome-focused-urlbar-border-color: #5683DA;
--gnome-focused-urlbar-highlight-color: #6592E9;
--gnome-private-urlbar-background: var(--toolbar-field-background-color);
/* Tabs */
--gnome-tabbar-tab-background: var(--gnome-tabstoolbar-background);
--gnome-tabbar-tab-color: var(--lwt-tab-text, var(--toolbar-color, #2e2e2e));
--gnome-tabbar-tab-border-color: var(--gnome-toolbar-border-color);
--gnome-tabbar-tab-hover-background: color-mix(in srgb, var(--toolbar-color) 5%, var(--gnome-tabstoolbar-background));
--gnome-tabbar-tab-hover-border-color: var(--gnome-toolbar-border-color);
--gnome-tabbar-tab-hover-color: var(--lwt-tab-text, var(--toolbar-color));
--gnome-tabbar-tab-active-background: color-mix(in srgb, var(--toolbar-color) 8%, var(--gnome-tabstoolbar-background));
--gnome-tabbar-tab-active-border-color: color-mix(in srgb, var(--toolbar-color) 12%, var(--gnome-tabstoolbar-background));
--gnome-tabbar-tab-active-color: var(--lwt-tab-text, var(--toolbar-color));
--gnome-tabbar-tab-active-hover-background: color-mix(in srgb, var(--toolbar-color) 12%, var(--gnome-tabstoolbar-background));
--gnome-inactive-tabbar-tab-color: var(--lwt-tab-text, var(--toolbar-color));
--gnome-inactive-tabbar-tab-background: var(--gnome-tabstoolbar-background);
--gnome-inactive-tabbar-tab-active-background: var(--gnome-headerbar-background);
--gnome-inactive-tabbar-tab-active-border-color: var(--gnome-tabbar-tab-active-border-bottom-color);
--gnome-inactive-tabbar-tab-active-color: var(--gnome-inactive-tabbar-tab-color);
--gnome-tab-attention-icon-color: #718be8;
/* Switch */
--gnome-switch-background: #b2b2b2;
--gnome-switch-hover-background: #a0a0a0;
--gnome-switch-active-background: #929292;
--gnome-switch-border-color: transparent;
--gnome-switch-slider-background: #ffffff;
--gnome-switch-slider-border-color: transparent;
--gnome-switch-slider-box-shadow: inset 0 1px white, 0 1px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.07);
--gnome-switch-active-border-color: transparent;
--gnome-switch-active-slider-border-color: transparent;
--gnome-switch-pressed-background: #315bef;
--gnome-switch-pressed-hover-background: #5073f1;
--gnome-switch-pressed-active-background: #6584f3;
/* Dirty hacks for replaced symbolic icons, they load from
* /usr/share/icons/<theme>/ and on some systems they need to be
* inverted, on others they don't, adjusts the filters below to your
* needs (you may also adjust icon brightness here). */
--gnome-convert-icon-to-symbolic-hack-filter: invert(100%) sepia(100%) grayscale(100%) brightness(200%) brightness(85%) invert(100%);
--gnome-icons-hack-filter: none;
--gnome-window-icons-hack-filter: invert(30%);
/* Private window colors */
--gnome-private-accent: #1c71d8;
/* Toolbars */
--gnome-private-toolbar-background: var(--gnome-headerbar-background);
--gnome-private-inactive-toolbar-background: var(--gnome-inactive-headerbar-background);
/* Menus */
--gnome-private-menu-background: #ffffff;
/* Header bar */
--gnome-private-headerbar-background: #D7E3F0;
--gnome-private-inactive-headerbar-background: var(--gnome-private-toolbar-background);
/* Tabs */
--gnome-private-tabbar-tab-hover-background: #cbd7e3; /* Hardcoded color */
--gnome-private-tabbar-tab-active-background: #c6d1dd; /* Hardcoded color */
--gnome-private-tabbar-tab-active-background-contrast: #a9b6c4; /* Hardcoded color */
--gnome-private-tabbar-tab-active-hover-background: #c0cbd7; /* Hardcoded color */
--gnome-private-inactive-tabbar-tab-hover-background: #e4e9f0; /* Hardcoded color */
--gnome-private-inactive-tabbar-tab-active-background: #e1e7ed; /* Hardcoded color */
/* Text color for Firefox Logo in new private tab */
--gnome-private-wordmark: #20123A;
/* New private tab background */
--gnome-private-in-content-page-background: #FAFAFA;
/* Private browsing info box */
--gnome-private-text-primary-color: #15141A;
}

169
src/other/firefox/Monterey/colors/light-nord.css
View File

@ -1,169 +0,0 @@
@namespace xul url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
/* Variables that start with --gnome- are added by me and are assigned
* to elements somewhere in this code. The rest of the variables are
* built-in in Firefox, so you need to add an !important if you wanna
* override them. */
:root {
/* Browser area before a page starts loading */
--gnome-browser-before-load-background: #f3f4f6;
--gnome-content-page-dialog-background: #fbfcfd;
--gnome-content-page-background: #e3e8f2;
--gnome-content-box-background: #fbfcfd;
--gnome-content-page-color: #1b1e24;
--theme-primary-color: #5271ad;
--theme-primary-hover-color: #6085cc;
--theme-primary-active-color: #73a0f5;
/* Toolbars */
--gnome-toolbar-background: #fbfcfd;
--gnome-tabstoolbar-background: #d7dce5;
--gnome-findbar-background: #f3f4f6;
--gnome-toolbar-color: #22262e;
--gnome-toolbar-icon-fill: #22262e;
--gnome-toolbar-border-color: #c3c7cf;
--gnome-inactive-toolbar-color: rgba(34, 38, 46, 0.45);
--gnome-inactive-toolbar-background: #f6f5f4;
--gnome-inactive-toolbar-border-color: #cdd1da;
/* Sidebar */
--gnome-sidebar-background: #f3f4f6;
--gnome-inactive-sidebar-background: #f2f4f9;
--gnome-sidebar-border-color: color-mix(in srgb, #000000 12%, var(--gnome-sidebar-background));
/* Popups */
--gnome-menu-background: rgba(255, 255, 255, 0.95);
--gnome-menu-border-color: rgba(0, 0, 0, 0.12);
--gnome-popover-background: rgba(255, 255, 255, 0.95);
--gnome-popover-border-color: rgba(0, 0, 0, 0.12);
--gnome-popover-shadow: 0 5px 8px rgba(0, 0, 0, 0.15);
--gnome-popover-button-hover-background: rgba(0, 0, 0, 0.1);
--gnome-popover-button-active-background: rgba(0, 0, 0, 0.2);
--gnome-popover-separator-color: rgba(0, 0, 0, 0.1);
/* Header bar */
--gnome-headerbar-background: #fbfcfd;
--gnome-headerbar-border-color: #c3c7cf;
--gnome-headerbar-box-shadow: 0 1px rgba(255, 255, 255, 0.65) inset;
--gnome-inactive-headerbar-background: #f3f4f6;
--gnome-inactive-headerbar-border-color: #cdd1da;
--gnome-inactive-headerbar-box-shadow: 0 1px #fff inset;
/* Buttons */
--gnome-button-background: linear-gradient(to top, #eaecf1 0%, #f5f8fd 95%, #f6f9fe 100%);
--gnome-button-border-color: #c3c7cf;
--gnome-button-border-bottom-color: #c3c7cf;
--gnome-button-box-shadow: inset 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.03);
--gnome-button-hover-color: rgba(0, 0, 0, 0.1);
--gnome-button-active-color: rgba(0, 0, 0, 0.2);
--gnome-button-hover-background: linear-gradient(to top, #f5f8fd 0%, #eef3fd 100%);
--gnome-button-active-background: #c3c7cf;
--gnome-button-active-border-color: #a7abb2;
--gnome-button-active-border-bottom-color: #a7abb2;
--gnome-button-active-box-shadow: 0 1px rgba(255, 255, 255, 0) inset;
--gnome-button-disabled-background: #faf9f8;
--gnome-button-disabled-border-color: #c3c7cf;
--gnome-button-disabled-box-shadow: inset 0 1px rgba(255, 255, 255, 0);
--gnome-inactive-button-background: #f6f5f4;
--gnome-inactive-button-border-color: #cdd1da;
--gnome-inactive-button-box-shadow: 0 1px rgba(255, 255, 255, 0) inset, 0 1px rgba(255, 255, 255, 0);
--gnome-button-suggested-action-background: linear-gradient(to top, #2379e2 2px, #3584e4);
--gnome-button-suggested-action-border-color: #1b6acb;
--gnome-button-suggested-action-border-bottom-color: #15539e;
--gnome-button-suggested-action-box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px 2px rgba(0, 0, 0, 0.07);
--gnome-button-suggested-action-hover-background: linear-gradient(to top, #3584e4, #3987e5 1px);
--gnome-button-suggested-action-active-background: linear-gradient(to top, #1961b9, #1961b9 1px);
--gnome-button-suggested-action-active-border-color: #1b6acb;
--gnome-button-suggested-action-active-box-shadow: inset 0 1px rgba(255, 255, 255, 0);
--gnome-button-destructive-action-background: linear-gradient(to top, #ce1921 2px, #e01b24);
--gnome-button-destructive-action-border-color: #b2161d;
--gnome-button-destructive-action-border-bottom-color: #851015;
--gnome-button-destructive-action-box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px 2px rgba(0, 0, 0, 0.07);
--gnome-button-destructive-action-hover-background: linear-gradient(to top, #e01b24, #e41c26 1px);
--gnome-button-destructive-action-active-background: linear-gradient(to top, #a0131a, #a0131a 1px);
--gnome-button-destructive-action-active-border-color: #b2161d;
--gnome-button-destructive-action-active-box-shadow: inset 0 1px rgba(255, 255, 255, 0);
--gnome-headerbar-button-combined-background: rgba(0, 0, 0, 0.05);
--gnome-headerbar-button-hover-background: rgba(0, 0, 0, 0.1);
--gnome-headerbar-button-active-background: rgba(0, 0, 0, 0.15);
/* URL bar */
--gnome-urlbar-background: #f3f4f6;
--gnome-urlbar-border-color: #abafb6;
--gnome-urlbar-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.08), 0 5px 8px rgba(0, 0, 0, 0.05), 0 8px 16px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0,0,0, 0.12);
--gnome-urlbar-color: #020202;
--gnome-hover-urlbar-border-color: #d7dce5;
--gnome-inactive-urlbar-background: #e9ebf0;
--gnome-inactive-urlbar-border-color: #cdd1da;
--gnome-inactive-urlbar-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.05);
--gnome-inactive-urlbar-color: #252932;
--gnome-focused-urlbar-border-color: #5683DA;
--gnome-focused-urlbar-highlight-color: #6592E9;
--gnome-private-urlbar-background: #e6c2ff;
/* Tabs */
--gnome-tabbar-tab-background: #e6ebf5;
--gnome-tabbar-tab-color: rgb(141, 144, 145);
--gnome-tabbar-tab-hover-background: #f0f0f0;
--gnome-tabbar-tab-hover-color: rgb(93, 98, 99);
--gnome-tabbar-tab-active-background: #e8e8e8;
--gnome-tabbar-tab-active-color: rgb(46, 52, 54);
--gnome-tabbar-tab-active-hover-background: #f0f0f0;
--gnome-inactive-tabbar-tab-color: #8b8e8f;
--gnome-inactive-tabbar-tab-background: #f0f0f0;
--gnome-inactive-tabbar-tab-active-background: #eeeeee;
--gnome-inactive-tabbar-tab-active-color: var(--gnome-inactive-tabbar-tab-color);
--gnome-tab-attention-icon-color: #718be8;
/* Switch */
--gnome-switch-background: #a7abb2;
--gnome-switch-hover-background: #969aa0;
--gnome-switch-active-background: #7b8292;
--gnome-switch-border-color: transparent;
--gnome-switch-slider-background: #fbfcfd;
--gnome-switch-slider-border-color: transparent;
--gnome-switch-slider-box-shadow: inset 0 1px white, 0 1px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.07);
--gnome-switch-active-border-color: transparent;
--gnome-switch-active-slider-border-color: transparent;
--gnome-switch-pressed-background: #315bef;
--gnome-switch-pressed-hover-background: #5073f1;
--gnome-switch-pressed-active-background: #6584f3;
/* Dirty hacks for replaced symbolic icons, they load from
* /usr/share/icons/<theme>/ and on some systems they need to be
* inverted, on others they don't, adjusts the filters below to your
* needs (you may also adjust icon brightness here). */
--gnome-convert-icon-to-symbolic-hack-filter: invert(100%) sepia(100%) grayscale(100%) brightness(200%) brightness(85%) invert(100%);
--gnome-icons-hack-filter: none;
--gnome-window-icons-hack-filter: invert(30%);
/* Private window colors */
--gnome-private-accent: #1c71d8;
/* Toolbars */
--gnome-private-toolbar-background: var(--gnome-headerbar-background);
--gnome-private-inactive-toolbar-background: var(--gnome-inactive-headerbar-background);
/* Menus */
--gnome-private-menu-background: #fbfcfd;
/* Header bar */
--gnome-private-headerbar-background: #D7E3F0;
--gnome-private-inactive-headerbar-background: var(--gnome-private-toolbar-background);
/* Tabs */
--gnome-private-tabbar-tab-hover-background: #cbd7e3; /* Hardcoded color */
--gnome-private-tabbar-tab-active-background: #c6d1dd; /* Hardcoded color */
--gnome-private-tabbar-tab-active-background-contrast: #a9b6c4; /* Hardcoded color */
--gnome-private-tabbar-tab-active-hover-background: #c0cbd7; /* Hardcoded color */
--gnome-private-inactive-tabbar-tab-hover-background: #e4e9f0; /* Hardcoded color */
--gnome-private-inactive-tabbar-tab-active-background: #e1e7ed; /* Hardcoded color */
/* Text color for Firefox Logo in new private tab */
--gnome-private-wordmark: #20123A;
/* New private tab background */
--gnome-private-in-content-page-background: #ebf0fa;
/* Private browsing info box */
--gnome-private-text-primary-color: #15141A;
}

63
src/other/firefox/Monterey/colors/light.css
View File

@ -8,10 +8,7 @@
:root {
/* Browser area before a page starts loading */
--gnome-browser-before-load-background: #f5f5f5;
--gnome-content-page-dialog-background: #ffffff;
--gnome-content-page-background: #f2f2f2;
--gnome-content-box-background: #ffffff;
--gnome-content-page-color: #242424;
--gnome-browser-content-box-background: #ffffff;
--theme-primary-color: #315bef;
--theme-primary-hover-color: #5073f1;
--theme-primary-active-color: #6584f3;
@ -20,8 +17,7 @@
--gnome-toolbar-background: #ffffff;
--gnome-tabstoolbar-background: #E5E5E5;
--gnome-findbar-background: #ffffff;
--gnome-toolbar-color: #2e2e2e;
--gnome-toolbar-icon-fill: #2e2e2e;
--gnome-toolbar-color: rgb(46, 52, 54);
--gnome-toolbar-border-color: #cfcfcf;
--gnome-inactive-toolbar-color: rgba(46, 52, 54, 0.35);
--gnome-inactive-toolbar-background: #f6f5f4;
@ -30,14 +26,13 @@
/* Sidebar */
--gnome-sidebar-background: #f5f5f5;
--gnome-inactive-sidebar-background: #f9f9f8;
--gnome-sidebar-border-color: color-mix(in srgb, #000000 12%, var(--gnome-sidebar-background));
/* Popups */
--gnome-menu-background: rgba(255, 255, 255, 0.95);
--gnome-menu-border-color: rgba(0, 0, 0, 0.12);
--gnome-menu-border-color: #cdc7c2;
--gnome-popover-background: rgba(255, 255, 255, 0.95);
--gnome-popover-border-color: rgba(0, 0, 0, 0.12);
--gnome-popover-shadow: 0 5px 8px rgba(0, 0, 0, 0.15);
--gnome-popover-border-color: #cdc7c2;
--gnome-popover-shadow: 0 5px 8px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.12);
--gnome-popover-button-hover-background: rgba(0, 0, 0, 0.1);
--gnome-popover-button-active-background: rgba(0, 0, 0, 0.2);
--gnome-popover-separator-color: rgba(0, 0, 0, 0.1);
@ -53,14 +48,13 @@
/* Buttons */
--gnome-button-background: linear-gradient(to top, #f1f1f1 0%, #fdfdfd 95%, #fefefe 100%);
--gnome-button-border-color: #cdc7c2;
--gnome-button-border-bottom-color: #b2b2b1;
--gnome-button-border-accent-color: #b2b2b1;
--gnome-button-box-shadow: inset 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.03);
--gnome-button-hover-color: rgba(0, 0, 0, 0.1);
--gnome-button-active-color: rgba(0, 0, 0, 0.2);
--gnome-button-hover-background: linear-gradient(to top, #fdfdfd 0%, #ffffff 100%);
--gnome-button-active-background: #cfcfcf;
--gnome-button-active-border-color: #b2b2b1;
--gnome-button-active-border-bottom-color: #b2b2b1;
--gnome-button-active-box-shadow: 0 1px rgba(255, 255, 255, 0) inset;
--gnome-button-disabled-background: #faf9f8;
--gnome-button-disabled-border-color: #cdc7c2;
@ -70,22 +64,21 @@
--gnome-inactive-button-box-shadow: 0 1px rgba(255, 255, 255, 0) inset, 0 1px rgba(255, 255, 255, 0);
--gnome-button-suggested-action-background: linear-gradient(to top, #2379e2 2px, #3584e4);
--gnome-button-suggested-action-border-color: #1b6acb;
--gnome-button-suggested-action-border-bottom-color: #15539e;
--gnome-button-suggested-action-border-accent-color: #15539e;
--gnome-button-suggested-action-box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px 2px rgba(0, 0, 0, 0.07);
--gnome-button-suggested-action-hover-background: linear-gradient(to top, #3584e4, #3987e5 1px);
--gnome-button-suggested-action-active-background: linear-gradient(to top, #1961b9, #1961b9 1px);
--gnome-button-suggested-action-active-background: #1961b9;
--gnome-button-suggested-action-active-border-color: #1b6acb;
--gnome-button-suggested-action-active-box-shadow: inset 0 1px rgba(255, 255, 255, 0);
--gnome-button-destructive-action-background: linear-gradient(to top, #ce1921 2px, #e01b24);
--gnome-button-destructive-action-border-color: #b2161d;
--gnome-button-destructive-action-border-bottom-color: #851015;
--gnome-button-destructive-action-border-accent-color: #851015;
--gnome-button-destructive-action-box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px 2px rgba(0, 0, 0, 0.07);
--gnome-button-destructive-action-hover-background: linear-gradient(to top, #e01b24, #e41c26 1px);
--gnome-button-destructive-action-active-background: linear-gradient(to top, #a0131a, #a0131a 1px);
--gnome-button-destructive-action-active-background: #a0131a;
--gnome-button-destructive-action-active-border-color: #b2161d;
--gnome-button-destructive-action-active-box-shadow: inset 0 1px rgba(255, 255, 255, 0);
--gnome-headerbar-button-combined-background: rgba(0, 0, 0, 0.05);
--gnome-headerbar-button-hover-background: rgba(0, 0, 0, 0.1);
--gnome-headerbar-button-active-background: rgba(0, 0, 0, 0.15);
@ -125,11 +118,11 @@
--gnome-switch-hover-background: #a0a0a0;
--gnome-switch-active-background: #929292;
--gnome-switch-border-color: transparent;
--gnome-switch-slider-background: #ffffff;
--gnome-switch-slider-border-color: transparent;
--gnome-switch-slider-background: linear-gradient(to bottom, white 10%, white 90%);
--gnome-switch-slider-border-color: #b8b8b8;
--gnome-switch-slider-box-shadow: inset 0 1px white, 0 1px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.07);
--gnome-switch-active-border-color: transparent;
--gnome-switch-active-slider-border-color: transparent;
--gnome-switch-active-border-color: #185fb4;
--gnome-switch-active-slider-border-color: #185fb4;
--gnome-switch-pressed-background: #315bef;
--gnome-switch-pressed-hover-background: #5073f1;
--gnome-switch-pressed-active-background: #6584f3;
@ -141,32 +134,4 @@
--gnome-convert-icon-to-symbolic-hack-filter: invert(100%) sepia(100%) grayscale(100%) brightness(200%) brightness(85%) invert(100%);
--gnome-icons-hack-filter: none;
--gnome-window-icons-hack-filter: invert(30%);
/* Private window colors */
--gnome-private-accent: #1c71d8;
/* Toolbars */
--gnome-private-toolbar-background: var(--gnome-headerbar-background);
--gnome-private-inactive-toolbar-background: var(--gnome-inactive-headerbar-background);
/* Menus */
--gnome-private-menu-background: #ffffff;
/* Header bar */
--gnome-private-headerbar-background: #D7E3F0;
--gnome-private-inactive-headerbar-background: var(--gnome-private-toolbar-background);
/* Tabs */
--gnome-private-tabbar-tab-hover-background: #cbd7e3; /* Hardcoded color */
--gnome-private-tabbar-tab-active-background: #c6d1dd; /* Hardcoded color */
--gnome-private-tabbar-tab-active-background-contrast: #a9b6c4; /* Hardcoded color */
--gnome-private-tabbar-tab-active-hover-background: #c0cbd7; /* Hardcoded color */
--gnome-private-inactive-tabbar-tab-hover-background: #e4e9f0; /* Hardcoded color */
--gnome-private-inactive-tabbar-tab-active-background: #e1e7ed; /* Hardcoded color */
/* Text color for Firefox Logo in new private tab */
--gnome-private-wordmark: #20123A;
/* New private tab background */
--gnome-private-in-content-page-background: #FAFAFA;
/* Private browsing info box */
--gnome-private-text-primary-color: #15141A;
}

12
src/other/firefox/Monterey/left_header_button_3.css
View File

@ -1,10 +1,18 @@
#TabsToolbar {
margin-left: 510px !important;
margin-left: 451px !important;
}
:root[sizemode="maximized"] #TabsToolbar {
margin-left: 491px !important;
}
/* Left window titlebuttons mode */
@media (-moz-gtk-csd-reversed-placement) {
#TabsToolbar {
margin-left: 590px !important;
margin-left: 534px !important;
}
:root[sizemode="maximized"] #TabsToolbar {
margin-left: 534px !important;
}
}

12
src/other/firefox/Monterey/left_header_button_4.css
View File

@ -1,10 +1,18 @@
#TabsToolbar {
margin-left: 552px !important;
margin-left: 491px !important;
}
:root[sizemode="maximized"] #TabsToolbar {
margin-left: 531px !important;
}
/* Left window titlebuttons mode */
@media (-moz-gtk-csd-reversed-placement) {
#TabsToolbar {
margin-left: 632px !important;
margin-left: 574px !important;
}
:root[sizemode="maximized"] #TabsToolbar {
margin-left: 574px !important;
}
}

12
src/other/firefox/Monterey/left_header_button_5.css
View File

@ -1,10 +1,18 @@
#TabsToolbar {
margin-left: 596px !important;
margin-left: 531px !important;
}
:root[sizemode="maximized"] #TabsToolbar {
margin-left: 571px !important;
}
/* Left window titlebuttons mode */
@media (-moz-gtk-csd-reversed-placement) {
#TabsToolbar {
margin-left: 686px !important;
margin-left: 614px !important;
}
:root[sizemode="maximized"] #TabsToolbar {
margin-left: 614px !important;
}
}

118
src/other/firefox/Monterey/parts/headerbar-urlbar.css
View File

@ -2,29 +2,43 @@
@namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";
#urlbar {
--urlbar-height: 32px !important;
--urlbar-container-height: 32px !important;
--urlbar-toolbar-height: 32px !important;
--urlbar-inner-padding: 0 !important;
}
toolbarspring {
display: none !important;
}
/* URL bar */
#urlbar {
--urlbar-height: 32px !important;
--urlbar-container-height: 32px !important;
--urlbar-toolbar-height: 32px !important;
--urlbar-inner-padding: 0 !important;
/* margin-top: -1px !important;*/
box-shadow: none !important;
width: 360px !important;
min-width: 360px !important;
background: var(--gnome-popover-background) !important;
border-radius: 8px !important;
border: none !important;
padding: 0 !important;
max-width: 360px !important;
}
#urlbar-background {
box-shadow: none !important;
border: 0 !important;
background: transparent !important;
border-radius: 8px !important;
padding: 0 !important;
}
#urlbar[focused="true"]:not([suppress-focus-border]) > #urlbar-background {
outline-color: transparent !important;
#urlbar:-moz-window-inactive {
background: var(--gnome-inactive-urlbar-background) !important;
border-color: var(--gnome-inactive-headerbar-background) !important;
}
#urlbar-container,
#wrapper-urlbar-container,
#urlbar #urlbar-input-container,
#urlbar .urlbar-input-container {
#urlbar #urlbar-input-container {
padding: 0 !important;
width: 360px !important;
min-width: 360px !important;
@ -37,38 +51,26 @@ toolbarspring {
min-width: 360px !important;
}
#urlbar-background {
box-shadow: none !important;
border: none !important;
background: none !important;
border-radius: 8px !important;
}
#urlbar[breakout][breakout-extend] {
left: 0 !important;
top: 0 !important;
width: 360px !important;
z-index: 5 !important;
padding: 0 !important;
border-radius: 8px !important;
outline: 2px solid var(--gnome-focused-urlbar-border-color) !important;
outline-offset: -2px;
-moz-outline-radius: 8px;
transition: outline 100ms ease-out;
border-radius: 10px !important;
}
#urlbar[breakout][breakout-extend][open] {
height: auto !important;
max-height: unset !important;
}
#urlbar[breakout][breakout-extend] #urlbar-input-container,
#urlbar[breakout][breakout-extend] .urlbar-input-container {
#urlbar[breakout][breakout-extend] #urlbar-input-container {
height: 32px !important;
max-height: 32px !important;
padding: 0 !important;
}
#urlbar:-moz-window-inactive {
border-color: var(--gnome-inactive-headerbar-background) !important;
#urlbar[breakout][breakout-extend][open] #urlbar-background {
box-shadow: var(--gnome-urlbar-box-shadow) !important;
}
#urlbar-input {
@ -78,20 +80,10 @@ toolbarspring {
/* URL bar results */
.urlbarView {
background: var(--gnome-popover-background) !important;
background: transparent !important;
color: var(--gnome-toolbar-color) !important;
margin: 6px 0 0 0 !important;
margin: 0 !important;
width: 100% !important;
position: absolute !important;
box-shadow: var(--gnome-urlbar-box-shadow) !important;
border-radius: 12px !important;
border: 0 !important;
}
@media (prefers-color-scheme: dark) {
.urlbarView {
border: 1px solid rgba(255, 255, 255, 0.1) !important;
}
}
.urlbarView-body-outer {
@ -99,7 +91,7 @@ toolbarspring {
--item-padding-end: 0 !important;
max-height: 40vh !important;
overflow-x: auto;
padding: 0 6px !important;
padding: 0 8px !important;
}
.urlbarView-body-inner {
@ -132,7 +124,7 @@ toolbarspring {
background: transparent !important;
box-shadow: none !important;
border: none !important;
padding: 0 !important;
padding: 0 0 !important;
min-height: 32px !important;
min-width: 32px !important;
margin: 0 !important;
@ -149,19 +141,7 @@ toolbarspring {
margin-left: 6px !important;
}
#identity-box[pageproxystate="invalid"] > .identity-box-button,
#urlbar:not(.searchButton) > #urlbar-input-container > #identity-box[pageproxystate="invalid"] > .identity-box-button {
padding-inline: 6px !important;
}
/* URL bar and Search bar */
#urlbar[focused],
#searchbar:focus-within {
outline: none !important;
border: none !important;
box-shadow: none !important;
}
#urlbar[focused] .urlbar-textbox-container {
margin: -1px !important;
}
@ -184,15 +164,17 @@ toolbarspring {
fill-opacity: 1 !important;
}
#identity-box {
margin: 3px 2px !important;
border-radius: 5px !important;
}
#notification-popup-box {
height: 26px !important;
border-radius: 5px !important;
}
.urlbar-page-action,
#urlbar-go-button,
.urlbar-go-button,
.search-go-button,
.urlbar-page-action, #urlbar-go-button, .search-go-button,
#tracking-protection-icon-container {
width: 28px !important;
height: 26px !important;
@ -201,30 +183,10 @@ toolbarspring {
border-radius: 5px !important;
}
#identity-box {
margin: 3px 2px !important;
border-radius: 5px !important;
}
#identity-box[pageproxystate="valid"].chromeUI {
margin-left: 0 !important;
}
#tracking-protection-icon-container:hover,
.urlbar-page-action:hover,
#urlbar-go-button:hover,
.urlbar-go-button:hover,
.search-go-button:hover,
#identity-box:hover {
background: var(--gnome-headerbar-button-hover-background) !important;
}
#tracking-protection-icon-container:active,
#tracking-protection-icon-container[open="true"],
.urlbar-page-action:active,
#urlbar-go-button:active,
.urlbar-go-button:active,
.search-go-button:active,
#identity-box:active {
background: var(--gnome-headerbar-button-active-background) !important;
}

184
src/other/firefox/Monterey/parts/tabsbar-alt.css
View File

@ -6,30 +6,25 @@
--space-above-tabbar: 0 !important;
}
/* Tabs bar height */
/* Fix tabs bar icon sizes */
#TabsToolbar {
min-height: 32px !important;
padding: 0 0 6px 0 !important;
}
#TabsToolbar #tabbrowser-tabs,
#TabsToolbar #tabbrowser-tabs arrowscrollbox {
min-height: 32px !important;
--tab-min-height: 32px !important;
/* Tabs bar height */
#tabbrowser-tabs,
#tabbrowser-tabs arrowscrollbox {
height: 36px !important;
min-height: 36px !important;
--tab-min-height: 36px !important;
}
#tabbrowser-tabs:not([secondarytext-unsupported]) .tab-label-container {
max-height: 32px !important;
.tab-background, .tab-stack {
min-height: 36px !important;
}
#TabsToolbar .tab-background,
#TabsToolbar .tab-stack {
height: 32px !important;
min-height: 32px !important;
}
#TabsToolbar tab > stack {
margin: 6px 3px !important;
tab > stack {
margin: 0 3px !important;
}
:root:not([sizemode="normal"]) .titlebar-spacer[type="pre-tabs"], :root[gtktiledwindow="true"] .titlebar-spacer[type="pre-tabs"] { /* reset */
@ -40,15 +35,10 @@
width: 8px !important;
}
.tabbrowser-tab,
.tab-background {
border: none !important;
box-shadow: none !important;
outline: none !important;
transition: background-color 200ms !important;
}
#TabsToolbar .tabbrowser-tab,
#TabsToolbar .tab-background {
border-radius: 8px !important;
padding: 0 !important;
background-image: none !important;
@ -58,36 +48,37 @@
color: var(--gnome-tabbar-tab-color) !important;
}
#TabsToolbar .tab-background {
margin: 0 !important;
margin-block: 0 !important;
}
.tabbrowser-tab .tab-background:not([selected=true]) {
color: var(--gnome-tabbar-tab-active-color) !important;
}
.tabbrowser-tab:not([selected=true]) .tab-background {
.tab-background {
margin: 0 !important;
transition: all 200ms;
margin-block: 0 !important;
}
.tab-background:not([selected=true]) {
background: var(--gnome-tabbar-tab-background) !important;
}
.tabbrowser-tab:not([selected=true]) .tab-background:-moz-window-inactive {
.tab-background:not([selected=true]):-moz-window-inactive {
background: var(--gnome-inactive-tabbar-tab-background) !important;
}
/* Tab hover */
.tabbrowser-tab:not([selected=true]):hover > .tab-stack > .tab-background {
#TabsToolbar .tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected=true]) {
background: var(--gnome-tabbar-tab-hover-background) !important;
}
/* Active tab */
.tab-background:is([selected]) {
.tab-background[selected=true] {
background: var(--gnome-tabbar-tab-active-background) !important;
animation: none !important;
transition: none !important;
}
.tab-background:is([selected]):-moz-window-inactive {
.tab-background[selected=true]:-moz-window-inactive {
background: var(--gnome-inactive-tabbar-tab-active-background) !important;
}
@ -109,20 +100,54 @@ tab[selected]:-moz-window-inactive .tab-label {
}
/* Center all inside tab */
#TabsToolbar {
.tab-content {
display: flex;
flex-direction: row;
justify-content: center !important;
align-items: center !important;
min-width: 100% !important;
padding: 0 8px !important;
padding: 0 10px !important;
}
.tab-label {
margin-inline: 0 !important;
}
/* Prevent tab icons size breaking */
.tab-icon-image, .tab-icon-sound, .tab-throbber, .tab-throbber-fallback, .tab-close-button {
min-width: 16px;
}
.tabbrowser-tab[soundplaying="true"] .tab-icon-image,
.tabbrowser-tab[muted="true"] .tab-icon-image {
margin-top: 3px !important;
margin-left: 2px !important;
}
.tab-icon-overlay {
height: 24px !important;
width: 24px !important;
padding: 4px !important;
border-radius: 100px !important;
}
.tab-icon-overlay:not([crashed]):is([pinned], [sharing]) {
top: 0 !important;
inset-inline-end: 0 !important;
}
.tabbrowser-tab .tab-icon-overlay:not([crashed]):is([pinned], [sharing]) {
background-color: var(--gnome-tabbar-tab-background) !important;
}
.tabbrowser-tab[selected=true] .tab-icon-overlay:not([crashed]):is([pinned], [sharing]) {
background-color: var(--gnome-tabbar-tab-active-background) !important;
}
.tabbrowser-tab .tab-icon-overlay:not([crashed]):is([pinned], [sharing]):hover {
background-color: var(--gnome-tabbar-tab-hover-background) !important;
}
/* Adjust tab label width */
.tab-label-container {
min-width: 0 !important;
@ -172,29 +197,6 @@ tab[selected]:-moz-window-inactive .tab-label {
margin-left: 0 !important
}
/* Prevent tab icons size breaking */
.tab-icon-image, .tab-icon-sound, .tab-throbber, .tab-throbber-fallback, .tab-close-button {
min-width: 16px;
}
.tabbrowser-tab[soundplaying="true"] .tab-icon-image,
.tabbrowser-tab[muted="true"] .tab-icon-image {
margin-top: 3px !important;
margin-left: 2px !important;
}
.tab-icon-overlay {
height: 24px !important;
width: 24px !important;
padding: 4px !important;
border-radius: 100px !important;
}
.tab-icon-overlay:not([crashed]):is([pinned], [sharing]) {
top: 0 !important;
inset-inline-end: 0 !important;
}
/*Align personal bookmarks v89 */
#personal-bookmarks {
-moz-box-align: center !important;
@ -204,24 +206,11 @@ tab[selected]:-moz-window-inactive .tab-label {
.tabbrowser-tab {
padding-inline: 0px !important;
}
}
.tabbrowser-tab .tab-icon-overlay:not([crashed]):is([soundplaying], [muted], [activemedia-blocked]) {
background-color: transparent !important;
}
.tabbrowser-tab[selected=true] .tab-icon-overlay:not([crashed]):is([soundplaying], [muted], [activemedia-blocked]) {
background-color: transparent !important;
}
.tabbrowser-tab .tab-icon-overlay:not([crashed]):is([soundplaying], [muted], [activemedia-blocked]):hover {
background-color: var(--gnome-tabbar-tab-hover-background) !important;
}
.close-icon {
height: 16px !important;
width: 16px !important;
padding: 0 !important;
width: 16px !important;
}
.tab-close-button {
@ -245,6 +234,11 @@ tab[selected]:-moz-window-inactive .tab-label {
visibility: visible;
}
@media (prefers-color-scheme: dark) {
.tab-close-button {
list-style-image: url("../icons/window-close-symbolic-light.svg") !important;
}
}
:root:-moz-window-inactive .tab-close-button:not(#hack) {
opacity: .18 !important;
}
@ -272,18 +266,6 @@ tab[selected]:-moz-window-inactive .tab-label {
display: none;
}
/* tab-context-line above tabs */
.tabbrowser-tab[usercontextid] > .tab-stack > .tab-background > .tab-context-line {
height: 2px;
border-radius: 2px;
margin: 0 12px !important;
}
/* Remove alt colours references for multi tabs*/
.tabbrowser-tab[usercontextid] > .tab-stack > .tab-background > .tab-bottom-line {
display: none;
}
/* Remove tab separators */
.tabbrowser-tab::after,
.tabbrowser-tab::before {
@ -310,40 +292,40 @@ tab[selected]:-moz-window-inactive .tab-label {
max-width: .1px !important;
}
/* Remove alt colours references for multi tabs*/
.tabbrowser-tab[usercontextid] > .tab-stack > .tab-background > .tab-bottom-line {
display: none;
}
.tabbrowser-tab[class*="identity-color-"][pinned] {
display: flex;
}
#TabsToolbar #alltabs-button {
padding: 0 !important;
padding: 0 0 !important;
visibility: collapse !important;
}
#TabsToolbar .toolbarbutton-1,
#TabsToolbar #tabs-newtab-button,
#TabsToolbar #new-tab-button {
min-height: 32px !important;
margin: 6px 2px !important;
#tabs-newtab-button, #TabsToolbar #new-tab-button {
margin: 0 2px !important;
padding: 0 10px !important;
border-radius: 8px !important;
}
#TabsToolbar .toolbarbutton-1 image,
#TabsToolbar #tabs-newtab-button image,
#TabsToolbar #new-tab-button image {
#tabs-newtab-button image, #TabsToolbar #new-tab-button image {
margin: 0 !important;
padding: 0 !important;
height: 16px !important;
width: 16px !important;
}
#TabsToolbar #scrollbutton-up,
#TabsToolbar #scrollbutton-down {
height: 32px !important;
#TabsToolbar #scrollbutton-up, #TabsToolbar #scrollbutton-down {
height: 36px !important;
}
#TabsToolbar #scrollbutton-up image,
#TabsToolbar #scrollbutton-down image {
#TabsToolbar #scrollbutton-up image, #TabsToolbar #scrollbutton-down image {
margin: 0 !important;
padding: 0 !important;
height: 16px !important;
@ -351,13 +333,9 @@ tab[selected]:-moz-window-inactive .tab-label {
}
/* firefox-view-button */
:root:not([privatebrowsingmode], [firefoxviewhidden]) :is(toolbarbutton, toolbarpaletteitem) + #tabbrowser-tabs,
:root[privatebrowsingmode]:not([firefoxviewhidden]) :is(
toolbarbutton:not(#firefox-view-button),
toolbarpaletteitem:not(#wrapper-firefox-view-button)
) + #tabbrowser-tabs {
:root:not([privatebrowsingmode="temporary"]):not([firefoxviewhidden]) :is(#firefox-view-button, #wrapper-firefox-view-button) + #tabbrowser-tabs {
border-inline-start: none !important;
padding-inline-start: calc(var(--tab-overflow-pinned-tabs-width)) !important;
padding-inline-start: 0 !important;
margin-inline-start: 0 !important;
}
@ -375,6 +353,6 @@ tab[selected]:-moz-window-inactive .tab-label {
}
#firefox-view-button > .toolbarbutton-icon {
filter: none !important;
box-shadow: none !important;
outline: none !important;
}

87
src/other/firefox/Monterey/parts/tabsbar.css
View File

@ -2,40 +2,26 @@
@namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";
:root[tabsintitlebar] #nav-bar toolbaritem,
#nav-bar-customization-target {
-moz-window-dragging: drag;
}
#tabbrowser-tabs[haspinnedtabs]:not([positionpinnedtabs]):not([orient="vertical"]) > #tabbrowser-arrowscrollbox > .tabbrowser-tab:nth-child(1 of :not([pinned], [hidden])) {
margin-inline-start: 6px !important;
}
#TabsToolbar tab > stack {
tab > stack {
margin: 0 3px !important;
}
/* Tabs bar height */
#TabsToolbar #tabbrowser-tabs {
--tab-min-height: 32px !important;
--tabstrip-min-height: 32px !important;
}
#TabsToolbar .tab-background,
#TabsToolbar .tab-stack {
height: 32px !important;
min-height: 32px !important;
}
.tabbrowser-tab,
.tab-background {
border: none !important;
box-shadow: none !important;
border-radius: 8px !important;
height: 32px !important;
min-height: 32px !important;
max-height: 32px !important;
padding: 0 !important;
background-image: none !important;
}
.tabbrowser-tab {
margin: 1px 0 0 0 !important;
}
.tabbrowser-tab:not([visuallyselected="true"], [multiselected]), .tabbrowser-tab:-moz-lwtheme {
color: var(--gnome-tabbar-tab-color) !important;
}
@ -45,34 +31,30 @@
}
.tab-background {
background: transparent !important;
transition: background-color 200ms !important;
outline: none !important;
}
#TabsToolbar .tab-background {
margin: 0 !important;
background-color: transparent !important;
transition: background 200ms !important;
}
.tabbrowser-tab:not([selected=true]) .tab-background {
.tab-background:not([selected=true]) {
background: var(--gnome-tabbar-tab-background) !important;
}
.tabbrowser-tab:not([selected=true]) .tab-background:-moz-window-inactive {
.tab-background:not([selected=true]):-moz-window-inactive {
background: var(--gnome-inactive-tabbar-tab-background) !important;
}
/* Tab hover */
.tabbrowser-tab:not([selected=true]):hover .tab-background {
#TabsToolbar .tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected=true]) {
background: var(--gnome-tabbar-tab-hover-background) !important;
}
/* Active tab */
.tab-background:is([selected]) {
.tab-background[selected=true] {
background: var(--gnome-tabbar-tab-active-background) !important;
}
.tab-background:is([selected]):-moz-window-inactive {
.tab-background[selected=true]:-moz-window-inactive {
background: var(--gnome-inactive-tabbar-tab-active-background) !important;
}
@ -119,6 +101,12 @@ tab[selected]:-moz-window-inactive .tab-label {
.tabbrowser-tab:hover > .tab-stack > .tab-content > .tab-close-button {
visibility: visible;
}
@media (prefers-color-scheme: dark) {
.tab-close-button {
list-style-image: url("../icons/window-close-symbolic-light.svg") !important;
}
}
:root:-moz-window-inactive .tab-close-button:not(#hack) {
opacity: .18 !important;
}
@ -159,15 +147,15 @@ tab[selected]:-moz-window-inactive .tab-label {
inset-inline-end: 0 !important;
}
.tabbrowser-tab .tab-icon-overlay:not([crashed]):is([soundplaying], [muted], [activemedia-blocked]) {
background-color: transparent !important;
.tabbrowser-tab .tab-icon-overlay:not([crashed]):is([pinned], [sharing]) {
background-color: var(--gnome-tabbar-tab-background) !important;
}
.tabbrowser-tab[selected=true] .tab-icon-overlay:not([crashed]):is([soundplaying], [muted], [activemedia-blocked]) {
background-color: transparent !important;
.tabbrowser-tab[selected=true] .tab-icon-overlay:not([crashed]):is([pinned], [sharing]) {
background-color: var(--gnome-tabbar-tab-active-background) !important;
}
.tabbrowser-tab .tab-icon-overlay:not([crashed]):is([soundplaying], [muted], [activemedia-blocked]):hover {
.tabbrowser-tab .tab-icon-overlay:not([crashed]):is([pinned], [sharing]):hover {
background-color: var(--gnome-tabbar-tab-hover-background) !important;
}
@ -176,18 +164,6 @@ tab[selected]:-moz-window-inactive .tab-label {
display: none;
}
/* tab-context-line above tabs */
.tabbrowser-tab[usercontextid] > .tab-stack > .tab-background > .tab-context-line {
height: 2px;
border-radius: 2px;
margin: 0 12px !important;
}
/* Remove alt colours references for multi tabs*/
.tabbrowser-tab[usercontextid] > .tab-stack > .tab-background > .tab-bottom-line {
display: none;
}
/* Tab attention dot */
.tabbrowser-tab:is([image], [pinned]) > .tab-stack > .tab-content[attention]:not([selected="true"]), .tabbrowser-tab > .tab-stack > .tab-content[pinned][titlechanged]:not([selected="true"]), #firefox-view-button[attention] {
background-image: radial-gradient(circle, var(--gnome-tab-attention-icon-color), var(--gnome-tab-attention-icon-color) 2px, transparent 2px) !important;
@ -208,7 +184,7 @@ tab[selected]:-moz-window-inactive .tab-label {
#TabsToolbar .toolbarbutton-1,
#TabsToolbar #tabs-newtab-button,
#TabsToolbar #new-tab-button {
margin: 0 2px !important;
margin: 1px 2px 0 !important;
padding: 0 10px !important;
max-height: 32px !important;
min-height: 32px !important;
@ -239,18 +215,15 @@ tab[selected]:-moz-window-inactive .tab-label {
}
/* firefox-view-button */
:root:not([privatebrowsingmode="temporary"]):not([firefoxviewhidden]) :is(#firefox-view-button, #wrapper-firefox-view-button) {
display: none !important;
}
:root:not([privatebrowsingmode], [firefoxviewhidden]) :is(toolbarbutton, toolbarpaletteitem) + #tabbrowser-tabs, :root[privatebrowsingmode]:not([firefoxviewhidden]) :is(toolbarbutton:not(#firefox-view-button), toolbarpaletteitem:not(#wrapper-firefox-view-button)) + #tabbrowser-tabs {
:root:not([privatebrowsingmode="temporary"]):not([firefoxviewhidden]) :is(#firefox-view-button, #wrapper-firefox-view-button) + #tabbrowser-tabs {
border-inline-start: none !important;
padding-inline-start: 0 !important;
margin-inline-start: -40px !important;
}
#firefox-view-button > .toolbarbutton-icon {
filter: none !important;
box-shadow: none !important;
outline: none !important;
}
/* Remove shadow next to tab scroll buttons */

43
src/other/firefox/Monterey/parts/toolbox-alt.css
View File

@ -7,31 +7,36 @@
@namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";
#nav-bar,
#titlebar,
#PersonalToolbar,
#toolbar-menubar,
#TabsToolbar,
#navigator-toolbox,
.notificationbox-stack {
#nav-bar, #PersonalToolbar, #toolbar-menubar, #TabsToolbar, #titlebar {
border: none !important;
color: var(--gnome-toolbar-color);
background: var(--gnome-toolbar-background) !important;
transition: none !important;
}
#navigator-toolbox {
#TabsToolbar {
border-bottom: 1px solid var(--gnome-toolbar-border-color) !important;
}
findbar {
border: 0 !important;
background: var(--gnome-findbar-background) !important;
border-bottom: 1px solid var(--gnome-toolbar-border-color) !important;
}
#nav-bar:-moz-window-inactive,
#titlebar:-moz-window-inactive,
#PersonalToolbar:-moz-window-inactive,
#toolbar-menubar:-moz-window-inactive,
#TabsToolbar:-moz-window-inactive,
#navigator-toolbox:-moz-window-inactive {
findbar:-moz-window-inactive {
background: var(--gnome-inactive-toolbar-background) !important;
}
/* Toolbox colors */
#navigator-toolbox {
border: 0 !important;
background: none !important;
}
.toolbarbutton-icon {
color: var(--gnome-toolbar-color);
fill: var(--gnome-toolbar-color);
@ -50,7 +55,7 @@
}
/* allow to drag headerbar empty space */
#nav-bar .chromeclass-location {
:root[tabsintitlebar] #nav-bar .chromeclass-location {
-moz-window-dragging: drag !important;
}
@ -80,6 +85,13 @@
order: 100;
}
/* Sidebar */
#sidebar-box,
.sidebar-panel[lwt-sidebar] {
color: var(--gnome-toolbar-color) !important;
background: var(--gnome-toolbar-background) !important;
}
/* Customization page */
#customization-container:-moz-lwtheme {
background-image: linear-gradient(var(--gnome-browser-before-load-background), var(--gnome-browser-before-load-background)) !important;
@ -93,10 +105,9 @@
}
#PersonalToolbar {
height: 28px !important;
max-height: 28px !important;
padding: 0 2px !important;
--bookmarks-toolbar-overlapping-browser-height: auto;
padding: 0 3px 3px !important;
height: 32px !important;
max-height: 32px !important;
}
/* bookmark-item */

40
src/other/firefox/Monterey/parts/toolbox.css
View File

@ -10,19 +10,33 @@
#nav-bar, #PersonalToolbar, #toolbar-menubar, #titlebar {
color: var(--gnome-toolbar-color);
background: var(--gnome-toolbar-background) !important;
border: none !important;
}
#navigator-toolbox {
#PersonalToolbar {
border-bottom: 1px solid var(--gnome-toolbar-border-color) !important;
}
findbar {
border: none !important;
background: var(--gnome-findbar-background) !important;
border-bottom: 1px solid var(--gnome-toolbar-border-color) !important;
}
#nav-bar:-moz-window-inactive,
#PersonalToolbar:-moz-window-inactive,
#toolbar-menubar:-moz-window-inactive,
findbar:-moz-window-inactive,
#titlebar:-moz-window-inactive {
background: var(--gnome-inactive-toolbar-background) !important;
}
/* Toolbox colors */
#navigator-toolbox {
border: none !important;
background: none !important;
}
.toolbarbutton-icon {
color: var(--gnome-toolbar-color);
fill: var(--gnome-toolbar-color);
@ -33,14 +47,10 @@
max-height: 42px !important;
}
.titlebar-spacer[type="pre-tabs"], .titlebar-spacer[type="post-tabs"] {
width: 0 !important;
}
#TabsToolbar {
margin-top: -40px !important;
margin-bottom: 8px !important;
margin-top: -41px !important;
padding: 0 !important;
margin-bottom: 6px !important;
background: none !important;
max-height: 42px !important;
}
@ -51,7 +61,7 @@
}
/* allow to drag headerbar empty space */
#nav-bar .chromeclass-location {
:root[tabsintitlebar] #nav-bar .chromeclass-location {
-moz-window-dragging: drag !important;
}
@ -81,10 +91,16 @@
}
#PersonalToolbar {
height: 28px !important;
max-height: 28px !important;
padding: 0 2px !important;
--bookmarks-toolbar-overlapping-browser-height: auto;
padding: 0 3px 3px !important;
height: 32px !important;
max-height: 32px !important;
}
/* Sidebar */
#sidebar-box,
.sidebar-panel[lwt-sidebar] {
color: var(--gnome-toolbar-color) !important;
background: var(--gnome-toolbar-background) !important;
}
/* Customization page */

8
src/other/firefox/Monterey/right_header_button_3.css
View File

@ -1,10 +1,10 @@
#TabsToolbar, #urlbar-container {
margin-right: 16vw !important;
#TabsToolbar {
margin-right: 14vw !important;
}
/* Left window titlebuttons mode */
@media (-moz-gtk-csd-reversed-placement) {
#TabsToolbar, #urlbar-container {
margin-right: 12vw !important;
#TabsToolbar {
margin-right: 10vw !important;
}
}

8
src/other/firefox/Monterey/right_header_button_4.css
View File

@ -1,10 +1,10 @@
#TabsToolbar, #urlbar-container {
margin-right: 18vw !important;
#TabsToolbar {
margin-right: 16vw !important;
}
/* Left window titlebuttons mode */
@media (-moz-gtk-csd-reversed-placement) {
#TabsToolbar, #urlbar-container {
margin-right: 14vw !important;
#TabsToolbar {
margin-right: 12vw !important;
}
}

8
src/other/firefox/Monterey/right_header_button_5.css
View File

@ -1,10 +1,10 @@
#TabsToolbar, #urlbar-container {
margin-right: 20vw !important;
#TabsToolbar {
margin-right: 18vw !important;
}
/* Left window titlebuttons mode */
@media (-moz-gtk-csd-reversed-placement) {
#TabsToolbar, #urlbar-container {
margin-right: 16vw !important;
#TabsToolbar {
margin-right: 14vw !important;
}
}

37
src/other/firefox/Monterey/theme-adaptive.css
View File

@ -1,37 +0,0 @@
@import "parts/toolbox.css";
@import "parts/buttons.css";
@import "parts/entries.css";
@import "parts/controls.css";
@import "parts/headerbar-urlbar.css";
@import "parts/headerbar-private-urlbar.css";
@import "parts/headerbar.css";
@import "parts/csd.css";
@import "parts/titlebutton-light.css";
@import "parts/titlebutton-dark.css";
@import "parts/popups.css";
@import "parts/tabsbar.css";
@import "parts/findbar.css";
@import "parts/sidebar.css";
@import "parts/dialogs.css";
@import "parts/notification.css";
@import "parts/infobar.css";
@import "parts/video-player.css";
@import "parts/remove-white-flash.css";
@import "parts/icons.css";
@import "colors/light-adaptive.css";
@import "colors/dark-adaptive.css";
@namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";
/* Set theme version text in customization panel */
#customization-footer::before {
background: url(icons/icon.svg) no-repeat;
background-size: contain;
content: "Firefox Monterey theme";
padding: 10px 10px 10px 50px;
}
#customization-container {
background-color: var(--gnome-browser-before-load-background) !important;
color: var(--gnome-toolbar-color) !important;
background-image: none !important;
}

37
src/other/firefox/Monterey/theme-alt-adaptive.css
View File

@ -1,37 +0,0 @@
@import "parts/toolbox-alt.css";
@import "parts/buttons.css";
@import "parts/entries.css";
@import "parts/controls.css";
@import "parts/headerbar-urlbar-alt.css";
@import "parts/headerbar-private-urlbar.css";
@import "parts/headerbar.css";
@import "parts/csd.css";
@import "parts/titlebutton-light.css";
@import "parts/titlebutton-dark.css";
@import "parts/popups.css";
@import "parts/tabsbar-alt.css";
@import "parts/findbar.css";
@import "parts/sidebar.css";
@import "parts/dialogs.css";
@import "parts/notification.css";
@import "parts/infobar.css";
@import "parts/video-player.css";
@import "parts/remove-white-flash.css";
@import "parts/icons.css";
@import "colors/light-adaptive.css";
@import "colors/dark-adaptive.css";
@namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";
/* Set theme version text in customization panel */
#customization-footer::before {
background: url(icons/icon.svg) no-repeat;
background-size: contain;
content: "Firefox Monterey theme";
padding: 10px 10px 10px 50px;
}
#customization-container {
background-color: var(--gnome-browser-before-load-background) !important;
color: var(--gnome-toolbar-color) !important;
background-image: none !important;
}

37
src/other/firefox/Monterey/theme-alt-darker.css
View File

@ -1,37 +0,0 @@
@import "parts/toolbox-alt.css";
@import "parts/buttons.css";
@import "parts/entries.css";
@import "parts/controls.css";
@import "parts/headerbar-urlbar-alt.css";
@import "parts/headerbar-private-urlbar.css";
@import "parts/headerbar.css";
@import "parts/csd.css";
@import "parts/titlebutton-light.css";
@import "parts/titlebutton-dark.css";
@import "parts/popups.css";
@import "parts/tabsbar-alt.css";
@import "parts/findbar.css";
@import "parts/sidebar.css";
@import "parts/dialogs.css";
@import "parts/notification.css";
@import "parts/infobar.css";
@import "parts/video-player.css";
@import "parts/remove-white-flash.css";
@import "parts/icons.css";
@import "colors/light.css";
@import "colors/darker.css";
@namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";
/* Set theme version text in customization panel */
#customization-footer::before {
background: url(icons/icon.svg) no-repeat;
background-size: contain;
content: "Firefox Monterey theme";
padding: 10px 10px 10px 50px;
}
#customization-container {
background-color: var(--gnome-browser-before-load-background) !important;
color: var(--gnome-toolbar-color) !important;
background-image: none !important;
}

4
src/other/firefox/Monterey/theme-alt.css
View File

@ -11,12 +11,11 @@
@import "parts/popups.css";
@import "parts/tabsbar-alt.css";
@import "parts/findbar.css";
@import "parts/sidebar.css";
@import "parts/dialogs.css";
@import "parts/notification.css";
@import "parts/infobar.css";
@import "parts/video-player.css";
@import "parts/remove-white-flash.css";
@import "parts/custom-icons.css";
@import "parts/icons.css";
@import "colors/light.css";
@import "colors/dark.css";
@ -33,5 +32,4 @@
#customization-container {
background-color: var(--gnome-browser-before-load-background) !important;
color: var(--gnome-toolbar-color) !important;
background-image: none !important;
}

37
src/other/firefox/Monterey/theme-darker.css
View File

@ -1,37 +0,0 @@
@import "parts/toolbox.css";
@import "parts/buttons.css";
@import "parts/entries.css";
@import "parts/controls.css";
@import "parts/headerbar-urlbar.css";
@import "parts/headerbar-private-urlbar.css";
@import "parts/headerbar.css";
@import "parts/csd.css";
@import "parts/titlebutton-light.css";
@import "parts/titlebutton-dark.css";
@import "parts/popups.css";
@import "parts/tabsbar.css";
@import "parts/findbar.css";
@import "parts/sidebar.css";
@import "parts/dialogs.css";
@import "parts/notification.css";
@import "parts/infobar.css";
@import "parts/video-player.css";
@import "parts/remove-white-flash.css";
@import "parts/icons.css";
@import "colors/light.css";
@import "colors/darker.css";
@namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";
/* Set theme version text in customization panel */
#customization-footer::before {
background: url(icons/icon.svg) no-repeat;
background-size: contain;
content: "Firefox Monterey theme";
padding: 10px 10px 10px 50px;
}
#customization-container {
background-color: var(--gnome-browser-before-load-background) !important;
color: var(--gnome-toolbar-color) !important;
background-image: none !important;
}

4
src/other/firefox/Monterey/theme.css
View File

@ -11,12 +11,11 @@
@import "parts/popups.css";
@import "parts/tabsbar.css";
@import "parts/findbar.css";
@import "parts/sidebar.css";
@import "parts/dialogs.css";
@import "parts/notification.css";
@import "parts/infobar.css";
@import "parts/video-player.css";
@import "parts/remove-white-flash.css";
@import "parts/custom-icons.css";
@import "parts/icons.css";
@import "colors/light.css";
@import "colors/dark.css";
@ -33,5 +32,4 @@
#customization-container {
background-color: var(--gnome-browser-before-load-background) !important;
color: var(--gnome-toolbar-color) !important;
background-image: none !important;
}

21
src/other/firefox/README.md
View File

@ -10,21 +10,16 @@ Based on https://github.com/rafaelmardojai/firefox-gnome-theme
## Installation
Run: `./tweaks.sh -f`
Run `./tweaks.sh -f`
if you want to use `Monterey` style then:
Run: `./tweaks.sh -f monterey`
Run `./tweaks.sh -f monterey`
### Tips about monterey options (Fix the urlbar attached tabs issue)
1. Remove all space separators on left of urlbar
2. Make sure how many buttons on side of urlbar, a: left side buttons number(3-5), b: right side buttons number(3-5).
3. then run: `./tweaks.sh -f monterey a+b` for example: `./tweaks.sh -f monterey 5+5`
or you can edit the config file
1. run: `./tweaks.sh -f monterey -e`
2. Make sure how many buttons you put on side of urlbar an then run `./tweaks.sh -f monterey -e`
```
/*--------------Configure your Monterey theme--------------
@ -44,15 +39,7 @@ or you can edit the config file
```
2. Choose the right buttons number config then remove `/*` to enable it and add `/*` to disable the default one
### Adaptive version support now!
https://github.com/user-attachments/assets/9b99297f-e6b3-4aa0-812a-331cddb517ce
Run: `./tweaks.sh -f adaptive` to install it
You need install adaptive-tab-bar-colour plugin first. https://addons.mozilla.org/firefox/addon/adaptive-tab-bar-colour/
3. Choose the right buttons number config then remove `/*` to enable it and add `/*` to disable the default one
### Manual installation

184
src/other/firefox/WhiteSur/colors/dark-adaptive.css
View File

@ -1,184 +0,0 @@
@namespace xul url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
/* Variables that start with --gnome- are added by me and are assigned
* to elements somewhere in this code. The rest of the variables are
* built-in in Firefox, so you need to add an !important if you wanna
* override them. */
@media (prefers-color-scheme: dark) {
:root {
/* Browser area before a page starts loading */
--gnome-browser-before-load-background: var(--lwt-accent-color, #282828);
--gnome-content-page-dialog-background: #424242;
--gnome-content-page-background: #1d1d1d;
--gnome-content-box-background: #2b2b2b;
--gnome-content-page-color: #fdfdfd;
--theme-primary-color: #315bef;
--theme-primary-hover-color: #5073f1;
--theme-primary-active-color: #6584f3;
/* Browser colors */
--in-content-link-color: var(--theme-primary-color) !important;
--in-content-link-color-hover: var(--theme-primary-color-hover) !important;
/* Toolbars */
--gnome-toolbar-background: var(--lwt-accent-color, #363636);
--gnome-tabstoolbar-background: color-mix(in srgb, #ffffff 6%, var(--lwt-accent-color, #363636));
--gnome-findbar-background: var(--lwt-accent-color, #282828);
--gnome-toolbar-color: var(--toolbar-color, #ffffff);
--gnome-toolbar-icon-fill: var(--toolbar-color, #ffffff);
--gnome-toolbar-border-color: rgba(255, 255, 255, 0.1);
--gnome-inactive-toolbar-color: color-mix(in srgb, var(--gnome-toolbar-color) 45%, var(--gnome-toolbar-background));
--gnome-inactive-toolbar-background: var(--lwt-accent-color, #282828);
--gnome-inactive-toolbar-border-color: var(--chrome-content-separator-color);
/* Sidebar */
--gnome-sidebar-background: var(--lwt-accent-color, #282828);
--gnome-inactive-sidebar-background: var(--lwt-accent-color, #282828);
--gnome-sidebar-border-color: color-mix(in srgb, var(--toolbar-color) 10%, var(--gnome-sidebar-background));
/* Popups */
--gnome-menu-background: color-mix(in srgb, var(--toolbar-field-focus-background-color) 95%, transparent);
--gnome-menu-border-color: rgba(0,0,0,.15);
--gnome-popover-background: color-mix(in srgb, var(--toolbar-field-focus-background-color) 95%, transparent);
--gnome-popover-border-color: light-dark(rgba(0,0,0,.15), #000000);
--gnome-popover-shadow: 0 5px 8px rgba(0, 0, 0, 0.3);
--gnome-popover-button-hover-background: color-mix(in srgb, currentColor 10%, transparent);
--gnome-popover-button-active-background: color-mix(in srgb, currentColor 15%, transparent);
--gnome-popover-separator-color: color-mix(in srgb, currentColor 8%, transparent);
/* Header bar */
--gnome-headerbar-background: var(--lwt-accent-color, #363636);
--gnome-headerbar-border-color: color-mix(in srgb, currentColor 10%, transparent);
--gnome-headerbar-box-shadow: inset 0 1px rgba(255, 255, 255, 0.15);
--gnome-inactive-headerbar-background: var(--lwt-accent-color);
--gnome-inactive-headerbar-border-color: color-mix(in srgb, currentColor 10%, transparent);
--gnome-inactive-headerbar-box-shadow: inset 0 1px rgba(255, 255, 255, 0.08);
/* Buttons */
--button-background-color: color-mix(in srgb, #ffffff 15%, var(--toolbar-field-background-color));
--button-background-hover-color: color-mix(in srgb, #ffffff 25%, var(--toolbar-field-background-color));
--button-background-active-color: color-mix(in srgb, #ffffff 35%, var(--toolbar-field-background-color));
--button-background-disabled-color: color-mix(in srgb, #ffffff 8%, var(--toolbar-field-background-color));
--gnome-button-background: linear-gradient(to top, var(--button-background-color) 0%, var(--button-background-color) 100%);
--gnome-button-border-color: color-mix(in srgb, #000000 35%, var(--toolbar-field-background-color));
--gnome-button-border-bottom-color: color-mix(in srgb, #000000 45%, var(--toolbar-field-background-color));
--gnome-button-box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
--gnome-button-hover-background: linear-gradient(to top, var(--button-background-hover-color) 0%, var(--button-background-hover-color) 100%);
--gnome-button-active-background: linear-gradient(to top, var(--button-background-active-color) 0%, var(--button-background-active-color) 100%);
--gnome-button-active-border-color: color-mix(in srgb, #000000 35%, var(--toolbar-field-background-color));
--gnome-button-active-bottom-border-color: color-mix(in srgb, #000000 45%, var(--toolbar-field-background-color));
--gnome-button-active-box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
--gnome-button-disabled-background: linear-gradient(to top, var(--button-background-disabled-color) 0%, var(--button-background-disabled-color) 100%);
--gnome-button-disabled-border-color: color-mix(in srgb, #000000 35%, var(--toolbar-field-background-color));
--gnome-button-disabled-box-shadow: inset 0 1px rgba(255, 255, 255, 0.03);
--gnome-inactive-button-background: color-mix(in srgb, #ffffff 5%, var(--toolbar-field-background-color));
--gnome-inactive-button-border-color: color-mix(in srgb, #000000 35%, var(--toolbar-field-background-color));
--gnome-inactive-button-box-shadow: inset 0 1px rgba(255, 255, 255, 0.0);
--gnome-button-suggested-action-background: linear-gradient(to top, #155099 2px, #15539e);
--gnome-button-suggested-action-border-color: rgba(0, 0, 0, 0.2);
--gnome-button-suggested-action-border-bottom-color: rgba(0, 0, 0, 0.3);
--gnome-button-suggested-action-box-shadow: inset 0 1px rgba(255, 255, 255, 0.08);
--gnome-button-suggested-action-hover-background: linear-gradient(to top, #155099, #1655a2 1px);
--gnome-button-suggested-action-active-background: linear-gradient(to top, #103e75, #103e75 1px);
--gnome-button-suggested-action-active-border-color: rgba(0, 0, 0, 0.3);
--gnome-button-suggested-action-active-box-shadow: inset 0 1px rgba(255, 255, 255, 0.05);
--gnome-button-destructive-action-background: linear-gradient(to top, #ae151c 2px, #b2161d);
--gnome-button-destructive-action-border-color: rgba(0, 0, 0, 0.2);
--gnome-button-destructive-action-border-bottom-color: rgba(0, 0, 0, 0.3);
--gnome-button-destructive-action-box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.07);
--gnome-button-destructive-action-hover-background: linear-gradient(to top, #ae151c, #b7161d 1px);
--gnome-button-destructive-action-active-background: linear-gradient(to top, #8a1116, #8a1116 1px);
--gnome-button-destructive-action-active-border-color: rgba(0, 0, 0, 0.3);
--gnome-button-destructive-action-active-box-shadow: inset 0 1px rgba(255, 255, 255, 0);
--gnome-button-hover-color: color-mix(in srgb, currentColor 10%, transparent);
--gnome-button-active-color: color-mix(in srgb, currentColor 20%, transparent);
--gnome-headerbar-button-combined-background: color-mix(in srgb, currentColor 6%, transparent);
--gnome-headerbar-button-hover-background: color-mix(in srgb, currentColor 12%, transparent);
--gnome-headerbar-button-active-background: color-mix(in srgb, currentColor 18%, transparent);
/* URL bar */
--gnome-urlbar-color: var(--toolbar-color, #ffffff);
--gnome-urlbar-background: color-mix(in srgb, currentColor 10%, transparent);
--gnome-urlbar-border-color: color-mix(in srgb, currentColor 10%, transparent);
--gnome-urlbar-box-shadow: 0 3px 6px 1px rgba(0,0,0, .2), 0 5px 16px 3px rgba(0,0,0, .15), 0 0 0 1px rgba(0, 0, 0, 0.75);
--gnome-hover-urlbar-border-color: color-mix(in srgb, currentColor 10%, transparent);
--gnome-inactive-urlbar-background: var(--toolbar-field-background-color);
--gnome-inactive-urlbar-border-color: color-mix(in srgb, currentColor 10%, transparent);
--gnome-inactive-urlbar-box-shadow: none;
--gnome-inactive-urlbar-color: var(--toolbar-field-color);
--gnome-focused-urlbar-border-color: #338CBE;
--gnome-focused-urlbar-highlight-color: #006EA0;
--gnome-private-urlbar-background: var(--toolbar-field-background-color);
/* Tabs */
--gnome-tabbar-tab-color: var(--lwt-tab-text, var(--toolbar-color, #ffffff));
--gnome-tabbar-tab-background: var(--lwt-accent-color, #363636);
--gnome-tabbar-tab-border-color: var(--gnome-toolbar-border-color);
--gnome-tabbar-tab-hover-background: color-mix(in srgb, var(--toolbar-color) 12%, var(--lwt-accent-color));
--gnome-tabbar-tab-hover-border-color: var(--gnome-toolbar-border-color);
--gnome-tabbar-tab-hover-color: var(--lwt-tab-text, var(--toolbar-color));
--gnome-tabbar-tab-active-background: var(--gnome-headerbar-background);
--gnome-tabbar-tab-active-border-color: color-mix(in srgb, var(--toolbar-color) 12%, var(--gnome-headerbar-background));
--gnome-tabbar-tab-active-color: var(--lwt-tab-text, var(--toolbar-color));
--gnome-tabbar-tab-active-hover-background: color-mix(in srgb, var(--toolbar-color) 12%, var(--lwt-accent-color));
--gnome-inactive-tabbar-tab-color: var(--lwt-tab-text, var(--toolbar-color));
--gnome-inactive-tabbar-tab-background: var(--gnome-tabstoolbar-background);
--gnome-inactive-tabbar-tab-active-background: var(--gnome-headerbar-background);
--gnome-inactive-tabbar-tab-active-border-color: var(--gnome-tabbar-tab-active-border-bottom-color);
--gnome-inactive-tabbar-tab-active-color: var(--gnome-inactive-tabbar-tab-color);
--gnome-tab-attention-icon-color: #718be8;
/* Switch */
--gnome-switch-background: #464646;
--gnome-switch-hover-background: #525252;
--gnome-switch-active-background: #606060;
--gnome-switch-border-color: transparent;
--gnome-switch-slider-background: #ffffff;
--gnome-switch-slider-border-color: transparent;
--gnome-switch-slider-box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.07);
--gnome-switch-pressed-background: #315bef;
--gnome-switch-pressed-hover-background: #5073f1;
--gnome-switch-pressed-active-background: #6584f3;
--gnome-switch-active-border-color: transparent;
--gnome-switch-active-slider-border-color: transparent;
/* Dirty hacks for replaced symbolic icons, they load from
* /usr/share/icons/<theme>/ and on some systems they need to be
* inverted, on others they don't, adjusts the filters below to your
* needs (you may also adjust icon brightness here). */
--gnome-convert-icon-to-symbolic-hack-filter: invert(100%) sepia(100%) grayscale(100%) brightness(200%) brightness(85%);
--gnome-icons-hack-filter: invert(100%) sepia(100%) grayscale(100%) brightness(200%) brightness(200%); /* without invert: none */
--gnome-window-icons-hack-filter: invert(90%); /* without invert: none */
/* Private window colors */
--gnome-private-accent: #78aeed;
/* Toolbars */
--gnome-private-toolbar-background: var(--gnome-headerbar-background);
--gnome-private-inactive-toolbar-background: var(--gnome-inactive-headerbar-background);
/* Menus */
--gnome-private-menu-background: #383838;
/* Header bar */
--gnome-private-headerbar-background: #252F49;
--gnome-private-inactive-headerbar-background: var(--gnome-private-toolbar-background);
/* Tabs */
--gnome-private-tabbar-tab-hover-background: #343e56; /* Hardcoded color */
--gnome-private-tabbar-tab-active-background: #343e56; /* Hardcoded color */
--gnome-private-tabbar-tab-active-background-contrast: #495675; /* Hardcoded color */
--gnome-private-tabbar-tab-active-hover-background: #414a61; /* Hardcoded color */
--gnome-private-inactive-tabbar-tab-hover-background: #242c3f; /* Hardcoded color */
--gnome-private-inactive-tabbar-tab-active-background: #272e41; /* Hardcoded color */
/* Text color for Firefox Logo in new private tab */
--gnome-private-wordmark: #FBFBFE;
/* New private tab background */
--gnome-private-in-content-page-background: #242424;
/* Private browsing info box */
--gnome-private-text-primary-color: #FBFBFE;
}
}

176
src/other/firefox/WhiteSur/colors/dark-nord.css
View File

@ -1,176 +0,0 @@
@namespace xul url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
/* Variables that start with --gnome- are added by me and are assigned
* to elements somewhere in this code. The rest of the variables are
* built-in in Firefox, so you need to add an !important if you wanna
* override them. */
@media (prefers-color-scheme: dark) {
:root {
/* Browser area before a page starts loading */
--gnome-browser-before-load-background: #252932;
--gnome-content-page-dialog-background: #313742;
--gnome-content-page-background: #15181d;
--gnome-content-box-background: #20242b;
--gnome-content-page-color: #eef3fd;
--theme-primary-color: #5271ad;
--theme-primary-hover-color: #6085cc;
--theme-primary-active-color: #73a0f5;
/* Toolbars */
--gnome-toolbar-background: #2e3440;
--gnome-tabstoolbar-background: #191c23;
--gnome-findbar-background: #2b303b;
--gnome-toolbar-color: #fbfcfd;
--gnome-toolbar-icon-fill: #fbfcfd;
--gnome-toolbar-border-color: #0e0f0f;
--gnome-inactive-toolbar-color: rgba(255, 255, 255, 0.35);
--gnome-inactive-toolbar-background: #242931;
--gnome-inactive-toolbar-border-color: #0d0f12;
/* Sidebar */
--sidebar-background-color: #252932;
--gnome-sidebar-background: #2c313b;
--gnome-inactive-sidebar-background: #2f343f;
--gnome-sidebar-border-color: color-mix(in srgb, #000000 75%, var(--gnome-sidebar-background));
/* Popups */
--gnome-menu-background: rgba(43, 48, 59, 0.95);
--gnome-menu-border-color: rgba(0, 0, 0, 0.75);
--gnome-popover-background: rgba(43, 48, 59, 0.95);
--gnome-popover-border-color: rgba(0, 0, 0, 0.75);
--gnome-popover-shadow: 0 5px 8px rgba(0, 0, 0, 0.3);
--gnome-popover-button-hover-background: rgba(255, 255, 255, 0.1);
--gnome-popover-button-active-background: rgba(255, 255, 255, 0.15);
--gnome-popover-separator-color: rgba(255, 255, 255, 0.08);
/* Header bar */
--gnome-headerbar-background: #2e3440;
--gnome-headerbar-border-color: #0e0f0f;
--gnome-headerbar-box-shadow: inset 0 1px rgba(255, 255, 255, 0.15);
--gnome-inactive-headerbar-background: #242931;
--gnome-inactive-headerbar-border-color: #0d0f12;
--gnome-inactive-headerbar-box-shadow: inset 0 1px rgba(255, 255, 255, 0.08);
/* Buttons */
--gnome-button-background: linear-gradient(to top, #495263 0%, #4e5769 100%);
--gnome-button-border-color: rgba(0, 0, 0, 0.2);
--gnome-button-border-bottom-color: rgba(0, 0, 0, 0.25);
--gnome-button-box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
--gnome-button-hover-color: rgba(255, 255, 255, 0.1);
--gnome-button-active-color: rgba(255, 255, 255, 0.2);
--gnome-button-hover-background: linear-gradient(to top, #535d70 0%, #555f73 100%);
--gnome-button-active-background: linear-gradient(to top, #5f6a80 0%, #626e85 100%);
--gnome-button-active-border-color: rgba(0, 0, 0, 0.25);
--gnome-button-active-border-bottom-color: rgba(0, 0, 0, 0.25);
--gnome-button-active-box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
--gnome-button-disabled-background: linear-gradient(to top, #323743 0%, #363c49 100%);
--gnome-button-disabled-border-color: rgba(0, 0, 0, 0.2);
--gnome-button-disabled-box-shadow: inset 0 1px rgba(255, 255, 255, 0.03);
--gnome-inactive-button-background: linear-gradient(#292e38, #292e38);
--gnome-inactive-button-border-color: rgba(0, 0, 0, 0.12);
--gnome-inactive-button-box-shadow: inset 0 1px rgba(255, 255, 255, 0.0);
--gnome-button-suggested-action-background: linear-gradient(to top, #5271ad 2px, #5271ad);
--gnome-button-suggested-action-border-color: rgba(0, 0, 0, 0.2);
--gnome-button-suggested-action-border-bottom-color: rgba(0, 0, 0, 0.3);
--gnome-button-suggested-action-box-shadow: inset 0 1px rgba(255, 255, 255, 0.08);
--gnome-button-suggested-action-hover-background: linear-gradient(to top, #7090cc, #7090cc 1px);
--gnome-button-suggested-action-active-background: linear-gradient(to top, #3d578c, #3d578c 1px);
--gnome-button-suggested-action-active-border-color: rgba(0, 0, 0, 0.3);
--gnome-button-suggested-action-active-box-shadow: inset 0 1px rgba(255, 255, 255, 0.05);
--gnome-button-destructive-action-background: linear-gradient(to top, #bf5f69 2px, #bf5f69);
--gnome-button-destructive-action-border-color: rgba(0, 0, 0, 0.2);
--gnome-button-destructive-action-border-bottom-color: rgba(0, 0, 0, 0.3);
--gnome-button-destructive-action-box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.07);
--gnome-button-destructive-action-hover-background: linear-gradient(to top, #cc707a, #cc707a 1px);
--gnome-button-destructive-action-active-background: linear-gradient(to top, #95464e, #95464e 1px);
--gnome-button-destructive-action-active-border-color: rgba(0, 0, 0, 0.3);
--gnome-button-destructive-action-active-box-shadow: inset 0 1px rgba(255, 255, 255, 0);
--gnome-headerbar-button-combined-background: rgba(255, 255, 255, 0.05);
--gnome-headerbar-button-hover-background: rgba(255, 255, 255, 0.1);
--gnome-headerbar-button-active-background: rgba(255, 255, 255, 0.15);
/* URL bar */
--gnome-urlbar-background: #3b4250;
--gnome-urlbar-border-color: rgba(0, 0, 0, 0.2);
--gnome-urlbar-box-shadow: 0 3px 6px 1px rgba(0,0,0, .2), 0 5px 16px 3px rgba(0,0,0, .15), 0 0 0 1px rgba(0, 0, 0, 0.75);
--gnome-urlbar-color: #f0f5ff;
--gnome-hover-urlbar-border-color: #414958;
--gnome-inactive-urlbar-background: #292e38;
--gnome-inactive-urlbar-border-color: #1e2128;
--gnome-inactive-urlbar-box-shadow: none;
--gnome-inactive-urlbar-color: #c9cdd6;
--gnome-focused-urlbar-border-color: #338CBE;
--gnome-focused-urlbar-highlight-color: #006EA0;
--gnome-private-urlbar-background: #25003e;
/* Tabs */
--gnome-tabbar-tab-background: #1c1f26;
--gnome-tabbar-tab-color: #828690;
--gnome-tabbar-tab-border-color: #0b0c0f;
--gnome-tabbar-tab-hover-background: #20242b;
--gnome-tabbar-tab-hover-border-color: #0b0c0f;
--gnome-tabbar-tab-hover-color: #b4bbc8;
--gnome-tabbar-tab-active-background: #2e3440;
--gnome-tabbar-tab-active-border-color: #0e0f0f;
--gnome-tabbar-tab-active-color: #fbfcfd;
--gnome-tabbar-tab-active-hover-background: #242931;
--gnome-inactive-tabbar-tab-color: #5e6168;
--gnome-inactive-tabbar-tab-background: #181a20;
--gnome-inactive-tabbar-tab-active-background: #242931;
--gnome-inactive-tabbar-tab-active-border-color: var(--gnome-tabbar-tab-active-border-bottom-color);
--gnome-inactive-tabbar-tab-active-color: #657189;
--gnome-tab-attention-icon-color: #8694c4;
/* Switch */
--gnome-switch-background: #343a46;
--gnome-switch-hover-background: #3d4452;
--gnome-switch-active-background: #474f60;
--gnome-switch-border-color: transparent;
--gnome-switch-slider-background: #fbfcfd;
--gnome-switch-slider-border-color: transparent;
--gnome-switch-slider-box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.07);
--gnome-switch-pressed-background: var(--theme-primary-color);
--gnome-switch-pressed-hover-background: var(--theme-primary-hover-color);
--gnome-switch-pressed-active-background: var(--theme-primary-active-color);
--gnome-switch-active-border-color: transparent;
--gnome-switch-active-slider-border-color: transparent;
/* Dirty hacks for replaced symbolic icons, they load from
* /usr/share/icons/<theme>/ and on some systems they need to be
* inverted, on others they don't, adjusts the filters below to your
* needs (you may also adjust icon brightness here). */
--gnome-convert-icon-to-symbolic-hack-filter: invert(100%) sepia(100%) grayscale(100%) brightness(200%) brightness(85%);
--gnome-icons-hack-filter: invert(100%) sepia(100%) grayscale(100%) brightness(200%) brightness(200%); /* without invert: none */
--gnome-window-icons-hack-filter: invert(90%); /* without invert: none */
/* Private window colors */
--gnome-private-accent: #78aeed;
/* Toolbars */
--gnome-private-toolbar-background: var(--gnome-headerbar-background);
--gnome-private-inactive-toolbar-background: var(--gnome-inactive-headerbar-background);
/* Menus */
--gnome-private-menu-background: #292e38;
/* Header bar */
--gnome-private-headerbar-background: #252F49;
--gnome-private-inactive-headerbar-background: var(--gnome-private-toolbar-background);
/* Tabs */
--gnome-private-tabbar-tab-hover-background: #343e56; /* Hardcoded color */
--gnome-private-tabbar-tab-active-background: #343e56; /* Hardcoded color */
--gnome-private-tabbar-tab-active-background-contrast: #495675; /* Hardcoded color */
--gnome-private-tabbar-tab-active-hover-background: #414a61; /* Hardcoded color */
--gnome-private-inactive-tabbar-tab-hover-background: #242c3f; /* Hardcoded color */
--gnome-private-inactive-tabbar-tab-active-background: #272e41; /* Hardcoded color */
/* Text color for Firefox Logo in new private tab */
--gnome-private-wordmark: #FBFBFE;
/* New private tab background */
--gnome-private-in-content-page-background: #1b1e24;
/* Private browsing info box */
--gnome-private-text-primary-color: #FBFBFE;
}
}

100
src/other/firefox/WhiteSur/colors/dark.css
View File

@ -9,10 +9,6 @@
:root {
/* Browser area before a page starts loading */
--gnome-browser-before-load-background: #242424;
--gnome-content-page-dialog-background: #424242;
--gnome-content-page-background: #1d1d1d;
--gnome-content-box-background: #2b2b2b;
--gnome-content-page-color: #fdfdfd;
--theme-primary-color: #315bef;
--theme-primary-hover-color: #5073f1;
--theme-primary-active-color: #6584f3;
@ -22,24 +18,21 @@
--gnome-tabstoolbar-background: #1e1e1e;
--gnome-findbar-background: #333333;
--gnome-toolbar-color: #ffffff;
--gnome-toolbar-icon-fill: #ffffff;
--gnome-toolbar-border-color: #070707;
--gnome-inactive-toolbar-color: rgba(255, 255, 255, 0.35);
--gnome-inactive-toolbar-color: rgba(255, 255, 255, 0.45);
--gnome-inactive-toolbar-background: #313131;
--gnome-inactive-toolbar-border-color: #121212;
/* Sidebar */
--sidebar-background-color: #323232 !important;
--gnome-sidebar-background: #3b3b3b;
--gnome-inactive-sidebar-background: #3f3f3f;
--gnome-sidebar-border-color: color-mix(in srgb, #000000 75%, var(--gnome-sidebar-background));
/* Popups */
--gnome-menu-background: rgba(51, 51, 51, 0.95);
--gnome-menu-border-color: rgba(0, 0, 0, 0.75);
--gnome-menu-border-color: #070707;
--gnome-popover-background: rgba(51, 51, 51, 0.95);
--gnome-popover-border-color: rgba(0, 0, 0, 0.75);
--gnome-popover-shadow: 0 5px 8px rgba(0, 0, 0, 0.3);
--gnome-popover-border-color: #070707;
--gnome-popover-shadow: 0 5px 8px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(0, 0, 0, 0.75);
--gnome-popover-button-hover-background: rgba(255, 255, 255, 0.1);
--gnome-popover-button-active-background: rgba(255, 255, 255, 0.15);
--gnome-popover-separator-color: rgba(255, 255, 255, 0.08);
@ -54,46 +47,45 @@
/* Buttons */
--gnome-button-background: linear-gradient(to top, #636363 0%, #696969 100%);
--gnome-button-border-color: rgba(0, 0, 0, 0.2);
--gnome-button-border-bottom-color: rgba(0, 0, 0, 0.25);
--gnome-button-border-color: #282828;
--gnome-button-border-accent-color: #282828;
--gnome-button-box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
--gnome-button-hover-color: rgba(255, 255, 255, 0.1);
--gnome-button-active-color: rgba(255, 255, 255, 0.2);
--gnome-button-hover-background: linear-gradient(to top, #707070 0%, #737373 100%);
--gnome-button-active-background: linear-gradient(to top, #808080 0%, #858585 100%);
--gnome-button-active-border-color: rgba(0, 0, 0, 0.25);
--gnome-button-active-border-bottom-color: rgba(0, 0, 0, 0.25);
--gnome-button-active-background: linear-gradient(to top, #464646 0%, #525252 100%);
--gnome-button-active-border-color: #1b1b1b;
--gnome-button-active-border-accent-color: #1b1b1b;
--gnome-button-active-box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
--gnome-button-disabled-background: linear-gradient(to top, #434343 0%, #494949 100%);
--gnome-button-disabled-border-color: rgba(0, 0, 0, 0.2);
--gnome-button-disabled-border-color: #282828;
--gnome-button-disabled-box-shadow: inset 0 1px rgba(255, 255, 255, 0.03);
--gnome-inactive-button-background: linear-gradient(#383838, #383838);
--gnome-inactive-button-border-color: rgba(0, 0, 0, 0.12);
--gnome-inactive-button-border-color: #323232;
--gnome-inactive-button-box-shadow: inset 0 1px rgba(255, 255, 255, 0.0);
--gnome-button-suggested-action-background: linear-gradient(to top, #155099 2px, #15539e);
--gnome-button-suggested-action-border-color: rgba(0, 0, 0, 0.2);
--gnome-button-suggested-action-border-bottom-color: rgba(0, 0, 0, 0.3);
--gnome-button-suggested-action-border-color: #0f3b71;
--gnome-button-suggested-action-border-accent-color: #092444;;
--gnome-button-suggested-action-box-shadow: inset 0 1px rgba(255, 255, 255, 0.08);
--gnome-button-suggested-action-hover-background: linear-gradient(to top, #155099, #1655a2 1px);
--gnome-button-suggested-action-active-background: linear-gradient(to top, #103e75, #103e75 1px);
--gnome-button-suggested-action-active-border-color: rgba(0, 0, 0, 0.3);
--gnome-button-suggested-action-active-background: #103e75;
--gnome-button-suggested-action-active-border-color: #0f3b71;
--gnome-button-suggested-action-active-box-shadow: inset 0 1px rgba(255, 255, 255, 0.05);
--gnome-button-destructive-action-background: linear-gradient(to top, #ae151c 2px, #b2161d);
--gnome-button-destructive-action-border-color: rgba(0, 0, 0, 0.2);
--gnome-button-destructive-action-border-bottom-color: rgba(0, 0, 0, 0.3);
--gnome-button-destructive-action-border-color: #851015;
--gnome-button-destructive-action-border-accent-color: #570b0e;
--gnome-button-destructive-action-box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.07);
--gnome-button-destructive-action-hover-background: linear-gradient(to top, #ae151c, #b7161d 1px);
--gnome-button-destructive-action-active-background: linear-gradient(to top, #8a1116, #8a1116 1px);
--gnome-button-destructive-action-active-border-color: rgba(0, 0, 0, 0.3);
--gnome-button-destructive-action-active-background: #8a1116;
--gnome-button-destructive-action-active-border-color: #851015;
--gnome-button-destructive-action-active-box-shadow: inset 0 1px rgba(255, 255, 255, 0);
--gnome-headerbar-button-combined-background: rgba(255, 255, 255, 0.05);
--gnome-headerbar-button-hover-background: rgba(255, 255, 255, 0.1);
--gnome-headerbar-button-active-background: rgba(255, 255, 255, 0.15);
/* URL bar */
--gnome-urlbar-background: #464646;
--gnome-urlbar-border-color: rgba(0, 0, 0, 0.2);
--gnome-urlbar-border-color: #282828;
--gnome-urlbar-box-shadow: 0 3px 6px 1px rgba(0,0,0, .2), 0 5px 16px 3px rgba(0,0,0, .15), 0 0 0 1px rgba(0, 0, 0, 0.75);
--gnome-urlbar-color: #ffffff;
--gnome-hover-urlbar-border-color: #585858;
@ -107,20 +99,18 @@
/* Tabs */
--gnome-tabbar-tab-background: #262626;
--gnome-tabbar-tab-color: #909090;
--gnome-tabbar-tab-border-color: #070707;
--gnome-tabbar-tab-color: rgb(141, 144, 145);
--gnome-tabbar-tab-hover-background: #2b2b2b;
--gnome-tabbar-tab-hover-border-color: #070707;
--gnome-tabbar-tab-hover-color: #c8c8c8;
--gnome-tabbar-tab-hover-border-bottom-color: #1b1b1b;
--gnome-tabbar-tab-hover-color: rgb(200, 200, 200);
--gnome-tabbar-tab-active-background: #373737;
--gnome-tabbar-tab-active-border-color: #070707;
--gnome-tabbar-tab-active-border-bottom-color: #15539e;
--gnome-tabbar-tab-active-color: #ffffff;
--gnome-tabbar-tab-active-hover-background: #313131;
--gnome-inactive-tabbar-tab-color: #686868;
--gnome-inactive-tabbar-tab-background: #202020;
--gnome-inactive-tabbar-tab-color: rgb(141, 144, 145);
--gnome-inactive-tabbar-tab-active-background: #313131;
--gnome-inactive-tabbar-tab-active-border-color: var(--gnome-tabbar-tab-active-border-bottom-color);
--gnome-inactive-tabbar-tab-active-color: #898989;
--gnome-inactive-tabbar-tab-active-border-bottom-color: var(--gnome-tabbar-tab-active-border-bottom-color);
--gnome-inactive-tabbar-tab-active-color: var(--gnome-inactive-tabbar-tab-color);
--gnome-tab-attention-icon-color: #718be8;
/* Switch */
@ -128,14 +118,14 @@
--gnome-switch-hover-background: #525252;
--gnome-switch-active-background: #606060;
--gnome-switch-border-color: transparent;
--gnome-switch-slider-background: #ffffff;
--gnome-switch-slider-border-color: transparent;
--gnome-switch-slider-background: linear-gradient(to bottom, #3c3c3c 20%, #353535 90%);
--gnome-switch-slider-border-color: #111111;
--gnome-switch-slider-box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.07);
--gnome-switch-pressed-background: #315bef;
--gnome-switch-pressed-hover-background: #5073f1;
--gnome-switch-pressed-active-background: #6584f3;
--gnome-switch-active-border-color: transparent;
--gnome-switch-active-slider-border-color: transparent;
--gnome-switch-active-border-color: #030c17;
--gnome-switch-active-slider-border-color: #030c17;
/* Dirty hacks for replaced symbolic icons, they load from
* /usr/share/icons/<theme>/ and on some systems they need to be
@ -144,33 +134,5 @@
--gnome-convert-icon-to-symbolic-hack-filter: invert(100%) sepia(100%) grayscale(100%) brightness(200%) brightness(85%);
--gnome-icons-hack-filter: invert(100%) sepia(100%) grayscale(100%) brightness(200%) brightness(200%); /* without invert: none */
--gnome-window-icons-hack-filter: invert(90%); /* without invert: none */
/* Private window colors */
--gnome-private-accent: #78aeed;
/* Toolbars */
--gnome-private-toolbar-background: var(--gnome-headerbar-background);
--gnome-private-inactive-toolbar-background: var(--gnome-inactive-headerbar-background);
/* Menus */
--gnome-private-menu-background: #383838;
/* Header bar */
--gnome-private-headerbar-background: #252F49;
--gnome-private-inactive-headerbar-background: var(--gnome-private-toolbar-background);
/* Tabs */
--gnome-private-tabbar-tab-hover-background: #343e56; /* Hardcoded color */
--gnome-private-tabbar-tab-active-background: #343e56; /* Hardcoded color */
--gnome-private-tabbar-tab-active-background-contrast: #495675; /* Hardcoded color */
--gnome-private-tabbar-tab-active-hover-background: #414a61; /* Hardcoded color */
--gnome-private-inactive-tabbar-tab-hover-background: #242c3f; /* Hardcoded color */
--gnome-private-inactive-tabbar-tab-active-background: #272e41; /* Hardcoded color */
/* Text color for Firefox Logo in new private tab */
--gnome-private-wordmark: #FBFBFE;
/* New private tab background */
--gnome-private-in-content-page-background: #242424;
/* Private browsing info box */
--gnome-private-text-primary-color: #FBFBFE;
}
}

176
src/other/firefox/WhiteSur/colors/darker.css
View File

@ -1,176 +0,0 @@
@namespace xul url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
/* Variables that start with --gnome- are added by me and are assigned
* to elements somewhere in this code. The rest of the variables are
* built-in in Firefox, so you need to add an !important if you wanna
* override them. */
@media (prefers-color-scheme: dark) {
:root {
/* Browser area before a page starts loading */
--gnome-browser-before-load-background: #1f1f1f;
--gnome-content-page-dialog-background: #242424;
--gnome-content-page-background: #101010;
--gnome-content-box-background: #1b1b1b;
--gnome-content-page-color: #dddddd;
--theme-primary-color: #315bef;
--theme-primary-hover-color: #5073f1;
--theme-primary-active-color: #6584f3;
/* Toolbars */
--gnome-toolbar-background: #1e1e1e;
--gnome-tabstoolbar-background: #1e1e1e;
--gnome-findbar-background: #282828;
--gnome-toolbar-color: #ffffff;
--gnome-toolbar-icon-fill: #ffffff;
--gnome-toolbar-border-color: #070707;
--gnome-inactive-toolbar-color: rgba(255, 255, 255, 0.35);
--gnome-inactive-toolbar-background: #1e1e1e;
--gnome-inactive-toolbar-border-color: #121212;
/* Sidebar */
--sidebar-background-color: #323232 !important;
--gnome-sidebar-background: #1e1e1e;
--gnome-inactive-sidebar-background: #3f3f3f;
--gnome-sidebar-border-color: color-mix(in srgb, #000000 75%, var(--gnome-sidebar-background));
/* Popups */
--gnome-menu-background: rgba(40, 40, 40, 0.95);
--gnome-menu-border-color: rgba(0, 0, 0, 0.75);
--gnome-popover-background: rgba(40, 40, 40, 0.95);
--gnome-popover-border-color: rgba(0, 0, 0, 0.75);
--gnome-popover-shadow: 0 5px 8px rgba(0, 0, 0, 0.3);
--gnome-popover-button-hover-background: rgba(255, 255, 255, 0.1);
--gnome-popover-button-active-background: rgba(255, 255, 255, 0.15);
--gnome-popover-separator-color: rgba(255, 255, 255, 0.08);
/* Header bar */
--gnome-headerbar-background: #1e1e1e;
--gnome-headerbar-border-color: #070707;
--gnome-headerbar-box-shadow: inset 0 1px rgba(255, 255, 255, 0.15);
--gnome-inactive-headerbar-background: #1e1e1e;
--gnome-inactive-headerbar-border-color: #202020;
--gnome-inactive-headerbar-box-shadow: inset 0 1px rgba(255, 255, 255, 0.08);
/* Buttons */
--gnome-button-background: #2a2a2a;
--gnome-button-border-color: rgba(0, 0, 0, 0.2);
--gnome-button-border-bottom-color: rgba(0, 0, 0, 0.25);
--gnome-button-box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
--gnome-button-hover-color: rgba(255, 255, 255, 0.1);
--gnome-button-active-color: rgba(255, 255, 255, 0.2);
--gnome-button-hover-background: linear-gradient(to top, #242424 0%, #282828 100%);
--gnome-button-active-background: #282828;
--gnome-button-active-border-color: rgba(0, 0, 0, 0.25);
--gnome-button-active-border-bottom-color: rgba(0, 0, 0, 0.25);
--gnome-button-active-box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
--gnome-button-disabled-background: linear-gradient(to top, #242424 0%, #494949 100%);
--gnome-button-disabled-border-color: rgba(0, 0, 0, 0.2);
--gnome-button-disabled-box-shadow: inset 0 1px rgba(255, 255, 255, 0.03);
--gnome-inactive-button-background: #2a2a2a;
--gnome-inactive-button-border-color: #282828;
--gnome-inactive-button-box-shadow: inset 0 1px rgba(255, 255, 255, 0.0);
--gnome-button-suggested-action-background: linear-gradient(to top, #155099 2px, #15539e);
--gnome-button-suggested-action-border-color: rgba(0, 0, 0, 0.2);
--gnome-button-suggested-action-border-bottom-color: rgba(0, 0, 0, 0.3);
--gnome-button-suggested-action-box-shadow: inset 0 1px rgba(255, 255, 255, 0.08);
--gnome-button-suggested-action-hover-background: linear-gradient(to top, #155099, #1655a2 1px);
--gnome-button-suggested-action-active-background: linear-gradient(to top, #103e75, #103e75 1px);
--gnome-button-suggested-action-active-border-color: rgba(0, 0, 0, 0.3);
--gnome-button-suggested-action-active-box-shadow: inset 0 1px rgba(255, 255, 255, 0.05);
--gnome-button-destructive-action-background: linear-gradient(to top, #ae151c 2px, #b2161d);
--gnome-button-destructive-action-border-color: rgba(0, 0, 0, 0.2);
--gnome-button-destructive-action-border-bottom-color: rgba(0, 0, 0, 0.3);
--gnome-button-destructive-action-box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.07);
--gnome-button-destructive-action-hover-background: linear-gradient(to top, #ae151c, #b7161d 1px);
--gnome-button-destructive-action-active-background: linear-gradient(to top, #8a1116, #8a1116 1px);
--gnome-button-destructive-action-active-border-color: rgba(0, 0, 0, 0.3);
--gnome-button-destructive-action-active-box-shadow: inset 0 1px rgba(255, 255, 255, 0);
--gnome-headerbar-button-combined-background: rgba(255, 255, 255, 0.05);
--gnome-headerbar-button-hover-background: rgba(255, 255, 255, 0.1);
--gnome-headerbar-button-active-background: rgba(255, 255, 255, 0.15);
/* URL bar */
--gnome-urlbar-background: #2a2a2a;
--gnome-urlbar-border-color: rgba(0, 0, 0, 0.2);
--gnome-urlbar-box-shadow: 0 3px 6px 1px rgba(0,0,0, .2), 0 5px 16px 3px rgba(0,0,0, .15), 0 0 0 1px rgba(0, 0, 0, 0.75);
--gnome-urlbar-color: #ffffff;
--gnome-hover-urlbar-border-color: #585858;
--gnome-inactive-urlbar-background: #2a2a2a;
--gnome-inactive-urlbar-border-color: #282828;
--gnome-inactive-urlbar-box-shadow: none;
--gnome-inactive-urlbar-color: #d6d6d6;
--gnome-focused-urlbar-border-color: #338CBE;
--gnome-focused-urlbar-highlight-color: #006EA0;
--gnome-private-urlbar-background: #25003e;
/* Tabs */
--gnome-tabbar-tab-background: #2a2a2a;
--gnome-tabbar-tab-color: rgb(141, 144, 145);
--gnome-tabbar-tab-border-color: #1e1e1e;
--gnome-tabbar-tab-hover-background: #282828;
--gnome-tabbar-tab-hover-border-color: #1e1e1e;
--gnome-tabbar-tab-hover-color: rgb(200, 200, 200);
--gnome-tabbar-tab-active-background: #1e1e1e;
--gnome-tabbar-tab-active-border-color: #070707;
--gnome-tabbar-tab-active-color: #ffffff;
--gnome-tabbar-tab-active-hover-background: #1e1e1e;
--gnome-inactive-tabbar-tab-color: var(--gnome-tabbar-tab-color);
--gnome-inactive-tabbar-tab-background: var(--gnome-tabbar-tab-background);
--gnome-inactive-tabbar-tab-active-background: var(--gnome-tabbar-tab-active-background);
--gnome-inactive-tabbar-tab-active-border-color: var(--gnome-tabbar-tab-active-border-bottom-color);
--gnome-inactive-tabbar-tab-active-color: var(--gnome-inactive-tabbar-tab-color);
--gnome-tab-attention-icon-color: #718be8;
/* Switch */
--gnome-switch-background: #464646;
--gnome-switch-hover-background: #525252;
--gnome-switch-active-background: #606060;
--gnome-switch-border-color: transparent;
--gnome-switch-slider-background: #ffffff;
--gnome-switch-slider-border-color: transparent;
--gnome-switch-slider-box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.07);
--gnome-switch-pressed-background: #315bef;
--gnome-switch-pressed-hover-background: #5073f1;
--gnome-switch-pressed-active-background: #6584f3;
--gnome-switch-active-border-color: transparent;
--gnome-switch-active-slider-border-color: transparent;
/* Dirty hacks for replaced symbolic icons, they load from
* /usr/share/icons/<theme>/ and on some systems they need to be
* inverted, on others they don't, adjusts the filters below to your
* needs (you may also adjust icon brightness here). */
--gnome-convert-icon-to-symbolic-hack-filter: invert(100%) sepia(100%) grayscale(100%) brightness(200%) brightness(85%);
--gnome-icons-hack-filter: invert(100%) sepia(100%) grayscale(100%) brightness(200%) brightness(200%); /* without invert: none */
--gnome-window-icons-hack-filter: invert(90%); /* without invert: none */
/* Private window colors */
--gnome-private-accent: #78aeed;
/* Toolbars */
--gnome-private-toolbar-background: var(--gnome-headerbar-background);
--gnome-private-inactive-toolbar-background: var(--gnome-inactive-headerbar-background);
/* Menus */
--gnome-private-menu-background: #1e1e1e;
/* Header bar */
--gnome-private-headerbar-background: #252F49;
--gnome-private-inactive-headerbar-background: var(--gnome-private-toolbar-background);
/* Tabs */
--gnome-private-tabbar-tab-hover-background: #343e56; /* Hardcoded color */
--gnome-private-tabbar-tab-active-background: #343e56; /* Hardcoded color */
--gnome-private-tabbar-tab-active-background-contrast: #495675; /* Hardcoded color */
--gnome-private-tabbar-tab-active-hover-background: #414a61; /* Hardcoded color */
--gnome-private-inactive-tabbar-tab-hover-background: #242c3f; /* Hardcoded color */
--gnome-private-inactive-tabbar-tab-active-background: #272e41; /* Hardcoded color */
/* Text color for Firefox Logo in new private tab */
--gnome-private-wordmark: #FBFBFE;
/* New private tab background */
--gnome-private-in-content-page-background: #1f1f1f;
/* Private browsing info box */
--gnome-private-text-primary-color: #FBFBFE;
}
}

182
src/other/firefox/WhiteSur/colors/light-adaptive.css
View File

@ -1,182 +0,0 @@
@namespace xul url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
/* Variables that start with --gnome- are added by me and are assigned
* to elements somewhere in this code. The rest of the variables are
* built-in in Firefox, so you need to add an !important if you wanna
* override them. */
:root {
/* Browser area before a page starts loading */
--gnome-browser-before-load-background: var(--lwt-accent-color, #ffffff);
--gnome-content-page-dialog-background: #ffffff;
--gnome-content-page-background: #f2f2f2;
--gnome-content-box-background: #ffffff;
--gnome-content-page-color: #242424;
--theme-primary-color: #315bef;
--theme-primary-hover-color: #5073f1;
--theme-primary-active-color: #6584f3;
/* Browser colors */
--in-content-link-color: var(--theme-primary-color) !important;
--in-content-link-color-hover: var(--theme-primary-color-hover) !important;
/* Toolbars */
--gnome-toolbar-background: var(--lwt-accent-color, #ffffff);
--gnome-tabstoolbar-background: color-mix(in srgb, currentColor 8%, var(--gnome-toolbar-background));
--gnome-findbar-background: var(--lwt-accent-color, #ffffff);
--gnome-toolbar-color: var(--toolbar-color, #2e2e2e);
--gnome-toolbar-icon-fill: var(--toolbar-color, #2e2e2e);
--gnome-toolbar-border-color: color-mix(in srgb, currentColor 10%, transparent);
--gnome-inactive-toolbar-color: color-mix(in srgb, var(--gnome-toolbar-color) 45%, var(--gnome-toolbar-background));
--gnome-inactive-toolbar-background: var(--lwt-accent-color, #ffffff);
--gnome-inactive-toolbar-border-color: var(--chrome-content-separator-color);
/* Sidebar */
--gnome-sidebar-background: var(--lwt-accent-color, #ffffff);
--gnome-inactive-sidebar-background: var(--lwt-accent-color, #ffffff);
--gnome-sidebar-border-color: color-mix(in srgb, var(--toolbar-color) 12%, var(--gnome-sidebar-background));
/* Popups */
--gnome-menu-background: color-mix(in srgb, var(--toolbar-field-focus-background-color) 95%, transparent);
--gnome-menu-border-color: rgba(0,0,0,.15);
--gnome-popover-background: color-mix(in srgb, var(--toolbar-field-focus-background-color) 95%, transparent);
--gnome-popover-border-color: light-dark(rgba(0,0,0,.15), #000000);
--gnome-popover-shadow: 0 5px 8px rgba(0, 0, 0, 0.15);
--gnome-popover-button-hover-background: color-mix(in srgb, currentColor 10%, transparent);
--gnome-popover-button-active-background: color-mix(in srgb, currentColor 20%, transparent);
--gnome-popover-separator-color: color-mix(in srgb, currentColor 10%, transparent);
/* Header bar */
--gnome-headerbar-background: var(--lwt-accent-color, #ffffff);
--gnome-headerbar-border-color: color-mix(in srgb, currentColor 12%, transparent);
--gnome-headerbar-box-shadow: 0 1px rgba(var(--lwt-accent-color), 0.65) inset;
--gnome-inactive-headerbar-background: var(--lwt-accent-color, #ffffff);
--gnome-inactive-headerbar-border-color: color-mix(in srgb, currentColor 12%, transparent);
--gnome-inactive-headerbar-box-shadow: 0 1px rgba(var(--lwt-accent-color), 0.35) inset;
/* Buttons */
--button-background-color: color-mix(in srgb, var(--lwt-accent-color, #ffffff) 35%, transparent);
--button-background-hover-color: color-mix(in srgb, var(--lwt-accent-color, #ffffff) 75%, transparent);
--button-background-active-color: color-mix(in srgb, currentColor 10%, transparent);
--button-background-disabled-color: color-mix(in srgb, var(--lwt-accent-color, #ffffff) 15%, transparent);
--gnome-button-background: linear-gradient(to top, var(--button-background-color) 0%, var(--button-background-color) 100%);
--gnome-button-border-color: light-dark(rgba(0,0,0,.15), #000000);
--gnome-button-border-bottom-color: light-dark(rgba(0,0,0,.20), #000000);
--gnome-button-box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), 0 1px 2px rgba(0, 0, 0, 0.03);
--gnome-button-hover-background: linear-gradient(to top, var(--button-background-hover-color) 0%, var(--button-background-hover-color) 100%);
--gnome-button-active-background: linear-gradient(to top, var(--button-background-active-color) 0%, var(--button-background-active-color) 100%);
--gnome-button-active-border-color: light-dark(rgba(0,0,0,.15), #000000);
--gnome-button-active-bottom-border-color: light-dark(rgba(0,0,0,.20), #000000);
--gnome-button-active-box-shadow: 0 1px rgba(255, 255, 255, 0) inset;
--gnome-button-disabled-background: linear-gradient(to top, var(--button-background-disabled-color) 0%, var(--button-background-disabled-color) 100%);
--gnome-button-disabled-border-color: light-dark(rgba(0,0,0,.15), #000000);
--gnome-button-disabled-box-shadow: inset 0 1px rgba(255, 255, 255, 0);
--gnome-inactive-button-background: color-mix(in srgb, currentColor 5%, transparent);
--gnome-inactive-button-border-color: light-dark(rgba(0,0,0,.15), #000000);
--gnome-inactive-button-box-shadow: 0 1px rgba(255, 255, 255, 0) inset, 0 1px rgba(255, 255, 255, 0);
--gnome-button-suggested-action-background: linear-gradient(to top, #2379e2 2px, #3584e4);
--gnome-button-suggested-action-border-color: #1b6acb;
--gnome-button-suggested-action-border-bottom-color: #15539e;
--gnome-button-suggested-action-box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px 2px rgba(0, 0, 0, 0.07);
--gnome-button-suggested-action-hover-background: linear-gradient(to top, #3584e4, #3987e5 1px);
--gnome-button-suggested-action-active-background: linear-gradient(to top, #1961b9, #1961b9 1px);
--gnome-button-suggested-action-active-border-color: #1b6acb;
--gnome-button-suggested-action-active-box-shadow: inset 0 1px rgba(255, 255, 255, 0);
--gnome-button-destructive-action-background: linear-gradient(to top, #ce1921 2px, #e01b24);
--gnome-button-destructive-action-border-color: #b2161d;
--gnome-button-destructive-action-border-bottom-color: #851015;
--gnome-button-destructive-action-box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px 2px rgba(0, 0, 0, 0.07);
--gnome-button-destructive-action-hover-background: linear-gradient(to top, #e01b24, #e41c26 1px);
--gnome-button-destructive-action-active-background: linear-gradient(to top, #a0131a, #a0131a 1px);
--gnome-button-destructive-action-active-border-color: #b2161d;
--gnome-button-destructive-action-active-box-shadow: inset 0 1px rgba(255, 255, 255, 0);
--gnome-button-hover-color: color-mix(in srgb, currentColor 10%, transparent);
--gnome-button-active-color: color-mix(in srgb, currentColor 20%, transparent);
--gnome-headerbar-button-combined-background: color-mix(in srgb, currentColor 5%, transparent);
--gnome-headerbar-button-hover-background: color-mix(in srgb, currentColor 10%, transparent);
--gnome-headerbar-button-active-background: color-mix(in srgb, currentColor 15%, transparent);
/* URL bar */
--gnome-urlbar-color: var(--toolbar-color, #2e2e2e);
--gnome-urlbar-background: color-mix(in srgb, currentColor 8%, transparent);
--gnome-urlbar-border-color: color-mix(in srgb, currentColor 10%, transparent);
--gnome-urlbar-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.08), 0 5px 8px rgba(0, 0, 0, 0.05), 0 8px 16px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0,0,0, 0.12);
--gnome-hover-urlbar-border-color: color-mix(in srgb, currentColor 10%, transparent);
--gnome-inactive-urlbar-background: color-mix(in srgb, currentColor 4%, transparent);
--gnome-inactive-urlbar-border-color: color-mix(in srgb, currentColor 10%, transparent);
--gnome-inactive-urlbar-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.05);
--gnome-inactive-urlbar-color: color-mix(in srgb, currentColor 45%, transparent);
--gnome-focused-urlbar-border-color: #5683DA;
--gnome-focused-urlbar-highlight-color: #6592E9;
--gnome-private-urlbar-background: var(--toolbar-field-background-color);
/* Tabs */
--gnome-tabbar-tab-background: var(--gnome-tabstoolbar-background);
--gnome-tabbar-tab-color: var(--lwt-tab-text, var(--toolbar-color, #2e2e2e));
--gnome-tabbar-tab-border-color: var(--gnome-toolbar-border-color);
--gnome-tabbar-tab-hover-background: color-mix(in srgb, var(--toolbar-color) 12%, var(--gnome-tabstoolbar-background));
--gnome-tabbar-tab-hover-border-color: var(--gnome-toolbar-border-color);
--gnome-tabbar-tab-hover-color: var(--lwt-tab-text, var(--toolbar-color));
--gnome-tabbar-tab-active-background: var(--gnome-headerbar-background);
--gnome-tabbar-tab-active-border-color: color-mix(in srgb, var(--toolbar-color) 12%, var(--gnome-headerbar-background));
--gnome-tabbar-tab-active-color: var(--lwt-tab-text, var(--toolbar-color));
--gnome-tabbar-tab-active-hover-background: color-mix(in srgb, var(--toolbar-color) 12%, var(--gnome-tabstoolbar-background));
--gnome-inactive-tabbar-tab-color: var(--lwt-tab-text, var(--toolbar-color));
--gnome-inactive-tabbar-tab-background: var(--gnome-tabstoolbar-background);
--gnome-inactive-tabbar-tab-active-background: var(--gnome-headerbar-background);
--gnome-inactive-tabbar-tab-active-border-color: var(--gnome-tabbar-tab-active-border-bottom-color);
--gnome-inactive-tabbar-tab-active-color: var(--gnome-inactive-tabbar-tab-color);
--gnome-tab-attention-icon-color: #718be8;
/* Switch */
--gnome-switch-background: #b2b2b2;
--gnome-switch-hover-background: #a0a0a0;
--gnome-switch-active-background: #929292;
--gnome-switch-border-color: transparent;
--gnome-switch-slider-background: #ffffff;
--gnome-switch-slider-border-color: transparent;
--gnome-switch-slider-box-shadow: inset 0 1px white, 0 1px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.07);
--gnome-switch-active-border-color: transparent;
--gnome-switch-active-slider-border-color: transparent;
--gnome-switch-pressed-background: #315bef;
--gnome-switch-pressed-hover-background: #5073f1;
--gnome-switch-pressed-active-background: #6584f3;
/* Dirty hacks for replaced symbolic icons, they load from
* /usr/share/icons/<theme>/ and on some systems they need to be
* inverted, on others they don't, adjusts the filters below to your
* needs (you may also adjust icon brightness here). */
--gnome-convert-icon-to-symbolic-hack-filter: invert(100%) sepia(100%) grayscale(100%) brightness(200%) brightness(85%) invert(100%);
--gnome-icons-hack-filter: none;
--gnome-window-icons-hack-filter: invert(30%);
/* Private window colors */
--gnome-private-accent: #1c71d8;
/* Toolbars */
--gnome-private-toolbar-background: var(--gnome-headerbar-background);
--gnome-private-inactive-toolbar-background: var(--gnome-inactive-headerbar-background);
/* Menus */
--gnome-private-menu-background: #ffffff;
/* Header bar */
--gnome-private-headerbar-background: #D7E3F0;
--gnome-private-inactive-headerbar-background: var(--gnome-private-toolbar-background);
/* Tabs */
--gnome-private-tabbar-tab-hover-background: #cbd7e3; /* Hardcoded color */
--gnome-private-tabbar-tab-active-background: #c6d1dd; /* Hardcoded color */
--gnome-private-tabbar-tab-active-background-contrast: #a9b6c4; /* Hardcoded color */
--gnome-private-tabbar-tab-active-hover-background: #c0cbd7; /* Hardcoded color */
--gnome-private-inactive-tabbar-tab-hover-background: #e4e9f0; /* Hardcoded color */
--gnome-private-inactive-tabbar-tab-active-background: #e1e7ed; /* Hardcoded color */
/* Text color for Firefox Logo in new private tab */
--gnome-private-wordmark: #20123A;
/* New private tab background */
--gnome-private-in-content-page-background: #FAFAFA;
/* Private browsing info box */
--gnome-private-text-primary-color: #15141A;
}

173
src/other/firefox/WhiteSur/colors/light-nord.css
View File

@ -1,173 +0,0 @@
@namespace xul url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
/* Variables that start with --gnome- are added by me and are assigned
* to elements somewhere in this code. The rest of the variables are
* built-in in Firefox, so you need to add an !important if you wanna
* override them. */
:root {
/* Browser area before a page starts loading */
--gnome-browser-before-load-background: #f3f4f6;
--gnome-content-page-dialog-background: #fbfcfd;
--gnome-content-page-background: #e3e8f2;
--gnome-content-box-background: #fbfcfd;
--gnome-content-page-color: #1b1e24;
--theme-primary-color: #5271ad;
--theme-primary-hover-color: #6085cc;
--theme-primary-active-color: #73a0f5;
/* Toolbars */
--gnome-toolbar-background: #fbfcfd;
--gnome-tabstoolbar-background: #d7dce5;
--gnome-findbar-background: #f3f4f6;
--gnome-toolbar-color: #22262e;
--gnome-toolbar-icon-fill: #22262e;
--gnome-toolbar-border-color: #c3c7cf;
--gnome-inactive-toolbar-color: rgba(34, 38, 46, 0.45);
--gnome-inactive-toolbar-background: #f6f5f4;
--gnome-inactive-toolbar-border-color: #cdd1da;
/* Sidebar */
--gnome-sidebar-background: #f3f4f6;
--gnome-inactive-sidebar-background: #f2f4f9;
--gnome-sidebar-border-color: color-mix(in srgb, #000000 12%, var(--gnome-sidebar-background));
/* Popups */
--gnome-menu-background: rgba(255, 255, 255, 0.95);
--gnome-menu-border-color: rgba(0, 0, 0, 0.12);
--gnome-popover-background: rgba(255, 255, 255, 0.95);
--gnome-popover-border-color: rgba(0, 0, 0, 0.12);
--gnome-popover-shadow: 0 5px 8px rgba(0, 0, 0, 0.15);
--gnome-popover-button-hover-background: rgba(0, 0, 0, 0.1);
--gnome-popover-button-active-background: rgba(0, 0, 0, 0.2);
--gnome-popover-separator-color: rgba(0, 0, 0, 0.1);
/* Header bar */
--gnome-headerbar-background: #fbfcfd;
--gnome-headerbar-border-color: #c3c7cf;
--gnome-headerbar-box-shadow: 0 1px rgba(255, 255, 255, 0.65) inset;
--gnome-inactive-headerbar-background: #f3f4f6;
--gnome-inactive-headerbar-border-color: #cdd1da;
--gnome-inactive-headerbar-box-shadow: 0 1px #fff inset;
/* Buttons */
--gnome-button-background: linear-gradient(to top, #eaecf1 0%, #f5f8fd 95%, #f6f9fe 100%);
--gnome-button-border-color: #c3c7cf;
--gnome-button-border-bottom-color: #c3c7cf;
--gnome-button-box-shadow: inset 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.03);
--gnome-button-hover-color: rgba(0, 0, 0, 0.1);
--gnome-button-active-color: rgba(0, 0, 0, 0.2);
--gnome-button-hover-background: linear-gradient(to top, #f5f8fd 0%, #eef3fd 100%);
--gnome-button-active-background: #c3c7cf;
--gnome-button-active-border-color: #a7abb2;
--gnome-button-active-border-bottom-color: #a7abb2;
--gnome-button-active-box-shadow: 0 1px rgba(255, 255, 255, 0) inset;
--gnome-button-disabled-background: #faf9f8;
--gnome-button-disabled-border-color: #c3c7cf;
--gnome-button-disabled-box-shadow: inset 0 1px rgba(255, 255, 255, 0);
--gnome-inactive-button-background: #f6f5f4;
--gnome-inactive-button-border-color: #cdd1da;
--gnome-inactive-button-box-shadow: 0 1px rgba(255, 255, 255, 0) inset, 0 1px rgba(255, 255, 255, 0);
--gnome-button-suggested-action-background: linear-gradient(to top, #2379e2 2px, #3584e4);
--gnome-button-suggested-action-border-color: #1b6acb;
--gnome-button-suggested-action-border-bottom-color: #15539e;
--gnome-button-suggested-action-box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px 2px rgba(0, 0, 0, 0.07);
--gnome-button-suggested-action-hover-background: linear-gradient(to top, #3584e4, #3987e5 1px);
--gnome-button-suggested-action-active-background: linear-gradient(to top, #1961b9, #1961b9 1px);
--gnome-button-suggested-action-active-border-color: #1b6acb;
--gnome-button-suggested-action-active-box-shadow: inset 0 1px rgba(255, 255, 255, 0);
--gnome-button-destructive-action-background: linear-gradient(to top, #ce1921 2px, #e01b24);
--gnome-button-destructive-action-border-color: #b2161d;
--gnome-button-destructive-action-border-bottom-color: #851015;
--gnome-button-destructive-action-box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px 2px rgba(0, 0, 0, 0.07);
--gnome-button-destructive-action-hover-background: linear-gradient(to top, #e01b24, #e41c26 1px);
--gnome-button-destructive-action-active-background: linear-gradient(to top, #a0131a, #a0131a 1px);
--gnome-button-destructive-action-active-border-color: #b2161d;
--gnome-button-destructive-action-active-box-shadow: inset 0 1px rgba(255, 255, 255, 0);
--gnome-headerbar-button-combined-background: rgba(0, 0, 0, 0.05);
--gnome-headerbar-button-hover-background: rgba(0, 0, 0, 0.1);
--gnome-headerbar-button-active-background: rgba(0, 0, 0, 0.15);
/* URL bar */
--gnome-urlbar-background: #f3f4f6;
--gnome-urlbar-border-color: #abafb6;
--gnome-urlbar-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.08), 0 5px 8px rgba(0, 0, 0, 0.05), 0 8px 16px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0,0,0, 0.12);
--gnome-urlbar-color: #020202;
--gnome-hover-urlbar-border-color: #d7dce5;
--gnome-inactive-urlbar-background: #e9ebf0;
--gnome-inactive-urlbar-border-color: #cdd1da;
--gnome-inactive-urlbar-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.05);
--gnome-inactive-urlbar-color: #252932;
--gnome-focused-urlbar-border-color: #5683DA;
--gnome-focused-urlbar-highlight-color: #6592E9;
--gnome-private-urlbar-background: #e6c2ff;
/* Tabs */
--gnome-tabbar-tab-background: #d7dce5;
--gnome-tabbar-tab-color: rgb(141, 144, 145);
--gnome-tabbar-tab-border-color: #c3c7cf;
--gnome-tabbar-tab-hover-background: #c8ccd5;
--gnome-tabbar-tab-hover-border-color: #c3c7cf;
--gnome-tabbar-tab-hover-color: rgb(93, 98, 99);
--gnome-tabbar-tab-active-background: #fbfcfd;
--gnome-tabbar-tab-active-border-color: #c3c7cf;
--gnome-tabbar-tab-active-color: rgb(46, 52, 54);
--gnome-tabbar-tab-active-hover-background: #f3f4f6;
--gnome-inactive-tabbar-tab-color: #8b8c8f;
--gnome-inactive-tabbar-tab-background: #dfdfdf;
--gnome-inactive-tabbar-tab-active-background: #f3f4f6;
--gnome-inactive-tabbar-tab-active-border-color: var(--gnome-tabbar-tab-active-border-bottom-color);
--gnome-inactive-tabbar-tab-active-color: var(--gnome-inactive-tabbar-tab-color);
--gnome-tab-attention-icon-color: #718be8;
/* Switch */
--gnome-switch-background: #a7abb2;
--gnome-switch-hover-background: #969aa0;
--gnome-switch-active-background: #7b8292;
--gnome-switch-border-color: transparent;
--gnome-switch-slider-background: #fbfcfd;
--gnome-switch-slider-border-color: transparent;
--gnome-switch-slider-box-shadow: inset 0 1px white, 0 1px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.07);
--gnome-switch-active-border-color: transparent;
--gnome-switch-active-slider-border-color: transparent;
--gnome-switch-pressed-background: #315bef;
--gnome-switch-pressed-hover-background: #5073f1;
--gnome-switch-pressed-active-background: #6584f3;
/* Dirty hacks for replaced symbolic icons, they load from
* /usr/share/icons/<theme>/ and on some systems they need to be
* inverted, on others they don't, adjusts the filters below to your
* needs (you may also adjust icon brightness here). */
--gnome-convert-icon-to-symbolic-hack-filter: invert(100%) sepia(100%) grayscale(100%) brightness(200%) brightness(85%) invert(100%);
--gnome-icons-hack-filter: none;
--gnome-window-icons-hack-filter: invert(30%);
/* Private window colors */
--gnome-private-accent: #1c71d8;
/* Toolbars */
--gnome-private-toolbar-background: var(--gnome-headerbar-background);
--gnome-private-inactive-toolbar-background: var(--gnome-inactive-headerbar-background);
/* Menus */
--gnome-private-menu-background: #fbfcfd;
/* Header bar */
--gnome-private-headerbar-background: #D7E3F0;
--gnome-private-inactive-headerbar-background: var(--gnome-private-toolbar-background);
/* Tabs */
--gnome-private-tabbar-tab-hover-background: #cbd7e3; /* Hardcoded color */
--gnome-private-tabbar-tab-active-background: #c6d1dd; /* Hardcoded color */
--gnome-private-tabbar-tab-active-background-contrast: #a9b6c4; /* Hardcoded color */
--gnome-private-tabbar-tab-active-hover-background: #c0cbd7; /* Hardcoded color */
--gnome-private-inactive-tabbar-tab-hover-background: #e4e9f0; /* Hardcoded color */
--gnome-private-inactive-tabbar-tab-active-background: #e1e7ed; /* Hardcoded color */
/* Text color for Firefox Logo in new private tab */
--gnome-private-wordmark: #20123A;
/* New private tab background */
--gnome-private-in-content-page-background: #ebf0fa;
/* Private browsing info box */
--gnome-private-text-primary-color: #15141A;
}

80
src/other/firefox/WhiteSur/colors/light.css
View File

@ -8,10 +8,6 @@
:root {
/* Browser area before a page starts loading */
--gnome-browser-before-load-background: #f5f5f5;
--gnome-content-page-dialog-background: #ffffff;
--gnome-content-page-background: #f2f2f2;
--gnome-content-box-background: #ffffff;
--gnome-content-page-color: #242424;
--theme-primary-color: #315bef;
--theme-primary-hover-color: #5073f1;
--theme-primary-active-color: #6584f3;
@ -20,31 +16,29 @@
--gnome-toolbar-background: #ffffff;
--gnome-tabstoolbar-background: #E5E5E5;
--gnome-findbar-background: #f5f5f5;
--gnome-toolbar-color: #2e2e2e;
--gnome-toolbar-icon-fill: #2e2e2e;
--gnome-toolbar-color: rgb(46, 46, 46);
--gnome-toolbar-border-color: #cfcfcf;
--gnome-inactive-toolbar-color: rgba(46, 46, 46, 0.45);
--gnome-inactive-toolbar-color: rgba(46, 46, 46, 0.65);
--gnome-inactive-toolbar-background: #f6f5f4;
--gnome-inactive-toolbar-border-color: #dadada;
/* Sidebar */
--gnome-sidebar-background: #f5f5f5;
--gnome-inactive-sidebar-background: #f9f9f8;
--gnome-sidebar-border-color: color-mix(in srgb, #000000 12%, var(--gnome-sidebar-background));
/* Popups */
--gnome-menu-background: rgba(255, 255, 255, 0.95);
--gnome-menu-border-color: rgba(0, 0, 0, 0.12);
--gnome-menu-border-color: #cdc7c2;
--gnome-popover-background: rgba(255, 255, 255, 0.95);
--gnome-popover-border-color: rgba(0, 0, 0, 0.12);
--gnome-popover-shadow: 0 5px 8px rgba(0, 0, 0, 0.15);
--gnome-popover-border-color: #cdc7c2;
--gnome-popover-shadow: 0 5px 8px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.12);
--gnome-popover-button-hover-background: rgba(0, 0, 0, 0.1);
--gnome-popover-button-active-background: rgba(0, 0, 0, 0.2);
--gnome-popover-separator-color: rgba(0, 0, 0, 0.1);
/* Header bar */
--gnome-headerbar-background: #ffffff;
--gnome-headerbar-border-color: #cfcfcf;
--gnome-headerbar-border-color: #bdb7b0;
--gnome-headerbar-box-shadow: 0 1px rgba(255, 255, 255, 0.65) inset;
--gnome-inactive-headerbar-background: #f5f5f5;
--gnome-inactive-headerbar-border-color: #dadada;
@ -52,40 +46,38 @@
/* Buttons */
--gnome-button-background: linear-gradient(to top, #f1f1f1 0%, #fdfdfd 95%, #fefefe 100%);
--gnome-button-border-color: #cfcfcf;
--gnome-button-border-bottom-color: #cfcfcf;
--gnome-button-border-color: #cdc7c2;
--gnome-button-border-accent-color: #b2b2b1;
--gnome-button-box-shadow: inset 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.03);
--gnome-button-hover-color: rgba(0, 0, 0, 0.1);
--gnome-button-active-color: rgba(0, 0, 0, 0.2);
--gnome-button-hover-background: linear-gradient(to top, #fdfdfd 0%, #ffffff 100%);
--gnome-button-active-background: #cfcfcf;
--gnome-button-active-border-color: #b2b2b1;
--gnome-button-active-border-bottom-color: #b2b2b1;
--gnome-button-active-box-shadow: 0 1px rgba(255, 255, 255, 0) inset;
--gnome-button-disabled-background: #faf9f8;
--gnome-button-disabled-border-color: #cfcfcf;
--gnome-button-disabled-border-color: #cdc7c2;
--gnome-button-disabled-box-shadow: inset 0 1px rgba(255, 255, 255, 0);
--gnome-inactive-button-background: #f6f5f4;
--gnome-inactive-button-border-color: #dadada;
--gnome-inactive-button-box-shadow: 0 1px rgba(255, 255, 255, 0) inset, 0 1px rgba(255, 255, 255, 0);
--gnome-button-suggested-action-background: linear-gradient(to top, #2379e2 2px, #3584e4);
--gnome-button-suggested-action-border-color: #1b6acb;
--gnome-button-suggested-action-border-bottom-color: #15539e;
--gnome-button-suggested-action-border-accent-color: #15539e;
--gnome-button-suggested-action-box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px 2px rgba(0, 0, 0, 0.07);
--gnome-button-suggested-action-hover-background: linear-gradient(to top, #3584e4, #3987e5 1px);
--gnome-button-suggested-action-active-background: linear-gradient(to top, #1961b9, #1961b9 1px);
--gnome-button-suggested-action-active-background: #1961b9;
--gnome-button-suggested-action-active-border-color: #1b6acb;
--gnome-button-suggested-action-active-box-shadow: inset 0 1px rgba(255, 255, 255, 0);
--gnome-button-destructive-action-background: linear-gradient(to top, #ce1921 2px, #e01b24);
--gnome-button-destructive-action-border-color: #b2161d;
--gnome-button-destructive-action-border-bottom-color: #851015;
--gnome-button-destructive-action-border-accent-color: #851015;
--gnome-button-destructive-action-box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px 2px rgba(0, 0, 0, 0.07);
--gnome-button-destructive-action-hover-background: linear-gradient(to top, #e01b24, #e41c26 1px);
--gnome-button-destructive-action-active-background: linear-gradient(to top, #a0131a, #a0131a 1px);
--gnome-button-destructive-action-active-background: #a0131a;
--gnome-button-destructive-action-active-border-color: #b2161d;
--gnome-button-destructive-action-active-box-shadow: inset 0 1px rgba(255, 255, 255, 0);
--gnome-headerbar-button-combined-background: rgba(0, 0, 0, 0.05);
--gnome-headerbar-button-hover-background: rgba(0, 0, 0, 0.1);
--gnome-headerbar-button-active-background: rgba(0, 0, 0, 0.15);
@ -104,20 +96,18 @@
--gnome-private-urlbar-background: #e6c2ff;
/* Tabs */
--gnome-tabbar-tab-background: #e5e5e5;
--gnome-tabbar-tab-background: #E5E5E5;
--gnome-tabbar-tab-color: rgb(141, 144, 145);
--gnome-tabbar-tab-border-color: #cfcfcf;
--gnome-tabbar-tab-hover-background: #d5d5d5;
--gnome-tabbar-tab-hover-border-color: #cfcfcf;
--gnome-tabbar-tab-hover-border-bottom-color: #b6b6b3;
--gnome-tabbar-tab-hover-color: rgb(93, 98, 99);
--gnome-tabbar-tab-active-background: #ffffff;
--gnome-tabbar-tab-active-border-color: #cfcfcf;
--gnome-tabbar-tab-active-border-bottom-color: #4a90d9;
--gnome-tabbar-tab-active-color: rgb(46, 52, 54);
--gnome-tabbar-tab-active-hover-background: #f5f5f5;
--gnome-inactive-tabbar-tab-color: #8b8e8f;
--gnome-inactive-tabbar-tab-background: #dfdfdf;
--gnome-inactive-tabbar-tab-active-background: #f5f5f5;
--gnome-inactive-tabbar-tab-active-border-color: var(--gnome-tabbar-tab-active-border-bottom-color);
--gnome-inactive-tabbar-tab-active-border-bottom-color: var(--gnome-tabbar-tab-active-border-bottom-color);
--gnome-inactive-tabbar-tab-active-color: var(--gnome-inactive-tabbar-tab-color);
--gnome-tab-attention-icon-color: #718be8;
@ -126,11 +116,11 @@
--gnome-switch-hover-background: #a0a0a0;
--gnome-switch-active-background: #929292;
--gnome-switch-border-color: transparent;
--gnome-switch-slider-background: #ffffff;
--gnome-switch-slider-border-color: transparent;
--gnome-switch-slider-background: linear-gradient(to bottom, white 10%, white 90%);
--gnome-switch-slider-border-color: #b8b8b8;
--gnome-switch-slider-box-shadow: inset 0 1px white, 0 1px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.07);
--gnome-switch-active-border-color: transparent;
--gnome-switch-active-slider-border-color: transparent;
--gnome-switch-active-border-color: #185fb4;
--gnome-switch-active-slider-border-color: #185fb4;
--gnome-switch-pressed-background: #315bef;
--gnome-switch-pressed-hover-background: #5073f1;
--gnome-switch-pressed-active-background: #6584f3;
@ -142,32 +132,4 @@
--gnome-convert-icon-to-symbolic-hack-filter: invert(100%) sepia(100%) grayscale(100%) brightness(200%) brightness(85%) invert(100%);
--gnome-icons-hack-filter: none;
--gnome-window-icons-hack-filter: invert(30%);
/* Private window colors */
--gnome-private-accent: #1c71d8;
/* Toolbars */
--gnome-private-toolbar-background: var(--gnome-headerbar-background);
--gnome-private-inactive-toolbar-background: var(--gnome-inactive-headerbar-background);
/* Menus */
--gnome-private-menu-background: #ffffff;
/* Header bar */
--gnome-private-headerbar-background: #D7E3F0;
--gnome-private-inactive-headerbar-background: var(--gnome-private-toolbar-background);
/* Tabs */
--gnome-private-tabbar-tab-hover-background: #cbd7e3; /* Hardcoded color */
--gnome-private-tabbar-tab-active-background: #c6d1dd; /* Hardcoded color */
--gnome-private-tabbar-tab-active-background-contrast: #a9b6c4; /* Hardcoded color */
--gnome-private-tabbar-tab-active-hover-background: #c0cbd7; /* Hardcoded color */
--gnome-private-inactive-tabbar-tab-hover-background: #e4e9f0; /* Hardcoded color */
--gnome-private-inactive-tabbar-tab-active-background: #e1e7ed; /* Hardcoded color */
/* Text color for Firefox Logo in new private tab */
--gnome-private-wordmark: #20123A;
/* New private tab background */
--gnome-private-in-content-page-background: #FAFAFA;
/* Private browsing info box */
--gnome-private-text-primary-color: #15141A;
}

92
src/other/firefox/WhiteSur/parts/headerbar-urlbar.css
View File

@ -2,6 +2,13 @@
@namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";
#urlbar {
--urlbar-height: 32px !important;
--urlbar-container-height: 32px !important;
--urlbar-toolbar-height: 32px !important;
--urlbar-inner-padding: 0 !important;
}
/* Center the URL bar */
toolbarspring {
max-width: 10000px !important;
@ -9,45 +16,32 @@ toolbarspring {
/* URL bar */
#urlbar {
--urlbar-height: 32px !important;
--urlbar-container-height: 32px !important;
--urlbar-toolbar-height: 32px !important;
--urlbar-inner-padding: 0 !important;
box-shadow: none !important;
border: none !important;
padding: 0 !important;
padding-block: 0 !important;
padding-inline: 0 !important;
}
#urlbar-background {
box-shadow: none !important;
border: none !important;
border: 0 !important;
background: transparent !important;
border-radius: 8px !important;
padding: 0 !important;
}
#urlbar-input-container,
.urlbar-input-container {
border: none !important;
padding: 0 3px !important;
background: none !important;
}
#urlbar:-moz-window-inactive {
border-color: var(--gnome-inactive-headerbar-background) !important;
}
#urlbar #urlbar-input-container {
padding: 0 !important;
}
#urlbar[breakout][breakout-extend] {
width: var(--urlbar-width) !important;
left: 0 !important;
top: 0 !important;
width: 100% !important;
z-index: 5 !important;
padding: 0 !important;
border-radius: 8px !important;
outline: 2px solid var(--gnome-focused-urlbar-border-color) !important;
outline-offset: -2px;
-moz-outline-radius: 8px;
transition: outline 100ms ease-out;
}
#urlbar[breakout][breakout-extend][open] {
@ -55,10 +49,10 @@ toolbarspring {
max-height: unset !important;
}
#urlbar[breakout][breakout-extend] #urlbar-input-container,
#urlbar[breakout][breakout-extend] > .urlbar-input-container {
#urlbar[breakout][breakout-extend] #urlbar-input-container {
height: 32px !important;
max-height: 32px !important;
padding: 0 !important;
}
#urlbar-input {
@ -96,7 +90,7 @@ toolbarspring {
border: 0 !important;
}
.urlbarView-row-inner, .urlbarView-no-wrap {
.urlbarView-row-inner, .urlbarView-no-wrap {
align-items: center !important;
}
@ -119,14 +113,14 @@ toolbarspring {
}
.searchbar-engine-one-off-item {
--toolbarbutton-active-background: var(--gnome-button-hover-background) !important;
--toolbarbutton-hover-background: var(--gnome-button-active-background) !important;
--toolbarbutton-active-background: transparent !important;
--toolbarbutton-hover-background: transparent !important;
-moz-appearance: none !important;
background-image: var(--gnome-button-background) !important;
background: var(--gnome-button-background) !important;
box-shadow: var(--gnome-button-box-shadow) !important;
border: 1px solid var(--gnome-button-border-color) !important;
border-left-width: 0 !important;
border-bottom-color: var(--gnome-button-border-bottom-color) !important;
border-bottom-color: var(--gnome-button-border-accent-color) !important;
padding: 0 2px !important;
min-height: 34px !important;
min-width: 34px !important;
@ -135,7 +129,7 @@ toolbarspring {
}
.searchbar-engine-one-off-item:hover, .searchbar-engine-one-off-item[selected] {
background-image: var(--gnome-button-hover-background) !important;
background: var(--gnome-button-hover-background) !important;
color: unset !important;
}
@ -143,7 +137,6 @@ toolbarspring {
border-radius: 5px 0 0 5px !important;
border-left-width: 1px !important;
}
.searchbar-engine-one-off-item.last-engine, .searchbar-engine-one-off-item:not(.search-setting-button):last-child {
border-radius: 0 5px 5px 0 !important;
}
@ -151,16 +144,11 @@ toolbarspring {
#urlbar-anon-search-settings-compact,
.search-setting-button {
border-left-width: 1px !important;
border-bottom: 1px solid var(--gnome-button-border-bottom-color) !important;
border-bottom: 1px solid var(--gnome-button-border-accent-color) !important;
border-radius: 5px !important;
margin-left: 6px !important;
}
#identity-box[pageproxystate="invalid"] > .identity-box-button,
#urlbar:not(.searchButton) > #urlbar-input-container > #identity-box[pageproxystate="invalid"] > .identity-box-button {
padding-inline: 6px !important;
}
/* URL bar and Search bar */
#urlbar[focused] .urlbar-textbox-container {
margin: -1px !important;
@ -186,6 +174,11 @@ toolbarspring {
fill-opacity: 1 !important;
}
#identity-box {
margin: 3px 2px !important;
border-radius: 5px !important;
}
#notification-popup-box {
height: 26px !important;
width: 28px !important;
@ -197,10 +190,7 @@ toolbarspring {
padding: 0 !important;
}
.urlbar-page-action,
#urlbar-go-button,
.urlbar-go-button,
.search-go-button,
.urlbar-page-action, #urlbar-go-button, .search-go-button,
#tracking-protection-icon-container {
width: 28px !important;
height: 26px !important;
@ -209,34 +199,14 @@ toolbarspring {
border-radius: 5px !important;
}
.urlbar-page-action {
#star-button-box.urlbar-page-action {
padding: 5px 6px !important;
}
#identity-box {
margin: 3px 2px !important;
border-radius: 5px !important;
}
#identity-box[pageproxystate="valid"].chromeUI {
margin-left: 0 !important;
}
#tracking-protection-icon-container:hover,
.urlbar-page-action:hover,
#urlbar-go-button:hover,
.urlbar-go-button:hover,
.search-go-button:hover,
#identity-box:hover {
background: var(--gnome-headerbar-button-hover-background) !important;
}
#tracking-protection-icon-container:active,
#tracking-protection-icon-container[open="true"],
.urlbar-page-action:active,
#urlbar-go-button:active,
.urlbar-go-button:active,
.search-go-button:active,
#identity-box:active {
background: var(--gnome-headerbar-button-active-background) !important;
}

466
src/other/firefox/WhiteSur/parts/tabsbar-adaptive.css
View File

@ -1,466 +0,0 @@
/* Tabs bar */
@namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";
:root {
--space-above-tabbar: 0 !important;
}
#TabsToolbar {
/* Remove hover effects on tab bar buttons */
--toolbarbutton-active-background: transparent !important;
--toolbarbutton-hover-background: transparent !important;
padding: 0 !important;
box-shadow: inset 0 1px var(--gnome-toolbar-border-color), inset 0 1px 3px rgba(0, 0, 0, 0.08) !important;
/* Tabs bar height */
#tabbrowser-tabs {
--tab-min-height: 32px !important;
}
#tabbrowser-tabs:not([secondarytext-unsupported]) .tab-label-container {
max-height: 32px !important;
}
.tab-background, .tab-stack {
min-height: 32px !important;
}
.toolbar-items {
margin-bottom: -1px !important;
}
/* New hover effect */
toolbarbutton {
fill-opacity: .6 !important;
}
toolbarbutton:not([disabled]):hover,
toolbarbutton[open=true] {
fill-opacity: 1 !important;
}
/* Remove shadow next to tab scroll buttons */
.arrowscrollbox-overflow-start-indicator,
.arrowscrollbox-overflow-end-indicator {
display: none;
}
/* Remove tab separators */
.tabbrowser-tab::after,
.tabbrowser-tab::before {
border-color: transparent !important;
border-image: none !important;
}
/* Tabs separators */
.tabbrowser-tab {
border-left: 1px solid transparent !important;
}
.tabbrowser-tab + .tabbrowser-tab:not([selected], :hover) {
border-color: var(--gnome-toolbar-border-color) !important;
}
.tabbrowser-tab[selected] + .tabbrowser-tab,
.tabbrowser-tab:hover + .tabbrowser-tab {
border-color: transparent !important;
}
.tabbrowser-tab:first-of-type {
border-left: none !important;
}
/* Space between tabs */
.tabbrowser-tab:not([pinned]) {
margin: 0 !important;
}
/* Center all inside tab */
.tab-content {
display: flex;
flex-direction: row;
justify-content: center !important;
align-items: center !important;
min-width: 44px !important;
min-height: 32px !important;
padding: 0 8px !important;
}
/* Fix custom info tab icon */
.tabbrowser-tab[image="chrome://global/skin/icons/info.svg"]:not([pinned]):not([busy]):not([progress]) .tab-icon-stack::before {
margin-inline-end: 5.5px;
}
/* Prevent tab icons size breaking */
.tab-icon-image, .tab-icon-sound, .tab-throbber, .tab-throbber-fallback, .tab-close-button {
min-width: 16px;
}
/* Center tab text */
.tab-label {
margin-inline: 0 !important;
}
/* Adjust tab label width */
.tab-label-container {
min-width: 0 !important;
}
.tabbrowser-tab:not([pinned]) .tab-label-container {
max-width: min-content !important;
}
.tabbrowser-tab[pinned] .tab-label-container {
display: none !important;
}
.tab-throbber:not([pinned]), .tab-icon-pending:not([pinned]), .tab-icon-image:not([pinned]), .tab-sharing-icon-overlay:not([pinned]), .tab-icon-overlay:not([pinned]) {
margin-inline-end: 0 !important;
}
.tabbrowser-tab:not([soundplaying], [muted], [activemedia-blocked], [crashed]) .tab-icon-stack {
padding: 6px;
}
/* Hide secondary label about muting */
.tabbrowser-tab:is([soundplaying], [muted], [activemedia-blocked], [crashed]) .tab-secondary-label {
display: none;
}
/* Put tab close button and icon sound to the right */
.tab-icon-sound[soundplaying="true"], .tab-icon-sound[muted="true"],
.tab-icon-sound[activemedia-blocked="true"] {
margin-left: auto !important;
}
/*.tabbrowser-tab:not([soundplaying]):not([muted]):not([activemedia-blocked]) .tab-close-button {*/
/* margin-left: auto !important;*/
/*}*/
.tab-icon-sound {
margin-right: 6px;
}
/* Force tab favicon to the center */
.tab-throbber, .tab-throbber-fallback,
.tabbrowser-tab:not([busy]):not([muted="true"]) .tab-icon-image,
.tabbrowser-tab .tab-icon-stack {
margin-left: auto !important;
}
.tabbrowser-tab:is([pinned]) .tab-icon-stack {
margin-left: 0 !important;
}
.tabbrowser-tab:not([busy]):not([muted="true"]) .tab-icon-stack .tab-icon-image {
margin: auto !important;
}
/* If tab favicon is not present, force tab label to the center */
.tabbrowser-tab .tab-label-container {
margin-left: 0 !important;
margin-right: auto !important;
}
.tabbrowser-tab:not([image]):not([busy]):not([progress]) .tab-label-container {
margin-left: auto !important;
}
/* Fix website with no favicon centred text */
.tabbrowser-tab:not([image]) .tab-icon-overlay:not([pinned], [sharing], [crashed]) .tab-icon-stack {
margin-left: 0 !important
}
.tabbrowser-tab:not([image], [busy]) .tab-icon-stack {
margin-left: 0 !important
}
/*Align personal bookmarks v89 */
#personal-bookmarks {
-moz-box-align: center !important;
}
/* fix misc spacing between tabs */
.tabbrowser-tab {
padding-inline: 0 !important;
padding: 0 !important;
}
/* Tabs */
.tab-background {
background-color: transparent !important;
transition: background-color 200ms;
border-radius: 0 !important;
margin-block: 0 !important;
outline: none !important;
}
.tabbrowser-tab[selected="true"] > .tab-stack > .tab-background {
margin-left: 0px !important;
margin-right: 0px !important;
}
/* centre text when audio is playing */
.tabbrowser-tab:is([soundplaying]) .tab-label-container {
margin-left: 0 !important;
margin-right: auto !important
}
/* Tab hover */
.tabbrowser-tab:not([selected=true]):hover .tab-background {
background-color: var(--gnome-tabbar-tab-active-hover-background) !important;
border-image: none !important;
box-shadow: inset 0 1px var(--gnome-toolbar-border-color), inset 0 -1px var(--gnome-toolbar-border-color) !important;
}
/* Active tab */
.tab-background:is([selected]) {
background-color: var(--gnome-tabbar-tab-active-background) !important;
background-image: none !important;
border: none !important;
border-image: none !important;
transition: none !important;
margin-left: -1px !important;
margin-right: -1px !important;
border-radius: 0 !important;
box-shadow: 1px 0 var(--gnome-toolbar-border-color), 1px 0 3px rgba(0, 0, 0, 0.08),
-1px 0 var(--gnome-toolbar-border-color), -1px 0 3px rgba(0, 0, 0, 0.08),
inset 0 -1px var(--gnome-toolbar-border-color) !important;
}
.tab-background:is([selected]):-moz-window-inactive {
background-color: var(--gnome-inactive-tabbar-tab-active-background) !important;
border-image: none !important;
}
/* Tabs scroll buttons */
#scrollbutton-up:not([disabled]):hover,
#scrollbutton-down:not([disabled]):hover {
background: var(--gnome-tabbar-tab-active-hover-background) !important;
}
/* Full width tabs */
.tabbrowser-tab:not([style^="max-width"]):not([pinned]),
.tabbrowser-tab[style^="max-width: 100px !important;"]:not([pinned]) {
max-width: 100% !important;
}
.tabbrowser-tab:not([style^="max-width"]):not([pinned]):not([fadein]),
.tabbrowser-tab[style^="max-width: 100px !important;"]:not([pinned]):not([fadein]) {
max-width: .1px !important;
}
/* Remove blank spaces on tabs start and end */
.titlebar-spacer {
display: none !important;
}
/* TabsToolbar buttons */
.toolbarbutton-1 {
margin: 0 !important;
border-radius: 0 !important;
min-width: 32px !important;
min-height: 32px !important;
padding: 0 !important;
border: none !important;
}
.toolbarbutton-1 > .toolbarbutton-icon,
.toolbarbutton-1 > .toolbarbutton-text,
.toolbarbutton-1 > .toolbarbutton-badge-stack {
padding: 8px !important;
}
.toolbarbutton-1 > .toolbarbutton-icon {
width: 32px !important;
height: 32px !important;
}
#alltabs-button {
display: none !important;
}
}
:root[tabsintitlebar][inFullscreen] #TabsToolbar .toolbar-items {
margin-bottom: 0 !important;
}
/* Tab labels */
tab {
color: var(--gnome-tabbar-tab-color) !important;
}
tab:hover {
color: var(--gnome-tabbar-tab-hover-color) !important;
}
tab[selected] {
color: var(--gnome-tabbar-tab-active-color) !important;
}
tab:-moz-window-inactive {
color: var(--gnome-inactive-tabbar-tab-color) !important;
}
tab[selected]:-moz-window-inactive {
color: var(--gnome-inactive-tabbar-tab-active-color) !important;
}
/* Close tab button */
.close-icon {
height: 16px !important;
padding: 0 !important;
width: 16px !important;
}
.tab-close-button {
-moz-appearance: none !important;
margin-inline-end: 0 !important;
border: none !important;
box-sizing: content-box; /* Avoid deformation on flexbox */
border-radius: 3px !important;
list-style-image: url("../icons/window-close-symbolic.svg") !important;
height: 16px;
opacity: .3;
padding: 0;
width: 16px;
}
.tabbrowser-tab > .tab-stack > .tab-content > .tab-close-button {
visibility: hidden;
}
.tabbrowser-tab:hover > .tab-stack > .tab-content > .tab-close-button {
visibility: visible;
}
@media (prefers-color-scheme: dark) {
.tab-close-button {
list-style-image: url("../icons/window-close-symbolic-light.svg") !important;
}
}
:root:-moz-window-inactive .tab-close-button:not(#hack) {
opacity: .18 !important;
}
:root:not(:-moz-window-inactive) .tab-close-button:hover {
background-color: var(--gnome-button-hover-color) !important;
border: none !important;
opacity: 1;
}
:root:not(:-moz-window-inactive) .tab-close-button:active {
background-color: var(--gnome-button-active-color) !important;
}
.tab-close-button:active:not(:hover) {
background-image: none !important;
box-shadow: none !important;
}
/* Tab close button etc. positioning */
.tab-throbber, .tab-icon-image, .tab-sharing-icon-overlay, .tab-icon-sound, .tab-close-button {
margin-top: 0 !important;
}
.tabbrowser-tab[soundplaying="true"] .tab-icon-image,
.tabbrowser-tab[muted="true"] .tab-icon-image {
margin-top: 3px !important;
margin-left: 2px !important;
}
.tab-icon-overlay {
height: 24px !important;
width: 24px !important;
padding: 4px !important;
border-radius: 100px !important;
}
.tab-icon-overlay:not([crashed]):is([pinned], [sharing]) {
top: 0 !important;
inset-inline-end: 0 !important;
}
.tabbrowser-tab:not(:hover) .tab-icon-overlay:not([crashed]):is([pinned], [sharing]) {
display: none !important;
}
.tabbrowser-tab .tab-icon-overlay:not([crashed]):is([soundplaying], [muted], [activemedia-blocked]) {
background-color: var(--gnome-tabbar-tab-background) !important;
}
.tabbrowser-tab[selected=true] .tab-icon-overlay:not([crashed]):is([soundplaying], [muted], [activemedia-blocked]) {
background-color: var(--gnome-tabbar-tab-active-background) !important;
}
.tabbrowser-tab .tab-icon-overlay:not([crashed]):is([soundplaying], [muted], [activemedia-blocked]):hover {
background-color: var(--gnome-tabbar-tab-hover-background) !important;
}
/* Remove blue line above tabs */
.tab-line {
display: none;
}
/* tab-context-line above tabs */
.tabbrowser-tab[usercontextid] > .tab-stack > .tab-background > .tab-context-line {
height: 2px;
border-radius: 0 !important;
margin: 0 !important;
}
/* Remove alt colours references for multi tabs*/
.tabbrowser-tab[usercontextid] > .tab-stack > .tab-background > .tab-bottom-line {
display: none;
}
/* Tab attention dot */
.tabbrowser-tab:is([image], [pinned]) > .tab-stack > .tab-content[attention]:not([selected="true"]), .tabbrowser-tab > .tab-stack > .tab-content[pinned][titlechanged]:not([selected="true"]), #firefox-view-button[attention] {
background-image: radial-gradient(circle, var(--gnome-tab-attention-icon-color), var(--gnome-tab-attention-icon-color) 2px, transparent 2px) !important;
background-position: center bottom 3px !important;
background-size: 4px 4px;
background-repeat: no-repeat;
}
.tabbrowser-tab[class*="identity-color-"][pinned] {
display: flex;
}
/* firefox-view-button */
:root:not([privatebrowsingmode], [firefoxviewhidden]) :is(toolbarbutton, toolbarpaletteitem) + #tabbrowser-tabs,
:root[privatebrowsingmode]:not([firefoxviewhidden]) :is(
toolbarbutton:not(#firefox-view-button),
toolbarpaletteitem:not(#wrapper-firefox-view-button)
) + #tabbrowser-tabs {
border-inline-start: 1px solid var(--gnome-toolbar-border-color) !important;
padding-inline-start: calc(var(--tab-overflow-pinned-tabs-width)) !important;
margin-inline-start: 0 !important;
}
#TabsToolbar #firefox-view-button {
border-radius: 0 !important;
padding: 0 4px !important;
}
#firefox-view-button > .toolbarbutton-icon {
box-shadow: none !important;
outline: none !important;
}
#TabsToolbar #firefox-view-button[open] {
background-color: var(--gnome-tabbar-tab-active-background) !important;
box-shadow: inset 0 -1px var(--gnome-toolbar-border-color) !important;
}
#TabsToolbar #firefox-view-button[open]:-moz-window-inactive {
background-color: var(--gnome-inactive-tabbar-tab-active-background) !important;
}
/* fix pip on small displays */
.tab-icon-overlay[pictureinpicture] {
top: 3px !important;
inset-inline-end: 13px !important;
z-index: 1 !important;
max-width: 10px;
max-height: 10px;
}
/* fix spacing on too many tabs */
.tab-icon-overlay:not([pinned], [sharing]),
[pictureinpicture] {
margin-inline-end: 4px !important;
margin-inline-start: 4px !important;
}

646
src/other/firefox/WhiteSur/parts/tabsbar.css
View File

@ -6,282 +6,88 @@
--space-above-tabbar: 0 !important;
}
#TabsToolbar {
/* Remove hover effects on tab bar buttons */
--toolbarbutton-active-background: transparent !important;
--toolbarbutton-hover-background: transparent !important;
padding: 0 !important;
box-shadow: inset 0 1px var(--gnome-toolbar-border-color), inset 0 1px 3px rgba(0, 0, 0, 0.08) !important;
#TabsToolbar:not([inFullscreen]) > .toolbar-items {
margin-bottom: -1px !important;
}
/* New hover effect */
toolbarbutton {
fill-opacity: .6 !important;
}
toolbarbutton:not([disabled]):hover,
toolbarbutton[open=true] {
fill-opacity: 1 !important;
}
/* Tabs bar height */
#tabbrowser-tabs {
--tab-min-height: 32px !important;
--tabstrip-min-height: 32px !important;
}
/* Tabs bar height */
#tabbrowser-tabs {
--tab-min-height: 32px !important;
}
.tab-background, .tab-stack {
min-height: 32px !important;
}
#tabbrowser-tabs:not([secondarytext-unsupported]) .tab-label-container {
max-height: 32px !important;
}
#tabbrowser-tabs:not([secondarytext-unsupported]) .tab-label-container {
max-height: 32px !important;
}
/* Extra margin for the first and last tabs */
.tabbrowser-tab[first-tab]:not([pinned=true]) {
margin-left: 8px !important;
}
.tabbrowser-tab[last-tab]:not([pinned=true]) {
margin-right: 8px !important;
}
.toolbar-items {
margin-bottom: -1px !important;
}
/* Remove shadow next to tab scroll buttons */
.arrowscrollbox-overflow-start-indicator,
.arrowscrollbox-overflow-end-indicator {
display: none;
}
/* Remove tab separators */
.tabbrowser-tab::after,
.tabbrowser-tab::before {
border-color: transparent !important;
border-image: none !important;
}
/* Tabs separators */
.tabbrowser-tab {
border-left: 1px solid transparent !important;
}
.tabbrowser-tab + .tabbrowser-tab:not([selected], :hover) {
border-color: var(--gnome-tabbar-tab-border-color) !important;
}
.tabbrowser-tab[selected] + .tabbrowser-tab,
.tabbrowser-tab:hover + .tabbrowser-tab {
border-color: transparent !important;
}
.tabbrowser-tab:first-of-type {
border-left: none !important;
}
/* Space between tabs */
.tabbrowser-tab:not([pinned]) {
margin: 0 !important;
}
/* Center all inside tab */
.tab-content {
display: flex;
flex-direction: row;
justify-content: center !important;
align-items: center !important;
min-width: 44px !important;
min-height: 32px !important;
padding: 0 8px !important;
}
/* Fix custom info tab icon */
.tabbrowser-tab[image="chrome://global/skin/icons/info.svg"]:not([pinned]):not([busy]):not([progress]) .tab-icon-stack::before {
margin-inline-end: 5.5px;
}
/* Prevent tab icons size breaking */
.tab-icon-image, .tab-icon-sound, .tab-throbber, .tab-throbber-fallback, .tab-close-button {
min-width: 16px;
}
/* Center tab text */
.tab-label {
margin-inline: 0 !important;
}
/* Adjust tab label width */
.tab-label-container {
min-width: 0 !important;
}
.tabbrowser-tab:not([pinned]) .tab-label-container {
max-width: min-content !important;
}
.tabbrowser-tab[pinned] .tab-label-container {
display: none !important;
}
.tab-throbber:not([pinned]), .tab-icon-pending:not([pinned]), .tab-icon-image:not([pinned]), .tab-sharing-icon-overlay:not([pinned]), .tab-icon-overlay:not([pinned]) {
margin-inline-end: 0 !important;
}
.tabbrowser-tab:not([soundplaying], [muted], [activemedia-blocked], [crashed]) .tab-icon-stack {
padding: 6px;
}
/* Hide secondary label about muting */
.tabbrowser-tab:is([soundplaying], [muted], [activemedia-blocked], [crashed]) .tab-secondary-label {
display: none;
}
/* Put tab close button and icon sound to the right */
.tab-icon-sound[soundplaying="true"], .tab-icon-sound[muted="true"],
.tab-icon-sound[activemedia-blocked="true"] {
margin-left: auto !important;
}
/*.tabbrowser-tab:not([soundplaying]):not([muted]):not([activemedia-blocked]) .tab-close-button {*/
/* margin-left: auto !important;*/
/*}*/
.tab-icon-sound {
margin-right: 6px;
}
/* Force tab favicon to the center */
.tab-throbber, .tab-throbber-fallback,
.tabbrowser-tab:not([busy]):not([muted="true"]) .tab-icon-image,
.tabbrowser-tab .tab-icon-stack {
margin-left: auto !important;
}
.tabbrowser-tab:is([pinned]) .tab-icon-stack {
margin-left: 0 !important;
}
.tabbrowser-tab:not([busy]):not([muted="true"]) .tab-icon-stack .tab-icon-image {
margin: auto !important;
}
/* If tab favicon is not present, force tab label to the center */
.tabbrowser-tab .tab-label-container {
margin-left: 0 !important;
margin-right: auto !important;
}
.tabbrowser-tab:not([image]):not([busy]):not([progress]) .tab-label-container {
margin-left: auto !important;
}
/* Fix website with no favicon centred text */
.tabbrowser-tab:not([image]) .tab-icon-overlay:not([pinned], [sharing], [crashed]) .tab-icon-stack {
margin-left: 0 !important
}
.tabbrowser-tab:not([image], [busy]) .tab-icon-stack {
margin-left: 0 !important
}
/*Align personal bookmarks v89 */
#personal-bookmarks {
-moz-box-align: center !important;
}
/* fix misc spacing between tabs */
.tabbrowser-tab {
padding-inline: 0 !important;
padding: 0 !important;
}
.tabbrowser-tab[selected="true"] > .tab-stack > .tab-background {
margin-left: 0px !important;
margin-right: 0px !important;
}
/* centre text when audio is playing */
.tabbrowser-tab:is([soundplaying]) .tab-label-container {
margin-left: 0 !important;
margin-right: auto !important
}
/* Tabs */
.tab-background {
transition: background-color 200ms;
border-radius: 0 !important;
margin-block: 0 !important;
outline: none !important;
}
/* Tab hover */
.tabbrowser-tab:not([selected=true]):hover .tab-background {
background-color: var(--gnome-tabbar-tab-hover-background) !important;
border-image: none !important;
box-shadow: inset 0 1px var(--gnome-tabbar-tab-hover-border-color), inset 0 -1px var(--gnome-tabbar-tab-hover-border-color) !important;
}
/* Active tab */
.tab-background:is([selected]) {
background-color: var(--gnome-tabbar-tab-active-background) !important;
background-image: none !important;
border: none !important;
border-image: none !important;
transition: none !important;
margin-left: -1px !important;
margin-right: -1px !important;
border-radius: 0 !important;
box-shadow: 1px 0 var(--gnome-tabbar-tab-active-border-color), 1px 0 3px rgba(0, 0, 0, 0.08),
-1px 0 var(--gnome-tabbar-tab-active-border-color), -1px 0 3px rgba(0, 0, 0, 0.08),
inset 0 -1px var(--gnome-tabbar-tab-active-border-color) !important;
}
.tab-background:is([selected]):-moz-window-inactive {
background-color: var(--gnome-inactive-tabbar-tab-active-background) !important;
border-image: none !important;
}
/* Tabs scroll buttons */
#scrollbutton-up:not([disabled]):hover,
#scrollbutton-down:not([disabled]):hover {
background: var(--gnome-tabbar-tab-active-hover-background) !important;
}
/* Full width tabs */
.tabbrowser-tab:not([style^="max-width"]):not([pinned]),
.tabbrowser-tab[style^="max-width: 100px !important;"]:not([pinned]) {
max-width: 100% !important;
}
.tabbrowser-tab:not([style^="max-width"]):not([pinned]):not([fadein]),
.tabbrowser-tab[style^="max-width: 100px !important;"]:not([pinned]):not([fadein]) {
max-width: .1px !important;
}
/* Remove blank spaces on tabs start and end */
.titlebar-spacer {
display: none !important;
}
/* TabsToolbar buttons */
.toolbarbutton-1 {
margin: 0 !important;
border-radius: 0 !important;
min-width: 32px !important;
min-height: 32px !important;
padding: 0 !important;
border: none !important;
}
.toolbarbutton-1 > .toolbarbutton-icon,
.toolbarbutton-1 > .toolbarbutton-text,
.toolbarbutton-1 > .toolbarbutton-badge-stack {
padding: 8px !important;
}
.toolbarbutton-1 > .toolbarbutton-icon {
width: 32px !important;
height: 32px !important;
}
#alltabs-button {
display: none !important;
}
#TabsToolbar .toolbar-items {
margin-bottom: -1px !important;
}
:root[tabsintitlebar][inFullscreen] #TabsToolbar .toolbar-items {
margin-bottom: 0 !important;
}
/* Remove hover effects on tab bar buttons */
#TabsToolbar {
--toolbarbutton-active-background: transparent !important;
--toolbarbutton-hover-background: transparent !important;
padding: 0 !important;
box-shadow: inset 0 1px var(--gnome-toolbar-border-color), inset 0 1px 3px rgba(0, 0, 0, 0.08) !important;
}
/* New hover effect */
#TabsToolbar toolbarbutton {
fill-opacity: .6 !important;
}
#TabsToolbar toolbarbutton:not([disabled]):hover,
#TabsToolbar toolbarbutton[open=true] {
fill-opacity: 1 !important;
}
/* Remove shadow next to tab scroll buttons */
.arrowscrollbox-overflow-start-indicator,
.arrowscrollbox-overflow-end-indicator {
display: none;
}
/* Remove tab separators */
.tabbrowser-tab::after,
.tabbrowser-tab::before {
border-color: transparent !important;
border-image: none !important;
}
/* Tabs separators */
.tabbrowser-tab {
border-left: 1px solid transparent !important;
}
.tabbrowser-tab + .tabbrowser-tab:not([selected], :hover) {
border-color: var(--gnome-toolbar-border-color) !important;
}
.tabbrowser-tab[selected] + .tabbrowser-tab,
.tabbrowser-tab:hover + .tabbrowser-tab {
border-color: transparent !important;
}
.tabbrowser-tab:first-of-type {
border-left: none !important;
}
/* Space between tabs */
.tabbrowser-tab:not([pinned=true]) {
margin: 0 !important;
}
/* Tab labels */
tab {
color: var(--gnome-tabbar-tab-color) !important;
@ -299,6 +105,134 @@ tab[selected]:-moz-window-inactive {
color: var(--gnome-inactive-tabbar-tab-active-color) !important;
}
/* Center all inside tab */
.tab-content {
display: flex;
flex-direction: row;
justify-content: center !important;
align-items: center !important;
min-width: 44px !important;
min-height: 32px !important;
padding: 0 8px !important;
}
/* Fix custom info tab icon */
.tabbrowser-tab[image="chrome://global/skin/icons/info.svg"]:not([pinned]):not([busy]):not([progress]) .tab-icon-stack::before {
margin-inline-end: 5.5px;
}
/* Prevent tab icons size breaking */
.tab-icon-image, .tab-icon-sound, .tab-throbber, .tab-throbber-fallback, .tab-close-button {
min-width: 16px;
}
/* Center tab text */
.tab-label {
margin-inline: 0 !important;
}
/* Adjust tab label width */
.tab-label-container {
min-width: 0 !important;
}
.tabbrowser-tab:not([pinned]) .tab-label-container {
max-width: min-content !important;
}
.tabbrowser-tab[pinned] .tab-label-container {
display: none !important;
}
.tab-throbber:not([pinned]), .tab-icon-pending:not([pinned]), .tab-icon-image:not([pinned]), .tab-sharing-icon-overlay:not([pinned]), .tab-icon-overlay:not([pinned]) {
margin-inline-end: 0 !important;
}
.tabbrowser-tab:not([soundplaying], [muted], [activemedia-blocked], [crashed]) .tab-icon-stack {
padding: 6px;
}
/* Hide favicon when mute icon is present */
.tabbrowser-tab:not([pinned]):is([soundplaying], [muted], [activemedia-blocked], [crashed]) .tab-icon-image:not([sharing]),
.tabbrowser-tab:not([pinned]):is([soundplaying], [muted], [activemedia-blocked], [crashed])[selected] .tab-icon-image {
display: none;
}
/* Hide secondary label about muting */
.tabbrowser-tab:is([soundplaying], [muted], [activemedia-blocked], [crashed]) .tab-secondary-label {
display: none;
}
/* Put tab close button and icon sound to the right */
.tab-icon-sound[soundplaying="true"], .tab-icon-sound[muted="true"],
.tab-icon-sound[activemedia-blocked="true"] {
margin-left: auto !important;
}
/*.tabbrowser-tab:not([soundplaying]):not([muted]):not([activemedia-blocked]) .tab-close-button {*/
/* margin-left: auto !important;*/
/*}*/
.tab-icon-sound {
margin-right: 6px;
}
/* Force tab favicon to the center */
.tab-throbber, .tab-throbber-fallback,
.tabbrowser-tab:not([busy]):not([soundplaying="true"],[muted="true"]) .tab-icon-image,
.tabbrowser-tab .tab-icon-stack {
margin-left: auto !important;
}
/* If tab favicon is not present, force tab label to the center */
.tabbrowser-tab .tab-label-container {
margin-left: 0 !important;
margin-right: auto !important;
}
.tabbrowser-tab:not([image]):not([busy]):not([progress]) .tab-label-container {
margin-left: auto !important;
}
/* Fix website with no favicon centred text */
.tabbrowser-tab:not([image]) .tab-icon-overlay:not([pinned], [sharing], [crashed]) .tab-icon-stack {
margin-left: 0 !important
}
.tabbrowser-tab:not([image], [busy]) .tab-icon-stack {
margin-left: 0 !important
}
.tab-background {
border-radius: 0 !important;
margin-block: 0 !important;
}
/*Align personal bookmarks v89 */
#personal-bookmarks {
-moz-box-align: center !important;
}
/* fix misc spacing between tabs */
.tabbrowser-tab {
padding-inline: 0 !important;
padding: 0 !important;
}
.tabbrowser-tab[selected="true"] > .tab-stack > .tab-background {
margin-left: 0px !important;
margin-right: 0px !important;
}
/* centre text when audio is playing */
.tabbrowser-tab:is([soundplaying]) .tab-label-container {
margin-left: 0 !important;
margin-right: auto !important
}
/* Remove tab icons */
/* tab:not([pinned=true]) .tab-icon-image {
display: none;
} */
/* Close tab button */
.close-icon {
height: 16px !important;
@ -327,6 +261,12 @@ tab[selected]:-moz-window-inactive {
visibility: visible;
}
@media (prefers-color-scheme: dark) {
.tab-close-button {
list-style-image: url("../icons/window-close-symbolic-light.svg") !important;
}
}
:root:-moz-window-inactive .tab-close-button:not(#hack) {
opacity: .18 !important;
}
@ -362,48 +302,20 @@ tab[selected]:-moz-window-inactive {
border-radius: 100px !important;
}
.tab-audio-button {
--icon-size-default: 12px;
--button-size-icon-small: 24px;
--button-min-height-small: 24px;
--button-border-radius: 100px !important;
margin: -3px 3px 0 !important;
}
/*.tab-content*/
/* /* Rearrange content */
/* .tab-audio-button {*/
/* order: 0;*/
/* }*/
/* .tab-icon-stack {*/
/* order: 1;*/
/* }*/
/* .tab-label-container {*/
/* order: 2;*/
/* }*/
/* .tab-close-button {*/
/* order: 3;*/
/* }*/
/*}*/
.tab-icon-overlay:not([crashed]):is([pinned], [sharing]) {
top: 0 !important;
inset-inline-end: 0 !important;
}
.tabbrowser-tab:not(:hover) .tab-icon-overlay:not([crashed]):is([pinned], [sharing]) {
display: none !important;
}
.tabbrowser-tab .tab-icon-overlay:not([crashed]):is([soundplaying], [muted], [activemedia-blocked]) {
.tabbrowser-tab .tab-icon-overlay:not([crashed]):is([pinned], [sharing]) {
background-color: var(--gnome-tabbar-tab-background) !important;
}
.tabbrowser-tab[selected=true] .tab-icon-overlay:not([crashed]):is([soundplaying], [muted], [activemedia-blocked]) {
.tabbrowser-tab[selected=true] .tab-icon-overlay:not([crashed]):is([pinned], [sharing]) {
background-color: var(--gnome-tabbar-tab-active-background) !important;
}
.tabbrowser-tab .tab-icon-overlay:not([crashed]):is([soundplaying], [muted], [activemedia-blocked]):hover {
.tabbrowser-tab .tab-icon-overlay:not([crashed]):is([pinned], [sharing]):hover {
background-color: var(--gnome-tabbar-tab-hover-background) !important;
}
@ -412,18 +324,6 @@ tab[selected]:-moz-window-inactive {
display: none;
}
/* tab-context-line above tabs */
.tabbrowser-tab[usercontextid] > .tab-stack > .tab-background > .tab-context-line {
height: 2px;
border-radius: 0 !important;
margin: 0 !important;
}
/* Remove alt colours references for multi tabs*/
.tabbrowser-tab[usercontextid] > .tab-stack > .tab-background > .tab-bottom-line {
display: none;
}
/* Tab attention dot */
.tabbrowser-tab:is([image], [pinned]) > .tab-stack > .tab-content[attention]:not([selected="true"]), .tabbrowser-tab > .tab-stack > .tab-content[pinned][titlechanged]:not([selected="true"]), #firefox-view-button[attention] {
background-image: radial-gradient(circle, var(--gnome-tab-attention-icon-color), var(--gnome-tab-attention-icon-color) 2px, transparent 2px) !important;
@ -432,38 +332,138 @@ tab[selected]:-moz-window-inactive {
background-repeat: no-repeat;
}
/* Remove alt colours references for multi tabs*/
.tabbrowser-tab[usercontextid] > .tab-stack > .tab-background > .tab-context-line {
display: none;
}
.tabbrowser-tab[class*="identity-color-"][pinned] {
display: flex;
}
.tab-background {
background-color: transparent !important;
transition: background-color 200ms;
}
.tab-background, .tab-stack {
min-height: 32px !important;
}
/* Tab hover */
#TabsToolbar .tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected=true]) {
background-color: var(--gnome-tabbar-tab-active-hover-background) !important;
border-image: none !important;
box-shadow: inset 0 1px var(--gnome-toolbar-border-color), inset 0 -1px var(--gnome-toolbar-border-color) !important;
}
/* Active tab */
.tab-background[selected=true] {
background-color: var(--gnome-tabbar-tab-active-background) !important;
background-image: none !important;
border: none !important;
border-image: none !important;
transition: none !important;
margin-left: -1px !important;
margin-right: -1px !important;
border-radius: 0 !important;
box-shadow: 1px 0 var(--gnome-toolbar-border-color), 1px 0 3px rgba(0, 0, 0, 0.08),
-1px 0 var(--gnome-toolbar-border-color), -1px 0 3px rgba(0, 0, 0, 0.08),
inset 0 -1px var(--gnome-toolbar-border-color) !important;
}
.tab-background[selected=true]:-moz-window-inactive {
background-color: var(--gnome-inactive-tabbar-tab-active-background) !important;
border-image: none !important;
}
/* Tabs scroll buttons hover */
#TabsToolbar .scrollbutton-up:not([disabled]):hover, #TabsToolbar .scrollbutton-down:not([disabled]):hover {
background-color: var(--gnome-tabbar-tab-active-hover-background) !important;
}
/* Full width tabs */
.tabbrowser-tab:not([style^="max-width"]):not([pinned]),
.tabbrowser-tab[style^="max-width: 100px !important;"]:not([pinned]) {
max-width: 100% !important;
}
.tabbrowser-tab:not([style^="max-width"]):not([pinned]):not([fadein]),
.tabbrowser-tab[style^="max-width: 100px !important;"]:not([pinned]):not([fadein]) {
max-width: .1px !important;
}
/* Remove blank spaces on tabs start and end */
#TabsToolbar .titlebar-spacer {
display: none !important;
}
/* TabsToolbar buttons */
#TabsToolbar .toolbarbutton-1 {
margin: 0 !important;
border-radius: 0 !important;
min-width: 32px !important;
min-height: 32px !important;
padding: 0 !important;
}
#TabsToolbar .toolbarbutton-1 > .toolbarbutton-icon,
#TabsToolbar .toolbarbutton-1 > .toolbarbutton-text,
#TabsToolbar .toolbarbutton-1 > .toolbarbutton-badge-stack {
padding: 8px !important;
}
#TabsToolbar .toolbarbutton-1 > .toolbarbutton-icon {
width: 32px !important;
height: 32px !important;
}
#alltabs-button {
display: none !important;
}
/* firefox-view-button */
:root:not([privatebrowsingmode], [firefoxviewhidden]) :is(toolbarbutton, toolbarpaletteitem) + #tabbrowser-tabs,
:root[privatebrowsingmode]:not([firefoxviewhidden]) :is(
toolbarbutton:not(#firefox-view-button),
toolbarpaletteitem:not(#wrapper-firefox-view-button)
) + #tabbrowser-tabs {
:root:not([privatebrowsingmode="temporary"]):not([firefoxviewhidden]) :is(#firefox-view-button, #wrapper-firefox-view-button) + #tabbrowser-tabs {
border-inline-start: 1px solid var(--gnome-toolbar-border-color) !important;
padding-inline-start: calc(var(--tab-overflow-pinned-tabs-width)) !important;
padding-inline-start: 0 !important;
margin-inline-start: 0 !important;
}
#TabsToolbar #firefox-view-button {
#firefox-view-button {
border-radius: 0 !important;
padding: 0 4px !important;
}
#firefox-view-button > .toolbarbutton-icon {
filter: none !important;
box-shadow: none !important;
outline: none !important;
}
#TabsToolbar #firefox-view-button[open] {
background-color: var(--gnome-tabbar-tab-active-background) !important;
box-shadow: inset 0 -1px var(--gnome-toolbar-border-color) !important;
/* Create new container tab indicator */
.tabbrowser-tab[class*="identity-color-"] .tab-content::before {
content: "";
display: block;
background-image: var(#userContext-icons:--identity-icon);
background: var( --identity-tab-color);
-moz-context-properties: fill;
fill: var(--identity-icon-color);
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
min-width: 10px;
height: 10px;
margin-right: 5px;
margin-left: auto !important;
border-radius: 100%;
}
#TabsToolbar #firefox-view-button[open]:-moz-window-inactive {
background-color: var(--gnome-inactive-tabbar-tab-active-background) !important;
.tabbrowser-tab[class*="identity-color-"][pinned] .tab-content::before,
.tabbrowser-tab[class*="identity-color-"][image] .tab-content::before,
.tabbrowser-tab[class*="identity-color-"][busy] .tab-content::before,
.tabbrowser-tab[class*="identity-color-"][progress] .tab-content::before {
right: -10px;
top: -8px;
position: relative;
margin-right: -10px;
}
/* fix pip on small displays */

86
src/other/firefox/WhiteSur/parts/toolbox.css
View File

@ -8,27 +8,41 @@
@namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";
/* Toolbox colors */
#navigator-toolbox, #PersonalToolbar, #toolbar-menubar, .notificationbox-stack {
border: none !important;
color: var(--gnome-toolbar-color);
background: var(--gnome-toolbar-background) !important;
#navigator-toolbox {
border: 0 !important;
background: none !important;
}
#navigator-toolbox {
.toolbarbutton-icon {
color: var(--gnome-toolbar-color);
fill: var(--gnome-toolbar-color);
}
#nav-bar, #PersonalToolbar, #toolbar-menubar, .notificationbox-stack {
border: 0 !important;
color: var(--gnome-toolbar-color);
background: var(--gnome-toolbar-background) !important;
border-bottom: none !important;
}
#TabsToolbar {
border: 0 !important;
background: var(--gnome-tabstoolbar-background) !important;
border-bottom: 1px solid var(--gnome-toolbar-border-color) !important;
box-shadow: inset 0 1px var(--gnome-toolbar-border-color) !important;
}
findbar {
border: 0 !important;
background: var(--gnome-findbar-background) !important;
border-bottom: 1px solid var(--gnome-toolbar-border-color) !important;
}
#nav-bar {
border: none !important;
color: var(--gnome-toolbar-color);
background: var(--gnome-headerbar-background) !important;
.container.infobar {
background: var(--gnome-browser-before-load-background) !important;
}
#nav-bar:-moz-window-inactive {
background: var(--gnome-inactive-toolbar-background) !important;
}
#navigator-toolbox:-moz-window-inactive, .notificationbox-stack:-moz-window-inactive,
#nav-bar:-moz-window-inactive, .notificationbox-stack:-moz-window-inactive,
#PersonalToolbar:-moz-window-inactive, #toolbar-menubar:-moz-window-inactive,
#TabsToolbar:-moz-window-inactive, findbar:-moz-window-inactive {
background: var(--gnome-inactive-toolbar-background) !important;
@ -42,31 +56,13 @@ findbar:-moz-window-inactive label,
opacity: 0.7 !important;
}
#TabsToolbar {
border: none !important;
background: var(--gnome-tabstoolbar-background) !important;
box-shadow: inset 0 1px var(--gnome-toolbar-border-color) !important;
}
.container.infobar {
background: var(--gnome-browser-before-load-background) !important;
}
.tab-icon-overlay {
:is(:root[uidensity="compact"], #tabbrowser-tabs[secondarytext-unsupported], :root:not([uidensity="compact"]) #tabbrowser-tabs:not([secondarytext-unsupported]) .tabbrowser-tab:hover) .tab-icon-stack[indicator-replaces-favicon] > :not(&), :root:not([uidensity="compact"]) #tabbrowser-tabs:not([secondarytext-unsupported]) .tabbrowser-tab:not(:hover) &[indicator-replaces-favicon] {
opacity: 0 !important;
}
}
#toolbar-menubar:not([inactive=true]) {
margin-bottom: 0 !important;
}
#PersonalToolbar {
height: 28px !important;
max-height: 28px !important;
padding: 0 2px !important;
--bookmarks-toolbar-overlapping-browser-height: auto;
padding: 2px 4px 0 4px !important;
height: 32px !important;
}
/* Overrides: Remove border below the menu bar / above the header bar */
@ -116,6 +112,19 @@ findbar:-moz-window-inactive label,
margin-top: 0 !important;
}
#PersonalToolbar {
padding: 0 3px 3px !important;
height: 32px !important;
max-height: 32px !important;
}
/* Sidebar */
#sidebar-box,
.sidebar-panel[lwt-sidebar] {
color: var(--gnome-toolbar-color) !important;
background: var(--gnome-toolbar-background) !important;
}
/* Customization page */
#customization-container:-moz-lwtheme {
background-image: linear-gradient(var(--gnome-browser-before-load-background), var(--gnome-browser-before-load-background)) !important;
@ -128,19 +137,10 @@ findbar:-moz-window-inactive label,
border-radius: 0 0 12px 12px !important;
}
/* Buttons */
toolbar .toolbarbutton-1 {
> .toolbarbutton-icon,
> .toolbarbutton-text,
> .toolbarbutton-badge-stack {
border-radius: 0 !important;
}
}
/* bookmark-item */
toolbarbutton.bookmark-item {
padding: 3px 6px !important;
margin: 0 2px !important;
border-radius: 3px !important;
max-height: 24px !important;
color: var(--gnome-toolbar-color) !important;
}

37
src/other/firefox/WhiteSur/theme-adaptive.css
View File

@ -1,37 +0,0 @@
@import "parts/toolbox.css";
@import "parts/buttons.css";
@import "parts/entries.css";
@import "parts/controls.css";
@import "parts/headerbar-urlbar.css";
@import "parts/headerbar-private-urlbar.css";
@import "parts/headerbar.css";
@import "parts/csd.css";
@import "parts/titlebutton-light.css";
@import "parts/titlebutton-dark.css";
@import "parts/popups.css";
@import "parts/tabsbar.css";
@import "parts/findbar.css";
@import "parts/sidebar.css";
@import "parts/dialogs.css";
@import "parts/notification.css";
@import "parts/infobar.css";
@import "parts/video-player.css";
@import "parts/remove-white-flash.css";
@import "parts/icons.css";
@import "colors/light-adaptive.css";
@import "colors/dark-adaptive.css";
@namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";
/* Set theme version text in customization panel */
#customization-footer::before {
background: url("icons/icon.svg") no-repeat;
background-size: contain;
content: "Firefox WhiteSur theme";
padding: 10px 10px 10px 50px;
}
#customization-container {
background-color: var(--gnome-browser-before-load-background) !important;
color: var(--gnome-toolbar-color) !important;
background-image: none !important;
}

37
src/other/firefox/WhiteSur/theme-darker.css
View File

@ -1,37 +0,0 @@
@import "parts/toolbox.css";
@import "parts/buttons.css";
@import "parts/entries.css";
@import "parts/controls.css";
@import "parts/headerbar-urlbar.css";
@import "parts/headerbar-private-urlbar.css";
@import "parts/headerbar.css";
@import "parts/csd.css";
@import "parts/titlebutton-light.css";
@import "parts/titlebutton-dark.css";
@import "parts/popups.css";
@import "parts/tabsbar.css";
@import "parts/findbar.css";
@import "parts/sidebar.css";
@import "parts/dialogs.css";
@import "parts/notification.css";
@import "parts/infobar.css";
@import "parts/video-player.css";
@import "parts/remove-white-flash.css";
@import "parts/icons.css";
@import "colors/light.css";
@import "colors/darker.css";
@namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";
/* Set theme version text in customization panel */
#customization-footer::before {
background: url("icons/icon.svg") no-repeat;
background-size: contain;
content: "Firefox WhiteSur theme";
padding: 10px 10px 10px 50px;
}
#customization-container {
background-color: var(--gnome-browser-before-load-background) !important;
color: var(--gnome-toolbar-color) !important;
background-image: none !important;
}

36
src/other/firefox/WhiteSur/theme-nord.css
View File

@ -1,36 +0,0 @@
@import "parts/toolbox.css";
@import "parts/buttons.css";
@import "parts/entries.css";
@import "parts/controls.css";
@import "parts/headerbar-urlbar.css";
@import "parts/headerbar-private-urlbar.css";
@import "parts/headerbar.css";
@import "parts/csd.css";
@import "parts/titlebutton-light.css";
@import "parts/titlebutton-dark.css";
@import "parts/popups.css";
@import "parts/tabsbar.css";
@import "parts/findbar.css";
@import "parts/sidebar.css";
@import "parts/dialogs.css";
@import "parts/notification.css";
@import "parts/video-player.css";
@import "parts/remove-white-flash.css";
@import "parts/icons.css";
@import "colors/light-nord.css";
@import "colors/dark-nord.css";
@namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";
/* Set theme version text in customization panel */
#customization-footer::before {
background: url("icons/icon.svg") no-repeat;
background-size: contain;
content: "Firefox WhiteSur theme";
padding: 10px 10px 10px 50px;
}
#customization-container {
background-color: var(--gnome-browser-before-load-background) !important;
color: var(--gnome-toolbar-color) !important;
background-image: none !important;
}

4
src/other/firefox/WhiteSur/theme.css
View File

@ -11,12 +11,11 @@
@import "parts/popups.css";
@import "parts/tabsbar.css";
@import "parts/findbar.css";
@import "parts/sidebar.css";
@import "parts/dialogs.css";
@import "parts/notification.css";
@import "parts/infobar.css";
@import "parts/video-player.css";
@import "parts/remove-white-flash.css";
@import "parts/custom-icons.css";
@import "parts/icons.css";
@import "colors/light.css";
@import "colors/dark.css";
@ -33,5 +32,4 @@
#customization-container {
background-color: var(--gnome-browser-before-load-background) !important;
color: var(--gnome-toolbar-color) !important;
background-image: none !important;
}

29
src/other/firefox/common/hide-single-tab.css
View File

@ -1,21 +1,14 @@
@namespace xul url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
#TabsToolbar {
min-height: 0 !important;
#tabbrowser-tabs tab:only-of-type,
#alltabs-button {
display: none !important;
}
.tab-background,
.tab-stack {
min-height: 0 !important;
}
#tabbrowser-tabs,
#tabbrowser-tabs arrowscrollbox {
min-height: 0 !important;
--tab-min-height: 0 !important;
}
#tabbrowser-tabs {
--tab-min-height: 0 !important;
}
#tabbrowser-tabs tab:only-of-type,
#TabsToolbar #alltabs-button {
display: none !important;
}
.tab-background, .tab-stack {
min-height: 0 !important;
}

21
src/other/firefox/common/hide-window-buttons.css
View File

@ -1,18 +1,9 @@
@namespace xul url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
:root[tabsintitlebar], :root[customtitlebar] {
&[sizemode="maximized"] {
#nav-bar, #titlebar {
.titlebar-buttonbox-container {
display: none !important;
padding: 0 !important;
right: 0 !important;
}
}
&:not([inFullscreen]) #nav-bar {
padding-left: 8px !important;
padding-right: 8px !important;
}
}
:root[tabsintitlebar][sizemode="maximized"] #titlebar .titlebar-buttonbox-container {
display: none !important;
}
:root[tabsintitlebar][sizemode="maximized"] #nav-bar {
padding-left: 3px !important;
}

9
src/other/firefox/common/icons/application-x-addon-blocked-symbolic.svg
View File

@ -1,4 +1,7 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="context-fill" fill-opacity="context-fill-opacity">
<path d="m7 0c-1.108 0-2 0.892-2 2v1h-2.1543c-1.0228 0-1.8457 0.82293-1.8457 1.8457v3.1543h2c0.554 0 1 0.446 1 1s-0.446 1-1 1h-2v3.1543c0 1.0228 0.82293 1.8457 1.8457 1.8457h3.1543v-2c0-0.554 0.446-1 1-1s1 0.446 1 1v2h3.1543c1.0228 0 1.8457-0.82293 1.8457-1.8457v-2.1543h1c1.108 0 2-0.892 2-2s-0.892-2-2-2h-1v-2.1543c0-1.0228-0.82293-1.8457-1.8457-1.8457h-2.1543v-1c0-1.108-0.892-2-2-2zm0 1c0.554 0 1 0.446 1 1v2h3c0.554 0 1 0.446 1 1v3h2c0.554 0 1 0.446 1 1s-0.446 1-1 1h-2v3c0 0.554-0.446 1-1 1h-2v-1c0-1.108-0.892-2-2-2s-2 0.892-2 2v1h-2c-0.554 0-1-0.446-1-1v-2h1c1.108 0 2-0.892 2-2s-0.892-2-2-2h-1v-2c0-0.554 0.446-1 1-1h3v-2c0-0.554 0.446-1 1-1z" opacity=".35"/>
<rect transform="rotate(45)" x="1.3137" y="-.5" width="20" height="1" rx="0" ry="0"/>
<svg width="16" height="16" version="1.1" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
<defs>
<style id="current-color-scheme" type="text/css">.ColorScheme-Text { color:#6e6e6e; } .ColorScheme-Highlight { color:#5294e2; }</style>
</defs>
<path d="m7 0c-1.108 0-2 0.892-2 2v1h-2.1543c-1.0228 0-1.8457 0.82293-1.8457 1.8457v3.1543h2c0.554 0 1 0.446 1 1s-0.446 1-1 1h-2v3.1543c0 1.0228 0.82293 1.8457 1.8457 1.8457h3.1543v-2c0-0.554 0.446-1 1-1s1 0.446 1 1v2h3.1543c1.0228 0 1.8457-0.82293 1.8457-1.8457v-2.1543h1c1.108 0 2-0.892 2-2s-0.892-2-2-2h-1v-2.1543c0-1.0228-0.82293-1.8457-1.8457-1.8457h-2.1543v-1c0-1.108-0.892-2-2-2zm0 1c0.554 0 1 0.446 1 1v2h3c0.554 0 1 0.446 1 1v3h2c0.554 0 1 0.446 1 1s-0.446 1-1 1h-2v3c0 0.554-0.446 1-1 1h-2v-1c0-1.108-0.892-2-2-2s-2 0.892-2 2v1h-2c-0.554 0-1-0.446-1-1v-2h1c1.108 0 2-0.892 2-2s-0.892-2-2-2h-1v-2c0-0.554 0.446-1 1-1h3v-2c0-0.554 0.446-1 1-1z" fill="#363636" opacity=".35"/>
<rect transform="rotate(45)" x="1.3137" y="-.5" width="20" height="1" rx="0" ry="0" fill="#363636" stroke-linecap="round" stroke-linejoin="round" stroke-opacity=".86" stroke-width="2.2361"/>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 884 B

After

Width:  |  Height:  |  Size: 1.1 KiB

17
src/other/firefox/common/icons/application-x-addon-symbolic.svg
View File

@ -1,3 +1,16 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="context-fill" fill-opacity="context-fill-opacity">
<path d="m7 0c-1.108 0-2 0.892-2 2v1h-2.1543c-1.0228 0-1.8457 0.82293-1.8457 1.8457v2.1543 1h2c0.554 0 1 0.446 1 1s-0.446 1-1 1h-2v1 2.1543c0 1.0228 0.82293 1.8457 1.8457 1.8457h2.1543 1v-2c0-0.554 0.446-1 1-1s1 0.446 1 1v2h1 2.1543c1.0228 0 1.8457-0.82293 1.8457-1.8457v-2.1543h1c1.108 0 2-0.892 2-2s-0.892-2-2-2h-1v-2.1543c0-1.0228-0.82293-1.8457-1.8457-1.8457h-2.1543v-1c0-1.108-0.892-2-2-2zm0 1c0.554 0 1 0.446 1 1v2h1 2c0.554 0 1 0.446 1 1v2 1h2c0.554 0 1 0.446 1 1s-0.446 1-1 1h-2v1 2c0 0.554-0.446 1-1 1h-2v-1c0-1.108-0.892-2-2-2s-2 0.892-2 2v1h-2c-0.554 0-1-0.446-1-1v-2h1c1.108 0 2-0.892 2-2s-0.892-2-2-2h-1v-2c0-0.554 0.446-1 1-1h2 1v-2c0-0.554 0.446-1 1-1z"/>
<?xml version="1.0" encoding="UTF-8"?>
<svg width="16" height="16" version="1.1" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" xmlns:cc="http://creativecommons.org/ns#" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#">
<metadata>
<rdf:RDF>
<cc:Work rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage"/>
<dc:title/>
</cc:Work>
</rdf:RDF>
</metadata>
<defs>
<style id="current-color-scheme" type="text/css">.ColorScheme-Text { color:#6e6e6e; } .ColorScheme-Highlight { color:#5294e2; }</style>
</defs>
<path d="m7 0c-1.108 0-2 0.892-2 2v1h-2.1543c-1.0228 0-1.8457 0.82293-1.8457 1.8457v2.1543 1h2c0.554 0 1 0.446 1 1s-0.446 1-1 1h-2v1 2.1543c0 1.0228 0.82293 1.8457 1.8457 1.8457h2.1543 1v-2c0-0.554 0.446-1 1-1s1 0.446 1 1v2h1 2.1543c1.0228 0 1.8457-0.82293 1.8457-1.8457v-2.1543h1c1.108 0 2-0.892 2-2s-0.892-2-2-2h-1v-2.1543c0-1.0228-0.82293-1.8457-1.8457-1.8457h-2.1543v-1c0-1.108-0.892-2-2-2zm0 1c0.554 0 1 0.446 1 1v2h1 2c0.554 0 1 0.446 1 1v2 1h2c0.554 0 1 0.446 1 1s-0.446 1-1 1h-2v1 2c0 0.554-0.446 1-1 1h-2v-1c0-1.108-0.892-2-2-2s-2 0.892-2 2v1h-2c-0.554 0-1-0.446-1-1v-2h1c1.108 0 2-0.892 2-2s-0.892-2-2-2h-1v-2c0-0.554 0.446-1 1-1h2 1v-2c0-0.554 0.446-1 1-1z" fill="#363636"/>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 799 B

After

Width:  |  Height:  |  Size: 1.3 KiB

4
src/other/firefox/common/icons/applications-engineering-symbolic.svg
View File

@ -1,3 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="context-fill" fill-opacity="context-fill-opacity">
<path d="m11.02 0.53711a1.0001 1.0001 0 0 0-0.58984 0.19336c-0.89811 0.65868-1.4296 1.7085-1.4297 2.8223 0.00118 1.3259 0.86654 2.3529 2 2.9434v1.1797a7 7 0 0 1 1 0.58008v-2.2559c-1.1632-0.23743-1.9989-1.2601-2-2.4473 9.8e-5 -0.7962 0.37943-1.5447 1.0215-2.0156-4e-3 0.036332-0.021484 0.068046-0.021484 0.10547v2c0 0.554 0.446 1 1 1h1c0.554 0 1-0.446 1-1v-2c0-0.037422-0.017524-0.069136-0.021484-0.10547 0.64204 0.47088 1.0214 1.2194 1.0215 2.0156-1.29e-4 1.1879-0.83612 2.2116-2 2.4492v3.0996a7 7 0 0 1 1 1.2949v-3.9004c1.134-0.59095 1.9999-1.6166 2-2.9434-1.38e-4 -1.1138-0.53157-2.1636-1.4297-2.8223a1.0001 1.0001 0 0 0-1.5859 0.91602c0.01271 0.11643 0.014165 0.1478 0.015625 0.16797v1.8281h-1v-1.8281c0.0015-0.020168 0.002895-0.051534 0.015625-0.16797a1.0001 1.0001 0 0 0-0.99609-1.1094zm-3.0195 7.4629a6 6 0 0 0-6 6h-2v1h16v-1h-2a6 6 0 0 0-6-6zm0 1a5 5 0 0 1 5 5h-1a4 4 0 0 0-4-4 4 4 0 0 0-0.060547 0 4 4 0 0 0-3.9395 4h-1a5 5 0 0 1 5-5zm-0.052734 2a3 3 0 0 1 0.0019532 0 3 3 0 0 1 0.050781 0 3 3 0 0 1 3 3h-6a3 3 0 0 1 2.9473-3z"/>
<svg width="16" height="16" version="1.1" xmlns="http://www.w3.org/2000/svg">
<path d="m11.02 0.53711a1.0001 1.0001 0 0 0-0.58984 0.19336c-0.89811 0.65868-1.4296 1.7085-1.4297 2.8223 0.00118 1.3259 0.86654 2.3529 2 2.9434v1.1797a7 7 0 0 1 1 0.58008v-2.2559c-1.1632-0.23743-1.9989-1.2601-2-2.4473 9.8e-5 -0.7962 0.37943-1.5447 1.0215-2.0156-4e-3 0.036332-0.021484 0.068046-0.021484 0.10547v2c0 0.554 0.446 1 1 1h1c0.554 0 1-0.446 1-1v-2c0-0.037422-0.017524-0.069136-0.021484-0.10547 0.64204 0.47088 1.0214 1.2194 1.0215 2.0156-1.29e-4 1.1879-0.83612 2.2116-2 2.4492v3.0996a7 7 0 0 1 1 1.2949v-3.9004c1.134-0.59095 1.9999-1.6166 2-2.9434-1.38e-4 -1.1138-0.53157-2.1636-1.4297-2.8223a1.0001 1.0001 0 0 0-1.5859 0.91602c0.01271 0.11643 0.014165 0.1478 0.015625 0.16797v1.8281h-1v-1.8281c0.0015-0.020168 0.002895-0.051534 0.015625-0.16797a1.0001 1.0001 0 0 0-0.99609-1.1094zm-3.0195 7.4629a6 6 0 0 0-6 6h-2v1h16v-1h-2a6 6 0 0 0-6-6zm0 1a5 5 0 0 1 5 5h-1a4 4 0 0 0-4-4 4 4 0 0 0-0.060547 0 4 4 0 0 0-3.9395 4h-1a5 5 0 0 1 5-5zm-0.052734 2a3 3 0 0 1 0.0019532 0 3 3 0 0 1 0.050781 0 3 3 0 0 1 3 3h-6a3 3 0 0 1 2.9473-3z" fill="#363636"/>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.1 KiB

After

Width:  |  Height:  |  Size: 1.1 KiB

4
src/other/firefox/common/icons/audio-muted-symbolic-light.svg Normal file
View File

@ -0,0 +1,4 @@
<svg width="16" height="16" version="1.1" viewBox="0 0 4.2333 4.2333" xmlns="http://www.w3.org/2000/svg">
<path d="m3.3703 0.34106c-0.099392 0.0070445-0.16522 0.12967-0.07493 0.23048a2.1166 2.1166 0 0 1 0.67334 1.5451 2.1166 2.1166 0 0 1-0.67592 1.5482c-0.118 0.12462 0.047819 0.30388 0.17932 0.19275a2.3812 2.3812 0 0 0 0.76119-1.741 2.3812 2.3812 0 0 0-0.75705-1.7389c-0.036049-0.02831-0.072805-0.039038-0.10594-0.03669zm-0.63251 0.37465c-0.10467 0.0031254-0.16989 0.14175-0.067696 0.24236a1.5875 1.5875 0 0 1 0.50487 1.1586 1.5875 1.5875 0 0 1-0.50694 1.1612c-0.12409 0.118 0.04569 0.30335 0.17983 0.19275a1.8521 1.8521 0 0 0 0.59169-1.3539 1.8521 1.8521 0 0 0-0.58859-1.3524c-0.038827-0.035388-0.078279-0.049617-0.11317-0.048575zm-1.1503 0.078031-0.79374 0.79374h-0.52916c-0.14658 0-0.26458 0.118-0.26458 0.26458v0.52916c3.9166e-17 0.14658 0.118 0.26458 0.26458 0.26458h0.52916l0.79374 0.79374v-2.6458zm0.53381 0.31316c-0.099441 0.0043159-0.17066 0.13599-0.076997 0.23719a1.0583 1.0583 0 0 1 0.33693 0.77256 1.0583 1.0583 0 0 1-0.33796 0.77411c-0.12515 0.11377 0.036959 0.30492 0.17983 0.19327a1.3229 1.3229 0 0 0 0.42271-0.96738 1.3229 1.3229 0 0 0-0.42064-0.96582c-0.034396-0.032676-0.070722-0.045363-0.10387-0.043925z" fill="#dfdfdf" opacity=".35" stroke-width=".26458"/>
<rect transform="rotate(45)" x=".34758" y="-.13229" width="5.2916" height=".26458" rx=".13229" ry=".13229" fill="#dfdfdf" style="paint-order:markers stroke fill"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.4 KiB

6
src/other/firefox/common/icons/audio-muted-symbolic.svg
View File

@ -1,4 +1,4 @@
<svg width="16" height="16" fill="context-fill" fill-opacity="context-fill-opacity" version="1.1" xmlns="http://www.w3.org/2000/svg">
<path d="m12.738 1.2891c-0.37566 0.026625-0.62446 0.4901-0.2832 0.87111a7.9998 7.9998 0 0 1 2.5449 5.8398 7.9998 7.9998 0 0 1-2.5547 5.8515c-0.44599 0.47101 0.18074 1.1485 0.67775 0.72851a8.9999 8.9999 0 0 0 2.877-6.5802 8.9999 8.9999 0 0 0-2.8613-6.5723c-0.13625-0.107-0.27517-0.14755-0.40041-0.13867zm-2.3906 1.416c-0.39561 0.011813-0.64211 0.53575-0.25586 0.91602a6.0001 6.0001 0 0 1 1.9082 4.379 6.0001 6.0001 0 0 1-1.916 4.3888c-0.46901 0.44599 0.17269 1.1465 0.67968 0.72851a7.0001 7.0001 0 0 0 2.2363-5.1172 7.0001 7.0001 0 0 0-2.2246-5.1115c-0.14675-0.13375-0.29586-0.18753-0.42773-0.18359zm-4.3476 0.29492-3 3h-2c-0.55401 0-1 0.44599-1 1v2c0 0.55401 0.44599 1 1 1h2l3 3zm2.0176 1.1836c-0.37584 0.016328-0.64502 0.51398-0.29102 0.89648a3.9999 3.9999 0 0 1 1.2734 2.9199 3.9999 3.9999 0 0 1-1.2773 2.9258c-0.47301 0.43 0.13969 1.1525 0.67968 0.73048a5 5 0 0 0 1.5977-3.6563 5 5 0 0 0-1.5898-3.6504c-0.13-0.1235-0.2673-0.17145-0.39258-0.16602z" opacity=".35"/>
<rect transform="rotate(45)" x="1.3137" y="-.5" width="20" height="1" rx=".5" ry=".5"/>
<svg width="16" height="16" version="1.1" viewBox="0 0 4.2333 4.2333" xmlns="http://www.w3.org/2000/svg">
<path d="m3.3703 0.34106c-0.099392 0.0070445-0.16522 0.12967-0.07493 0.23048a2.1166 2.1166 0 0 1 0.67334 1.5451 2.1166 2.1166 0 0 1-0.67592 1.5482c-0.118 0.12462 0.047819 0.30388 0.17932 0.19275a2.3812 2.3812 0 0 0 0.76119-1.741 2.3812 2.3812 0 0 0-0.75705-1.7389c-0.036049-0.02831-0.072805-0.039038-0.10594-0.03669zm-0.63251 0.37465c-0.10467 0.0031254-0.16989 0.14175-0.067696 0.24236a1.5875 1.5875 0 0 1 0.50487 1.1586 1.5875 1.5875 0 0 1-0.50694 1.1612c-0.12409 0.118 0.04569 0.30335 0.17983 0.19275a1.8521 1.8521 0 0 0 0.59169-1.3539 1.8521 1.8521 0 0 0-0.58859-1.3524c-0.038827-0.035388-0.078279-0.049617-0.11317-0.048575zm-1.1503 0.078031-0.79374 0.79374h-0.52916c-0.14658 0-0.26458 0.118-0.26458 0.26458v0.52916c3.9166e-17 0.14658 0.118 0.26458 0.26458 0.26458h0.52916l0.79374 0.79374v-2.6458zm0.53381 0.31316c-0.099441 0.0043159-0.17066 0.13599-0.076997 0.23719a1.0583 1.0583 0 0 1 0.33693 0.77256 1.0583 1.0583 0 0 1-0.33796 0.77411c-0.12515 0.11377 0.036959 0.30492 0.17983 0.19327a1.3229 1.3229 0 0 0 0.42271-0.96738 1.3229 1.3229 0 0 0-0.42064-0.96582c-0.034396-0.032676-0.070722-0.045363-0.10387-0.043925z" fill="#363636" opacity=".35" stroke-width=".26458"/>
<rect transform="rotate(45)" x=".34758" y="-.13229" width="5.2916" height=".26458" rx=".13229" ry=".13229" fill="#363636"/>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.2 KiB

After

Width:  |  Height:  |  Size: 1.4 KiB

3
src/other/firefox/common/icons/audio-playing-symbolic-light.svg Normal file
View File

@ -0,0 +1,3 @@
<svg width="16" height="16" version="1.1" xmlns="http://www.w3.org/2000/svg">
<path d="m12.738 1.2891c-0.37566 0.026625-0.62445 0.49009-0.2832 0.87109a8 8 0 0 1 2.5449 5.8398 8 8 0 0 1-2.5547 5.8516c-0.446 0.471 0.18074 1.1485 0.67774 0.72852a9 9 0 0 0 2.877-6.5801 9 9 0 0 0-2.8613-6.5723c-0.13625-0.107-0.27517-0.14755-0.40039-0.13867zm-2.3906 1.416c-0.39562 0.011812-0.64211 0.53577-0.25586 0.91602a6 6 0 0 1 1.9082 4.3789 6 6 0 0 1-1.916 4.3887c-0.469 0.446 0.17269 1.1465 0.67969 0.72852a7 7 0 0 0 2.2363-5.1172 7 7 0 0 0-2.2246-5.1113c-0.14675-0.13375-0.29586-0.18753-0.42774-0.18359zm-4.3477 0.29492-3 3h-2c-0.554 0-1 0.446-1 1v2c0 0.554 0.446 1 1 1h2l3 3v-10zm2.0176 1.1836c-0.37584 0.016312-0.64502 0.51398-0.29102 0.89648a4 4 0 0 1 1.2734 2.9199 4 4 0 0 1-1.2773 2.9258c-0.473 0.43 0.13969 1.1525 0.67969 0.73047a5 5 0 0 0 1.5977-3.6562 5 5 0 0 0-1.5898-3.6504c-0.13-0.1235-0.2673-0.17145-0.39258-0.16602z" fill="#dedede"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 942 B

64
src/other/firefox/common/icons/audio-playing-symbolic.svg
View File

@ -1,3 +1,63 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="context-fill" fill-opacity="context-fill-opacity">
<path d="m12.738 1.2891c-0.37566 0.026625-0.62445 0.49009-0.2832 0.87109a8 8 0 0 1 2.5449 5.8398 8 8 0 0 1-2.5547 5.8516c-0.446 0.471 0.18074 1.1485 0.67774 0.72852a9 9 0 0 0 2.877-6.5801 9 9 0 0 0-2.8613-6.5723c-0.13625-0.107-0.27517-0.14755-0.40039-0.13867zm-2.3906 1.416c-0.39562 0.011812-0.64211 0.53577-0.25586 0.91602a6 6 0 0 1 1.9082 4.3789 6 6 0 0 1-1.916 4.3887c-0.469 0.446 0.17269 1.1465 0.67969 0.72852a7 7 0 0 0 2.2363-5.1172 7 7 0 0 0-2.2246-5.1113c-0.14675-0.13375-0.29586-0.18753-0.42774-0.18359zm-4.3477 0.29492-3 3h-2c-0.554 0-1 0.446-1 1v2c0 0.554 0.446 1 1 1h2l3 3v-10zm2.0176 1.1836c-0.37584 0.016312-0.64502 0.51398-0.29102 0.89648a4 4 0 0 1 1.2734 2.9199 4 4 0 0 1-1.2773 2.9258c-0.473 0.43 0.13969 1.1525 0.67969 0.73047a5 5 0 0 0 1.5977-3.6562 5 5 0 0 0-1.5898-3.6504c-0.13-0.1235-0.2673-0.17145-0.39258-0.16602z"/>
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
width="16"
height="16"
version="1.1"
id="svg10"
sodipodi:docname="audio-playing-symbolic.svg"
inkscape:version="1.2 (dc2aedaf03, 2022-05-15)"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<defs
id="defs14" />
<sodipodi:namedview
id="namedview12"
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1.0"
inkscape:showpageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1"
showgrid="false"
inkscape:zoom="14.75"
inkscape:cx="7.9661017"
inkscape:cy="8"
inkscape:window-width="960"
inkscape:window-height="600"
inkscape:window-x="25"
inkscape:window-y="59"
inkscape:window-maximized="0"
inkscape:current-layer="svg10" />
<g
transform="translate(0,-4.7914e-4)"
fill="#363636"
id="g14">
<rect
y="6"
width="5"
height="4"
ry="1"
fill-rule="evenodd"
id="rect2"
x="0" />
<path
d="M 6,3 3,6 v 4 l 3,3 z"
id="path4" />
<g
fill-rule="evenodd"
id="g12">
<path
d="M 13.139,1.428 C 12.594,1 12,1.652 12.455,2.16 A 8,8 0 0 1 15,8 8,8 0 0 1 12.446,13.852 C 12,14.323 12.626,15 13.123,14.58 A 9,9 0 0 0 16,8 9,9 0 0 0 13.139,1.428 Z"
id="path6" />
<path
d="M 10.775,2.889 C 10.188,2.354 9.576,3.114 10.091,3.621 A 6,6 0 0 1 12,8 6,6 0 0 1 10.084,12.389 c -0.469,0.446 0.173,1.146 0.68,0.728 A 7,7 0 0 0 13,8 7,7 0 0 0 10.775,2.889 Z"
id="path8" />
<path
d="M 8.41,4.35 C 7.89,3.856 7.255,4.57 7.727,5.08 A 4,4 0 0 1 9,8 4,4 0 0 1 7.723,10.926 c -0.473,0.43 0.14,1.152 0.68,0.73 A 5,5 0 0 0 10,8 5,5 0 0 0 8.41,4.35 Z"
id="path10" />
</g>
</g>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 969 B

After

Width:  |  Height:  |  Size: 2.0 KiB

6
src/other/firefox/common/icons/autoplay-media-blocked-symbolic.svg
View File

@ -1,4 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="context-fill" fill-opacity="context-fill-opacity">
<path d="m7.9062 1a7 7 0 0 0-6.9062 7 7 7 0 0 0 7 7 7 7 0 0 0 6.9277-6h-1.0117a6 6 0 0 1-5.916 5 6 6 0 0 1-6-6 6 6 0 0 1 6-6h2l-1.8281 1.8281 0.70703 0.70703 2.8281-2.8281-0.70703-0.70703h-3a7 7 0 0 0-0.09375 0zm-1.4238 4a0.50005 0.50005 0 0 0-0.48242 0.5v5a0.50005 0.50005 0 0 0 0.76562 0.42383l4-2.5a0.50005 0.50005 0 0 0 0-0.84766l-4-2.5a0.50005 0.50005 0 0 0-0.2832-0.076172z" opacity=".35"/>
<rect transform="rotate(45)" x="1.3137" y="-.5" width="20" height="1" rx="0" ry="0"/>
<svg width="16" height="16" enable-background="new" version="1.1" xmlns="http://www.w3.org/2000/svg">
<path d="m7.9062 1a7 7 0 0 0-6.9062 7 7 7 0 0 0 7 7 7 7 0 0 0 6.9277-6h-1.0117a6 6 0 0 1-5.916 5 6 6 0 0 1-6-6 6 6 0 0 1 6-6h2l-1.8281 1.8281 0.70703 0.70703 2.8281-2.8281-0.70703-0.70703h-3a7 7 0 0 0-0.09375 0zm-1.4238 4a0.50005 0.50005 0 0 0-0.48242 0.5v5a0.50005 0.50005 0 0 0 0.76562 0.42383l4-2.5a0.50005 0.50005 0 0 0 0-0.84766l-4-2.5a0.50005 0.50005 0 0 0-0.2832-0.076172z" fill="#363636" opacity=".35" stroke-linecap="round" stroke-linejoin="round" stroke-opacity=".86" stroke-width="2"/>
<rect transform="rotate(45)" x="1.3137" y="-.5" width="20" height="1" rx="0" ry="0" fill="#363636"/>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 612 B

After

Width:  |  Height:  |  Size: 709 B

4
src/other/firefox/common/icons/autoplay-media-symbolic.svg
View File

@ -1,3 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="context-fill" fill-opacity="context-fill-opacity">
<path d="m7.9062 1a7 7 0 0 0-6.9062 7 7 7 0 0 0 7 7 7 7 0 0 0 6.9277-6h-1.0117a6 6 0 0 1-5.916 5 6 6 0 0 1-6-6 6 6 0 0 1 6-6h2l-1.8281 1.8281 0.70703 0.70703 2.8281-2.8281-0.70703-0.70703h-3a7 7 0 0 0-0.09375 0zm-1.4238 4a0.50005 0.50005 0 0 0-0.48242 0.5v5a0.50005 0.50005 0 0 0 0.76562 0.42383l4-2.5a0.50005 0.50005 0 0 0 0-0.84766l-4-2.5a0.50005 0.50005 0 0 0-0.2832-0.076172z"/>
<svg width="16" height="16" enable-background="new" version="1.1" xmlns="http://www.w3.org/2000/svg">
<path d="m7.9062 1a7 7 0 0 0-6.9062 7 7 7 0 0 0 7 7 7 7 0 0 0 6.9277-6h-1.0117a6 6 0 0 1-5.916 5 6 6 0 0 1-6-6 6 6 0 0 1 6-6h2l-1.8281 1.8281 0.70703 0.70703 2.8281-2.8281-0.70703-0.70703h-3a7 7 0 0 0-0.09375 0zm-1.4238 4a0.50005 0.50005 0 0 0-0.48242 0.5v5a0.50005 0.50005 0 0 0 0.76562 0.42383l4-2.5a0.50005 0.50005 0 0 0 0-0.84766l-4-2.5a0.50005 0.50005 0 0 0-0.2832-0.076172z" fill="#363636" stroke-linecap="round" stroke-linejoin="round" stroke-opacity=".86" stroke-width="2"/>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 511 B

After

Width:  |  Height:  |  Size: 593 B

11
src/other/firefox/common/icons/blocked-permission-symbolic.svg
View File

@ -1,4 +1,9 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="context-fill" fill-opacity="context-fill-opacity">
<path d="m3 1c-1.108 0-2 0.892-2 2v10c0 1.108 0.892 2 2 2h5.7617a4.5 4.5 0 0 1-0.49805-1h-5.2637c-0.554 0-1-0.446-1-1v-8c0-0.554 0.446-1 1-1h10c0.554 0 1 0.446 1 1v3.2637a4.5 4.5 0 0 1 1 0.49609v-5.7598c0-1.108-0.892-2-2-2h-10z"/>
<path d="m14.975 10.025c-1.3668-1.3668-3.5829-1.3668-4.9497 0-1.3668 1.3668-1.3668 3.5829 0 4.9497 1.3668 1.3668 3.5829 1.3668 4.9497 0 1.3668-1.3668 1.3668-3.5829 0-4.9497zm-1.0607 0.35355 0.70711 0.70711-1.4142 1.4142 1.4142 1.4142-0.70711 0.70711-1.4142-1.4142-1.4142 1.4142-0.70711-0.70711 1.4142-1.4142-1.4142-1.4142 0.70711-0.70711 1.4142 1.4142z" fill="#ff8080"/>
<svg version="1.1" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
<defs>
<style id="current-color-scheme" type="text/css">.ColorScheme-Text {
color:#363636;
}</style>
</defs>
<path class="ColorScheme-Text" d="m3 1c-1.108 0-2 0.892-2 2v10c0 1.108 0.892 2 2 2h5.7617a4.5 4.5 0 0 1-0.49805-1h-5.2637c-0.554 0-1-0.446-1-1v-8c0-0.554 0.446-1 1-1h10c0.554 0 1 0.446 1 1v3.2637a4.5 4.5 0 0 1 1 0.49609v-5.7598c0-1.108-0.892-2-2-2h-10z" fill="currentColor"/>
<path class="ColorScheme-Text" d="m14.975 10.025c-1.3668-1.3668-3.5829-1.3668-4.9497 0-1.3668 1.3668-1.3668 3.5829 0 4.9497 1.3668 1.3668 3.5829 1.3668 4.9497 0 1.3668-1.3668 1.3668-3.5829 0-4.9497zm-1.0607 0.35355 0.70711 0.70711-1.4142 1.4142 1.4142 1.4142-0.70711 0.70711-1.4142-1.4142-1.4142 1.4142-0.70711-0.70711 1.4142-1.4142-1.4142-1.4142 0.70711-0.70711 1.4142 1.4142z" fill="#ff8080"/>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 731 B

After

Width:  |  Height:  |  Size: 883 B

4
src/other/firefox/common/icons/bookmarks-symbolic.svg
View File

@ -1,3 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="context-fill" fill-opacity="context-fill-opacity">
<path d="m4.8008 0s-0.43146-0.012793-0.87695 0.22852c-0.44549 0.24131-0.92383 0.89765-0.92383 1.6387v12.133a1.0001 1.0001 0 0 0 1.5449 0.83789l3.4551-2.2461 3.4551 2.2461a1.0001 1.0001 0 0 0 1.5449-0.83789v-12.133s0.01489-0.40654-0.19141-0.85352c-0.2063-0.44698-0.84826-1.0137-1.6094-1.0137h-6.3984zm0 1h6.3984c0.8 0 0.80078 0.86719 0.80078 0.86719v12.133l-4-2.5996-4 2.5996v-12.133c0-0.86667 0.80078-0.86719 0.80078-0.86719z"/>
<svg width="16" height="16" version="1.1" xmlns="http://www.w3.org/2000/svg">
<path d="m4.8008 0s-0.43146-0.012793-0.87695 0.22852c-0.44549 0.24131-0.92383 0.89765-0.92383 1.6387v12.133a1.0001 1.0001 0 0 0 1.5449 0.83789l3.4551-2.2461 3.4551 2.2461a1.0001 1.0001 0 0 0 1.5449-0.83789v-12.133s0.01489-0.40654-0.19141-0.85352c-0.2063-0.44698-0.84826-1.0137-1.6094-1.0137h-6.3984zm0 1h6.3984c0.8 0 0.80078 0.86719 0.80078 0.86719v12.133l-4-2.5996-4 2.5996v-12.133c0-0.86667 0.80078-0.86719 0.80078-0.86719z" color="#000000" color-rendering="auto" dominant-baseline="auto" fill="#363636" image-rendering="auto" shape-rendering="auto" solid-color="#000000" style="font-feature-settings:normal;font-variant-alternates:normal;font-variant-caps:normal;font-variant-ligatures:normal;font-variant-numeric:normal;font-variant-position:normal;isolation:auto;mix-blend-mode:normal;shape-padding:0;text-decoration-color:#000000;text-decoration-line:none;text-decoration-style:solid;text-indent:0;text-orientation:mixed;text-transform:none;white-space:normal"/>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 557 B

After

Width:  |  Height:  |  Size: 1.0 KiB

3
src/other/firefox/common/icons/briefcase.svg
View File

@ -1,3 +0,0 @@
<svg width="16" height="16" version="1.1" xmlns="http://www.w3.org/2000/svg" fill="context-fill" fill-opacity="context-fill-opacity">
<path d="m6 1c-1.108 0-2 0.892-2 2v2h-2c-1.108 0-2 0.892-2 2v6c0 1.108 0.892 2 2 2h12c1.108 0 2-0.892 2-2v-6c0-1.108-0.892-2-2-2h-2v-2c0-1.108-0.892-2-2-2h-4zm0 1h4c0.554 0 1 0.446 1 1v2h-6v-2c0-0.554 0.446-1 1-1zm-4 4h1v8h-1c-0.554 0-1-0.446-1-1v-6c0-0.554 0.446-1 1-1zm2 0h1 6 1v8h-8v-8zm9 0h1c0.554 0 1 0.446 1 1v6c0 0.554-0.446 1-1 1h-1v-8z"/>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 490 B

39
src/other/firefox/common/icons/bullet-symbolic.svg
View File

@ -1,3 +1,38 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="context-fill" fill-opacity="context-fill-opacity">
<path d="m7 3c-2.207 0-4 1.793-4 4s1.793 4 4 4c2.208 0 4-1.793 4-4s-1.792-4-4-4z"/>
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
height="14"
width="14"
version="1.1"
id="svg442"
sodipodi:docname="bullet-symbolic.svg"
inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<defs
id="defs446" />
<sodipodi:namedview
id="namedview444"
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1.0"
inkscape:showpageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1"
showgrid="false"
inkscape:zoom="33.714286"
inkscape:cx="-7.0444915"
inkscape:cy="8.0677965"
inkscape:window-width="3840"
inkscape:window-height="2034"
inkscape:window-x="0"
inkscape:window-y="58"
inkscape:window-maximized="1"
inkscape:current-layer="svg442" />
<path
d="M 7,3 C 4.793,3 3,4.793 3,7 3,9.207 4.793,11 7,11 9.208,11 11,9.207 11,7 11,4.793 9.208,3 7,3 Z"
id="path438"
style="fill:#333333" />
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 212 B

After

Width:  |  Height:  |  Size: 1.2 KiB

3
src/other/firefox/common/icons/cart.svg
View File

@ -1,3 +0,0 @@
<svg width="16" height="16" version="1.1" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" fill="context-fill" fill-opacity="context-fill-opacity">
<path d="m0.5 1a0.5 0.5 0 0 0-0.5 0.5 0.5 0.5 0 0 0 0.5 0.5h1.6152l1.9023 7.1289a0.50005 0.50005 0 0 0 0.48242 0.37109h9a0.50005 0.50005 0 0 0 0.47461-0.3418l1.5-4.5a0.50005 0.50005 0 0 0-0.47461-0.6582h-11.316l-0.70117-2.6289a0.50005 0.50005 0 0 0-0.48242-0.37109h-2zm3.4512 4h10.355l-1.168 3.5h-8.2539l-0.93359-3.5zm0.54883 6c-0.277 0-0.5 0.223-0.5 0.5s0.223 0.5 0.5 0.5h9c0.277 0 0.5-0.223 0.5-0.5s-0.223-0.5-0.5-0.5h-9zm1.75 1.5a1.25 1.25 0 0 0-1.25 1.25 1.25 1.25 0 0 0 1.25 1.25 1.25 1.25 0 0 0 1.25-1.25 1.25 1.25 0 0 0-1.25-1.25zm5.5 0a1.25 1.25 0 0 0-1.25 1.25 1.25 1.25 0 0 0 1.25 1.25 1.25 1.25 0 0 0 1.25-1.25 1.25 1.25 0 0 0-1.25-1.25zm-5.5 1a0.25 0.25 0 0 1 0.25 0.25 0.25 0.25 0 0 1-0.25 0.25 0.25 0.25 0 0 1-0.25-0.25 0.25 0.25 0 0 1 0.25-0.25zm5.5 0a0.25 0.25 0 0 1 0.25 0.25 0.25 0.25 0 0 1-0.25 0.25 0.25 0.25 0 0 1-0.25-0.25 0.25 0.25 0 0 1 0.25-0.25z"/>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 1.0 KiB

16
src/other/firefox/common/icons/character-symbolic.svg
View File

@ -1,8 +1,18 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="context-fill" fill-opacity="context-fill-opacity">
<g>
<?xml version="1.0" encoding="UTF-8"?>
<svg width="16" height="16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:cc="http://creativecommons.org/ns#" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#">
<metadata>
<rdf:RDF>
<cc:Work rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage"/>
<dc:title/>
</cc:Work>
</rdf:RDF>
</metadata>
<g fill="#363636" stroke-linecap="round" stroke-linejoin="round">
<path d="m3 1c-1.108 0-2 0.892-2 2v10c0 1.108 0.892 2 2 2h10c1.108 0 2-0.892 2-2v-10c0-1.108-0.892-2-2-2h-10zm0 1h10c0.554 0 1 0.446 1 1v10c0 0.554-0.446 1-1 1h-10c-0.554 0-1-0.446-1-1v-10c0-0.554 0.446-1 1-1z"/>
<path d="m6 9c-0.554 0-1 0.446-1 1v1c0 0.554 0.446 1 1 1h4c0.554 0 1-0.446 1-1v-1c0-0.554-0.446-1-1-1zm0 1h4v1h-4z"/>
<path d="m5 7v1h5v2h1v-2c0-0.554-0.446-1-1-1z"/>
<rect transform="rotate(-30)" x="2.1603" y="7.5981" width="5" height="1" rx="0" ry="0"/>
<rect transform="rotate(-30)" x="2.1603" y="7.5981" width="5" height="1" rx="0" ry="0" stroke-width=".91287"/>
</g>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 615 B

After

Width:  |  Height:  |  Size: 1.0 KiB

6
src/other/firefox/common/icons/checkbox-checked-symbolic.svg
View File

@ -1,3 +1,5 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="context-fill" fill-opacity="context-fill-opacity">
<path d="m3 1c-1.108 0-2 0.892-2 2v10c0 1.108 0.892 2 2 2h10c1.108 0 2-0.892 2-2v-10c0-1.108-0.892-2-2-2h-10zm8.2773 3.8438c0.25562 0 0.51116 0.097101 0.70703 0.29297 0.39174 0.39174 0.39174 1.0223 0 1.4141l-4.2422 4.2422c-0.39173 0.39173-0.99323 0.42083-1.3496 0.064453l-0.064453-0.064453-2.1855-2.1836c-0.35633-0.35637-0.32729-0.95983 0.064453-1.3516 0.39173-0.39173 0.99323-0.41888 1.3496-0.0625l1.4785 1.4766 3.5352-3.5352c0.19587-0.19587 0.45141-0.29297 0.70703-0.29297z"/>
<svg width="16" height="16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:osb="http://www.openswatchbook.org/uri/2009/osb">
<rect y="6.1719e-7" width="16" height="16" color="#000000" fill="none"/>
<path d="m3 1c-1.108 0-2 0.892-2 2v10c0 1.108 0.892 2 2 2h10c1.108 0 2-0.892 2-2v-10c0-1.108-0.892-2-2-2h-10zm8.2773 3.8438c0.25562 0 0.51116 0.097101 0.70703 0.29297 0.39174 0.39174 0.39174 1.0223 0 1.4141l-4.2422 4.2422c-0.39173 0.39173-0.99323 0.42083-1.3496 0.064453l-0.064453-0.064453-2.1855-2.1836c-0.35633-0.35637-0.32729-0.95983 0.064453-1.3516 0.39173-0.39173 0.99323-0.41888 1.3496-0.0625l1.4785 1.4766 3.5352-3.5352c0.19587-0.19587 0.45141-0.29297 0.70703-0.29297z" color="#000000" fill="#474747" style="paint-order:fill markers stroke"/>
<rect transform="rotate(45)" x="8.1066" y="1.1569" width="3" height="1" fill-opacity="0"/>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 607 B

After

Width:  |  Height:  |  Size: 857 B

Some files were not shown because too many files have changed in this diff Show More