diff --git a/build.sh b/build.sh
index 776a0e4e..cddcb5b8 100755
--- a/build.sh
+++ b/build.sh
@@ -22,7 +22,7 @@ fi
SASSC_OPT="-M -t expanded"
-_COLOR_VARIANTS=('' '-light' '-dark')
+_COLOR_VARIANTS=('' '-Light' '-Dark')
if [ ! -z "${COLOR_VARIANTS:-}" ]; then
IFS=', ' read -r -a _COLOR_VARIANTS <<< "${COLOR_VARIANTS:-}"
fi
diff --git a/clean-old-theme.sh b/clean-old-theme.sh
new file mode 100755
index 00000000..ba0edd50
--- /dev/null
+++ b/clean-old-theme.sh
@@ -0,0 +1,55 @@
+#! /usr/bin/env bash
+
+ROOT_UID=0
+DEST_DIR=
+
+# Destination directory
+if [ "$UID" -eq "$ROOT_UID" ]; then
+ DEST_DIR="/usr/share/themes"
+else
+ DEST_DIR="$HOME/.themes"
+fi
+
+THEME_NAME=Colloid
+THEME_VARIANTS=('' '-purple' '-pink' '-red' '-orange' '-yellow' '-green' '-teal' '-grey')
+COLOR_VARIANTS=('' '-light' '-dark')
+SIZE_VARIANTS=('' '-compact')
+TYPE_VARIANTS=('' '-nord' '-dracula')
+SCREEN_VARIANTS=('' '-hdpi' '-xhdpi')
+
+clean() {
+ local dest=${1}
+ local name=${2}
+ local theme=${3}
+ local color=${4}
+ local size=${5}
+ local type=${6}
+ local screen=${7}
+
+ local THEME_DIR=${dest}/${name}${theme}${color}${size}${type}${screen}
+
+ if [[ ${theme} == '' && ${color} == '' && ${size} == '' && ${type} == '' ]]; then
+ cleantheme='none'
+ elif [[ -d ${THEME_DIR} ]]; then
+ rm -rf ${THEME_DIR}
+ echo -e "Find: ${THEME_DIR} ! removing it ..."
+ fi
+}
+
+clean_theme() {
+ for theme in "${themes[@]-${THEME_VARIANTS[@]}}"; do
+ for color in "${colors[@]-${COLOR_VARIANTS[@]}}"; do
+ for size in "${sizes[@]-${SIZE_VARIANTS[@]}}"; do
+ for type in "${types[@]-${TYPE_VARIANTS[@]}}"; do
+ for screen in "${screens[@]-${SCREEN_VARIANTS[@]}}"; do
+ clean "${dest:-${DEST_DIR}}" "${name:-${THEME_NAME}}" "${theme}" "${color}" "${size}" "${type}" "${screen}"
+ done
+ done
+ done
+ done
+ done
+}
+
+clean_theme
+
+exit 0
diff --git a/gtkrc.sh b/gtkrc.sh
index 5ad8e1dc..02555d2e 100644
--- a/gtkrc.sh
+++ b/gtkrc.sh
@@ -7,102 +7,102 @@ make_gtkrc() {
local ctype="${6}"
local window="${7}"
- [[ "${color}" == '-light' ]] && local ELSE_LIGHT="${color}"
- [[ "${color}" == '-dark' ]] && local ELSE_DARK="${color}"
+ [[ "${color}" == '-Light' ]] && local ELSE_LIGHT="${color}"
+ [[ "${color}" == '-Dark' ]] && local ELSE_DARK="${color}"
local GTKRC_DIR="${SRC_DIR}/main/gtk-2.0"
local THEME_DIR="${1}/${2}${3}${4}${5}${6}"
- if [[ "${color}" != '-dark' ]]; then
+ if [[ "${color}" != '-Dark' ]]; then
case "$theme" in
'')
theme_color='#3c84f7'
;;
- -purple)
+ -Purple)
theme_color='#AB47BC'
;;
- -pink)
+ -Pink)
theme_color='#EC407A'
;;
- -red)
+ -Red)
theme_color='#E53935'
;;
- -orange)
+ -Orange)
theme_color='#F57C00'
;;
- -yellow)
+ -Yellow)
theme_color='#FBC02D'
;;
- -green)
+ -Green)
theme_color='#4CAF50'
;;
- -teal)
+ -Teal)
theme_color='#009688'
;;
- -grey)
+ -Grey)
theme_color='#464646'
;;
esac
- if [[ "$ctype" == '-nord' ]]; then
+ if [[ "$ctype" == '-Nord' ]]; then
case "$theme" in
'')
theme_color='#5e81ac'
;;
- -purple)
+ -Purple)
theme_color='#b57daa'
;;
- -pink)
+ -Pink)
theme_color='#cd7092'
;;
- -red)
+ -Red)
theme_color='#c35b65'
;;
- -orange)
+ -Orange)
theme_color='#d0846c'
;;
- -yellow)
+ -Yellow)
theme_color='#e4b558'
;;
- -green)
+ -Green)
theme_color='#82ac5d'
;;
- -teal)
+ -Teal)
theme_color='#83b9b8'
;;
- -grey)
+ -Grey)
theme_color='#3a4150'
;;
esac
fi
- if [[ "$ctype" == '-dracula' ]]; then
+ if [[ "$ctype" == '-Dracula' ]]; then
case "$theme" in
'')
theme_color='#a679ec'
;;
- -purple)
+ -Purple)
theme_color='#a679ec'
;;
- -pink)
+ -Pink)
theme_color='#f04cab'
;;
- -red)
+ -Red)
theme_color='#f44d4d'
;;
- -orange)
+ -Orange)
theme_color='#f8a854'
;;
- -yellow)
+ -Yellow)
theme_color='#e8f467'
;;
- -green)
+ -Green)
theme_color='#4be772'
;;
- -teal)
+ -Teal)
theme_color='#20eed9'
;;
- -grey)
+ -Grey)
theme_color='#3c3f51'
;;
esac
@@ -112,91 +112,91 @@ make_gtkrc() {
'')
theme_color='#5b9bf8'
;;
- -purple)
+ -Purple)
theme_color='#BA68C8'
;;
- -pink)
+ -Pink)
theme_color='#F06292'
;;
- -red)
+ -Red)
theme_color='#F44336'
;;
- -orange)
+ -Orange)
theme_color='#FB8C00'
;;
- -yellow)
+ -Yellow)
theme_color='#FFD600'
;;
- -green)
+ -Green)
theme_color='#66BB6A'
;;
- -teal)
+ -Teal)
theme_color='#4DB6AC'
;;
- -grey)
+ -Grey)
theme_color='#DDDDDD'
;;
esac
- if [[ "$ctype" == '-nord' ]]; then
+ if [[ "$ctype" == '-Nord' ]]; then
case "$theme" in
'')
theme_color='#89a3c2'
;;
- -purple)
+ -Purple)
theme_color='#c89dbf'
;;
- -pink)
+ -Pink)
theme_color='#dc98b1'
;;
- -red)
+ -Red)
theme_color='#d4878f'
;;
- -orange)
+ -Orange)
theme_color='#dca493'
;;
- -yellow)
+ -Yellow)
theme_color='#eac985'
;;
- -green)
+ -Green)
theme_color='#a0c082'
;;
- -teal)
+ -Teal)
theme_color='#83b9b8'
;;
- -grey)
+ -Grey)
theme_color='#d9dce3'
;;
esac
fi
- if [[ "$ctype" == '-dracula' ]]; then
+ if [[ "$ctype" == '-Dracula' ]]; then
case "$theme" in
'')
theme_color='#bd93f9'
;;
- -purple)
+ -Purple)
theme_color='#bd93f9'
;;
- -pink)
+ -Pink)
theme_color='#ff79c6'
;;
- -red)
+ -Red)
theme_color='#ff5555'
;;
- -orange)
+ -Orange)
theme_color='#ffb86c'
;;
- -yellow)
+ -Yellow)
theme_color='#f1fa8c'
;;
- -green)
+ -Green)
theme_color='#50fa7b'
;;
- -teal)
+ -Teal)
theme_color='#50fae9'
;;
- -grey)
+ -Grey)
theme_color='#d9dae3'
;;
esac
@@ -213,7 +213,7 @@ make_gtkrc() {
titlebar_light='#F2F2F2'
titlebar_dark='#030303'
;;
- -nord)
+ -Nord)
background_light='#f8fafc'
background_dark='#0d0e11'
background_darker='#0f1115'
@@ -221,7 +221,7 @@ make_gtkrc() {
titlebar_light='#f0f1f4'
titlebar_dark='#020203'
;;
- -dracula)
+ -Dracula)
background_light='#f9f9fb'
background_dark='#0d0d11'
background_darker='#0f1015'
@@ -240,7 +240,7 @@ make_gtkrc() {
titlebar_light='#F2F2F2'
titlebar_dark='#242424'
;;
- -nord)
+ -Nord)
background_light='#f8fafc'
background_dark='#242932'
background_darker='#333a47'
@@ -248,7 +248,7 @@ make_gtkrc() {
titlebar_light='#f0f1f4'
titlebar_dark='#1e222a'
;;
- -dracula)
+ -Dracula)
background_light='#f9f9fb'
background_dark='#242632'
background_darker='#343746'
@@ -264,7 +264,7 @@ make_gtkrc() {
sed -i "s/#2C2C2C/${background_dark}/g" "${THEME_DIR}/gtk-2.0/gtkrc"
sed -i "s/#464646/${background_alt}/g" "${THEME_DIR}/gtk-2.0/gtkrc"
- if [[ "${color}" == '-dark' ]]; then
+ if [[ "${color}" == '-Dark' ]]; then
sed -i "s/#5b9bf8/${theme_color}/g" "${THEME_DIR}/gtk-2.0/gtkrc"
sed -i "s/#3C3C3C/${background_darker}/g" "${THEME_DIR}/gtk-2.0/gtkrc"
sed -i "s/#242424/${titlebar_dark}/g" "${THEME_DIR}/gtk-2.0/gtkrc"
diff --git a/install.sh b/install.sh
index 2b62a895..596d9520 100755
--- a/install.sh
+++ b/install.sh
@@ -23,9 +23,9 @@ fi
SASSC_OPT="-M -t expanded"
THEME_NAME=Colloid
-THEME_VARIANTS=('' '-purple' '-pink' '-red' '-orange' '-yellow' '-green' '-teal' '-grey')
-COLOR_VARIANTS=('' '-light' '-dark')
-SIZE_VARIANTS=('' '-compact')
+THEME_VARIANTS=('' '-Purple' '-Pink' '-Red' '-Orange' '-Yellow' '-Green' '-Teal' '-Grey')
+COLOR_VARIANTS=('' '-Light' '-Dark')
+SIZE_VARIANTS=('' '-Compact')
if [[ "$(command -v gnome-shell)" ]]; then
gnome-shell --version
@@ -53,9 +53,9 @@ OPTIONS:
-t, --theme VARIANT Specify theme color variant(s) [default|purple|pink|red|orange|yellow|green|teal|grey|all] (Default: blue)
- -c, --color VARIANT Specify color variant(s) [standard|light|dark] (Default: All variants)s)
+ -c, --color VARIANT Specify color variant(s) [standard|light|dark] (Default: All variants))
- -s, --size VARIANT Specify size variant [standard|compact] (Default: standard variants)
+ -s, --size VARIANT Specify size variant [standard|compact] (Default: standard variant)
--tweaks Specify versions for tweaks [nord|dracula|black|rimless|normal] (only nord and dracula can not mix use with!)
1. nord: Nord ColorScheme version
@@ -77,8 +77,8 @@ install() {
local ctype="${6}"
local window="${7}"
- [[ "${color}" == '-light' ]] && local ELSE_LIGHT="${color}"
- [[ "${color}" == '-dark' ]] && local ELSE_DARK="${color}"
+ [[ "${color}" == '-Light' ]] && local ELSE_LIGHT="${color}"
+ [[ "${color}" == '-Dark' ]] && local ELSE_DARK="${color}"
local THEME_DIR="${1}/${2}${3}${4}${5}${6}"
@@ -127,14 +127,14 @@ install() {
cp -r "${SRC_DIR}/assets/gtk/scalable" "${THEME_DIR}/gtk-3.0/assets"
cp -r "${SRC_DIR}/assets/gtk/thumbnails/thumbnail${theme}${ctype}${ELSE_DARK:-}.png" "${THEME_DIR}/gtk-3.0/thumbnail.png"
sassc $SASSC_OPT "${SRC_DIR}/main/gtk-3.0/gtk${color}.scss" "${THEME_DIR}/gtk-3.0/gtk.css"
- sassc $SASSC_OPT "${SRC_DIR}/main/gtk-3.0/gtk-dark.scss" "${THEME_DIR}/gtk-3.0/gtk-dark.css"
+ sassc $SASSC_OPT "${SRC_DIR}/main/gtk-3.0/gtk-Dark.scss" "${THEME_DIR}/gtk-3.0/gtk-dark.css"
mkdir -p "${THEME_DIR}/gtk-4.0"
cp -r "${SRC_DIR}/assets/gtk/assets${theme}${ctype}" "${THEME_DIR}/gtk-4.0/assets"
cp -r "${SRC_DIR}/assets/gtk/scalable" "${THEME_DIR}/gtk-4.0/assets"
cp -r "${SRC_DIR}/assets/gtk/thumbnails/thumbnail${theme}${ctype}${ELSE_DARK:-}.png" "${THEME_DIR}/gtk-4.0/thumbnail.png"
sassc $SASSC_OPT "${SRC_DIR}/main/gtk-4.0/gtk${color}.scss" "${THEME_DIR}/gtk-4.0/gtk.css"
- sassc $SASSC_OPT "${SRC_DIR}/main/gtk-4.0/gtk-dark.scss" "${THEME_DIR}/gtk-4.0/gtk-dark.css"
+ sassc $SASSC_OPT "${SRC_DIR}/main/gtk-4.0/gtk-Dark.scss" "${THEME_DIR}/gtk-4.0/gtk-dark.css"
# link gtk4.0 for libadwaita
mkdir -p "${HOME}/.config/gtk-4.0"
@@ -169,10 +169,10 @@ install() {
sed -i "s/button_offset=6/button_offset=12/" "${THEME_DIR}-xhdpi/xfwm4/themerc"
mkdir -p "${THEME_DIR}/plank"
- if [[ "$color" == '-light' ]]; then
- cp -r "${SRC_DIR}/main/plank/theme-light${ctype}/"* "${THEME_DIR}/plank"
+ if [[ "$color" == '-Light' ]]; then
+ cp -r "${SRC_DIR}/main/plank/theme-Light${ctype}/"* "${THEME_DIR}/plank"
else
- cp -r "${SRC_DIR}/main/plank/theme-dark${ctype}/"* "${THEME_DIR}/plank"
+ cp -r "${SRC_DIR}/main/plank/theme-Dark${ctype}/"* "${THEME_DIR}/plank"
fi
}
@@ -307,13 +307,13 @@ while [[ $# -gt 0 ]]; do
case "$variant" in
nord)
nord="true"
- ctype="-nord"
+ ctype="-Nord"
echo -e "Install Nord ColorScheme version! ..."
shift
;;
dracula)
dracula="true"
- ctype="-dracula"
+ ctype="-Dracula"
echo -e "Install Dracula ColorScheme version! ..."
shift
;;
@@ -329,7 +329,7 @@ while [[ $# -gt 0 ]]; do
;;
normal)
normal="true"
- window="-normal"
+ window="-Normal"
echo -e "Install Normal window button version! ..."
shift
;;
@@ -391,8 +391,7 @@ install_package() {
fi
}
-sass_temp() {
- cp -rf ${SRC_DIR}/sass/gnome-shell/_common.scss ${SRC_DIR}/sass/gnome-shell/_common-temp.scss
+tweaks_temp() {
cp -rf ${SRC_DIR}/sass/_tweaks.scss ${SRC_DIR}/sass/_tweaks-temp.scss
}
@@ -423,6 +422,8 @@ normal_winbutton() {
}
gnome_shell_version() {
+ cp -rf ${SRC_DIR}/sass/gnome-shell/_common.scss ${SRC_DIR}/sass/gnome-shell/_common-temp.scss
+
sed -i "/\widgets/s/40-0/${GS_VERSION}/" ${SRC_DIR}/sass/gnome-shell/_common-temp.scss
if [[ "${GS_VERSION}" == '3-28' ]]; then
@@ -433,31 +434,32 @@ gnome_shell_version() {
theme_color() {
if [[ "$theme" != '' ]]; then
case "$theme" in
- -purple)
+ -Purple)
theme_color='purple'
;;
- -pink)
+ -Pink)
theme_color='pink'
;;
- -red)
+ -Red)
theme_color='red'
;;
- -orange)
+ -Orange)
theme_color='orange'
;;
- -yellow)
+ -Yellow)
theme_color='yellow'
;;
- -green)
+ -Green)
theme_color='green'
;;
- -teal)
+ -Teal)
theme_color='teal'
;;
- -grey)
+ -Grey)
theme_color='grey'
;;
esac
+ tweaks_temp
sed -i "/\$theme:/s/default/${theme_color}/" ${SRC_DIR}/sass/_tweaks-temp.scss
fi
}
@@ -507,7 +509,9 @@ install_theme() {
fi
}
-install_package && sass_temp && gnome_shell_version && install_theme
+./clean-old-theme.sh
+
+install_package && tweaks_temp && gnome_shell_version && install_theme
echo
echo Done.
diff --git a/src/assets/cinnamon/assets-dark/calendar-arrow-left.svg b/src/assets/cinnamon/assets-Dark/calendar-arrow-left.svg
similarity index 100%
rename from src/assets/cinnamon/assets-dark/calendar-arrow-left.svg
rename to src/assets/cinnamon/assets-Dark/calendar-arrow-left.svg
diff --git a/src/assets/cinnamon/assets-dark/calendar-arrow-right.svg b/src/assets/cinnamon/assets-Dark/calendar-arrow-right.svg
similarity index 100%
rename from src/assets/cinnamon/assets-dark/calendar-arrow-right.svg
rename to src/assets/cinnamon/assets-Dark/calendar-arrow-right.svg
diff --git a/src/assets/cinnamon/assets-dark/checkbox-off.svg b/src/assets/cinnamon/assets-Dark/checkbox-off.svg
similarity index 100%
rename from src/assets/cinnamon/assets-dark/checkbox-off.svg
rename to src/assets/cinnamon/assets-Dark/checkbox-off.svg
diff --git a/src/assets/cinnamon/assets-dark/radiobutton-off.svg b/src/assets/cinnamon/assets-Dark/radiobutton-off.svg
similarity index 100%
rename from src/assets/cinnamon/assets-dark/radiobutton-off.svg
rename to src/assets/cinnamon/assets-Dark/radiobutton-off.svg
diff --git a/src/assets/cinnamon/assets-dark/toggle-off.svg b/src/assets/cinnamon/assets-Dark/toggle-off.svg
similarity index 100%
rename from src/assets/cinnamon/assets-dark/toggle-off.svg
rename to src/assets/cinnamon/assets-Dark/toggle-off.svg
diff --git a/src/assets/cinnamon/assets-dark/trash-icon.svg b/src/assets/cinnamon/assets-Dark/trash-icon.svg
similarity index 100%
rename from src/assets/cinnamon/assets-dark/trash-icon.svg
rename to src/assets/cinnamon/assets-Dark/trash-icon.svg
diff --git a/src/assets/cinnamon/make-assets.sh b/src/assets/cinnamon/make-assets.sh
index d097664c..62b46558 100755
--- a/src/assets/cinnamon/make-assets.sh
+++ b/src/assets/cinnamon/make-assets.sh
@@ -1,122 +1,122 @@
#! /usr/bin/env bash
-for theme in '' '-purple' '-pink' '-red' '-orange' '-yellow' '-green' '-teal' '-grey'; do
- for type in '' '-nord' '-dracula'; do
+for theme in '' '-Purple' '-Pink' '-Red' '-Orange' '-Yellow' '-Green' '-Teal' '-Grey'; do
+ for type in '' '-Nord' '-Dracula'; do
case "$theme" in
'')
theme_color_dark='#3c84f7'
theme_color_light='#5b9bf8'
;;
- -purple)
+ -Purple)
theme_color_dark='#AB47BC'
theme_color_light='#BA68C8'
;;
- -pink)
+ -Pink)
theme_color_dark='#EC407A'
theme_color_light='#F06292'
;;
- -red)
+ -Red)
theme_color_dark='#E53935'
theme_color_light='#F44336'
;;
- -orange)
+ -Orange)
theme_color_dark='#F57C00'
theme_color_light='#FB8C00'
;;
- -yellow)
+ -Yellow)
theme_color_dark='#FBC02D'
theme_color_light='#FFD600'
;;
- -green)
+ -Green)
theme_color_dark='#4CAF50'
theme_color_light='#66BB6A'
;;
- -teal)
+ -Teal)
theme_color_dark='#009688'
theme_color_light='#4DB6AC'
;;
- -grey)
+ -Grey)
theme_color_dark='#464646'
theme_color_light='#DDDDDD'
;;
esac
- if [[ "$type" == '-nord' ]]; then
+ if [[ "$type" == '-Nord' ]]; then
case "$theme" in
'')
theme_color_dark='#5e81ac'
theme_color_light='#89a3c2'
;;
- -purple)
+ -Purple)
theme_color_dark='#b57daa'
theme_color_light='#c89dbf'
;;
- -pink)
+ -Pink)
theme_color_dark='#cd7092'
theme_color_light='#dc98b1'
;;
- -red)
+ -Red)
theme_color_dark='#c35b65'
theme_color_light='#d4878f'
;;
- -orange)
+ -Orange)
theme_color_dark='#d0846c'
theme_color_light='#dca493'
;;
- -yellow)
+ -Yellow)
theme_color_dark='#e4b558'
theme_color_light='#eac985'
;;
- -green)
+ -Green)
theme_color_dark='#82ac5d'
theme_color_light='#a0c082'
;;
- -teal)
+ -Teal)
theme_color_dark='#63a6a5'
theme_color_light='#83b9b8'
;;
- -grey)
+ -Grey)
theme_color_dark='#3a4150'
theme_color_light='#d9dce3'
;;
esac
fi
- if [[ "$type" == '-dracula' ]]; then
+ if [[ "$type" == '-Dracula' ]]; then
case "$theme" in
'')
theme_color_dark='#a679ec'
theme_color_light='#bd93f9'
;;
- -purple)
+ -Purple)
theme_color_dark='#a679ec'
theme_color_light='#bd93f9'
;;
- -pink)
+ -Pink)
theme_color_dark='#f04cab'
theme_color_light='#ff79c6'
;;
- -red)
+ -Red)
theme_color_dark='#f44d4d'
theme_color_light='#ff5555'
;;
- -orange)
+ -Orange)
theme_color_dark='#f8a854'
theme_color_light='#ffb86c'
;;
- -yellow)
+ -Yellow)
theme_color_dark='#e8f467'
theme_color_light='#f1fa8c'
;;
- -green)
+ -Green)
theme_color_dark='#4be772'
theme_color_light='#50fa7b'
;;
- -teal)
+ -Teal)
theme_color_dark='#20eed9'
theme_color_light='#50fae9'
;;
- -grey)
+ -Grey)
theme_color_dark='#3c3f51'
theme_color_light='#d9dae3'
;;
diff --git a/src/assets/cinnamon/theme-dracula/add-workspace-active.svg b/src/assets/cinnamon/theme-Dracula/add-workspace-active.svg
similarity index 100%
rename from src/assets/cinnamon/theme-dracula/add-workspace-active.svg
rename to src/assets/cinnamon/theme-Dracula/add-workspace-active.svg
diff --git a/src/assets/cinnamon/theme-dracula/checkbox-dark.svg b/src/assets/cinnamon/theme-Dracula/checkbox-dark.svg
similarity index 100%
rename from src/assets/cinnamon/theme-dracula/checkbox-dark.svg
rename to src/assets/cinnamon/theme-Dracula/checkbox-dark.svg
diff --git a/src/assets/cinnamon/theme-dracula/checkbox.svg b/src/assets/cinnamon/theme-Dracula/checkbox.svg
similarity index 100%
rename from src/assets/cinnamon/theme-dracula/checkbox.svg
rename to src/assets/cinnamon/theme-Dracula/checkbox.svg
diff --git a/src/assets/cinnamon/theme-dracula/corner-ripple.svg b/src/assets/cinnamon/theme-Dracula/corner-ripple.svg
similarity index 100%
rename from src/assets/cinnamon/theme-dracula/corner-ripple.svg
rename to src/assets/cinnamon/theme-Dracula/corner-ripple.svg
diff --git a/src/assets/cinnamon/theme-dracula/radiobutton-dark.svg b/src/assets/cinnamon/theme-Dracula/radiobutton-dark.svg
similarity index 100%
rename from src/assets/cinnamon/theme-dracula/radiobutton-dark.svg
rename to src/assets/cinnamon/theme-Dracula/radiobutton-dark.svg
diff --git a/src/assets/cinnamon/theme-dracula/radiobutton.svg b/src/assets/cinnamon/theme-Dracula/radiobutton.svg
similarity index 100%
rename from src/assets/cinnamon/theme-dracula/radiobutton.svg
rename to src/assets/cinnamon/theme-Dracula/radiobutton.svg
diff --git a/src/assets/cinnamon/theme-dracula/toggle-on-dark.svg b/src/assets/cinnamon/theme-Dracula/toggle-on-dark.svg
similarity index 100%
rename from src/assets/cinnamon/theme-dracula/toggle-on-dark.svg
rename to src/assets/cinnamon/theme-Dracula/toggle-on-dark.svg
diff --git a/src/assets/cinnamon/theme-dracula/toggle-on.svg b/src/assets/cinnamon/theme-Dracula/toggle-on.svg
similarity index 100%
rename from src/assets/cinnamon/theme-dracula/toggle-on.svg
rename to src/assets/cinnamon/theme-Dracula/toggle-on.svg
diff --git a/src/assets/cinnamon/theme-green-dracula/add-workspace-active.svg b/src/assets/cinnamon/theme-Green-Dracula/add-workspace-active.svg
similarity index 100%
rename from src/assets/cinnamon/theme-green-dracula/add-workspace-active.svg
rename to src/assets/cinnamon/theme-Green-Dracula/add-workspace-active.svg
diff --git a/src/assets/cinnamon/theme-green-dracula/checkbox-dark.svg b/src/assets/cinnamon/theme-Green-Dracula/checkbox-dark.svg
similarity index 100%
rename from src/assets/cinnamon/theme-green-dracula/checkbox-dark.svg
rename to src/assets/cinnamon/theme-Green-Dracula/checkbox-dark.svg
diff --git a/src/assets/cinnamon/theme-green-dracula/checkbox.svg b/src/assets/cinnamon/theme-Green-Dracula/checkbox.svg
similarity index 100%
rename from src/assets/cinnamon/theme-green-dracula/checkbox.svg
rename to src/assets/cinnamon/theme-Green-Dracula/checkbox.svg
diff --git a/src/assets/cinnamon/theme-green-dracula/corner-ripple.svg b/src/assets/cinnamon/theme-Green-Dracula/corner-ripple.svg
similarity index 100%
rename from src/assets/cinnamon/theme-green-dracula/corner-ripple.svg
rename to src/assets/cinnamon/theme-Green-Dracula/corner-ripple.svg
diff --git a/src/assets/cinnamon/theme-green-dracula/radiobutton-dark.svg b/src/assets/cinnamon/theme-Green-Dracula/radiobutton-dark.svg
similarity index 100%
rename from src/assets/cinnamon/theme-green-dracula/radiobutton-dark.svg
rename to src/assets/cinnamon/theme-Green-Dracula/radiobutton-dark.svg
diff --git a/src/assets/cinnamon/theme-green-dracula/radiobutton.svg b/src/assets/cinnamon/theme-Green-Dracula/radiobutton.svg
similarity index 100%
rename from src/assets/cinnamon/theme-green-dracula/radiobutton.svg
rename to src/assets/cinnamon/theme-Green-Dracula/radiobutton.svg
diff --git a/src/assets/cinnamon/theme-green-dracula/toggle-on-dark.svg b/src/assets/cinnamon/theme-Green-Dracula/toggle-on-dark.svg
similarity index 100%
rename from src/assets/cinnamon/theme-green-dracula/toggle-on-dark.svg
rename to src/assets/cinnamon/theme-Green-Dracula/toggle-on-dark.svg
diff --git a/src/assets/cinnamon/theme-green-dracula/toggle-on.svg b/src/assets/cinnamon/theme-Green-Dracula/toggle-on.svg
similarity index 100%
rename from src/assets/cinnamon/theme-green-dracula/toggle-on.svg
rename to src/assets/cinnamon/theme-Green-Dracula/toggle-on.svg
diff --git a/src/assets/cinnamon/theme-green-nord/add-workspace-active.svg b/src/assets/cinnamon/theme-Green-Nord/add-workspace-active.svg
similarity index 100%
rename from src/assets/cinnamon/theme-green-nord/add-workspace-active.svg
rename to src/assets/cinnamon/theme-Green-Nord/add-workspace-active.svg
diff --git a/src/assets/cinnamon/theme-green-nord/checkbox-dark.svg b/src/assets/cinnamon/theme-Green-Nord/checkbox-dark.svg
similarity index 100%
rename from src/assets/cinnamon/theme-green-nord/checkbox-dark.svg
rename to src/assets/cinnamon/theme-Green-Nord/checkbox-dark.svg
diff --git a/src/assets/cinnamon/theme-green-nord/checkbox.svg b/src/assets/cinnamon/theme-Green-Nord/checkbox.svg
similarity index 100%
rename from src/assets/cinnamon/theme-green-nord/checkbox.svg
rename to src/assets/cinnamon/theme-Green-Nord/checkbox.svg
diff --git a/src/assets/cinnamon/theme-green-nord/corner-ripple.svg b/src/assets/cinnamon/theme-Green-Nord/corner-ripple.svg
similarity index 100%
rename from src/assets/cinnamon/theme-green-nord/corner-ripple.svg
rename to src/assets/cinnamon/theme-Green-Nord/corner-ripple.svg
diff --git a/src/assets/cinnamon/theme-green-nord/radiobutton-dark.svg b/src/assets/cinnamon/theme-Green-Nord/radiobutton-dark.svg
similarity index 100%
rename from src/assets/cinnamon/theme-green-nord/radiobutton-dark.svg
rename to src/assets/cinnamon/theme-Green-Nord/radiobutton-dark.svg
diff --git a/src/assets/cinnamon/theme-green-nord/radiobutton.svg b/src/assets/cinnamon/theme-Green-Nord/radiobutton.svg
similarity index 100%
rename from src/assets/cinnamon/theme-green-nord/radiobutton.svg
rename to src/assets/cinnamon/theme-Green-Nord/radiobutton.svg
diff --git a/src/assets/cinnamon/theme-green-nord/toggle-on-dark.svg b/src/assets/cinnamon/theme-Green-Nord/toggle-on-dark.svg
similarity index 100%
rename from src/assets/cinnamon/theme-green-nord/toggle-on-dark.svg
rename to src/assets/cinnamon/theme-Green-Nord/toggle-on-dark.svg
diff --git a/src/assets/cinnamon/theme-green-nord/toggle-on.svg b/src/assets/cinnamon/theme-Green-Nord/toggle-on.svg
similarity index 100%
rename from src/assets/cinnamon/theme-green-nord/toggle-on.svg
rename to src/assets/cinnamon/theme-Green-Nord/toggle-on.svg
diff --git a/src/assets/cinnamon/theme-green/add-workspace-active.svg b/src/assets/cinnamon/theme-Green/add-workspace-active.svg
similarity index 100%
rename from src/assets/cinnamon/theme-green/add-workspace-active.svg
rename to src/assets/cinnamon/theme-Green/add-workspace-active.svg
diff --git a/src/assets/cinnamon/theme-green/checkbox-dark.svg b/src/assets/cinnamon/theme-Green/checkbox-dark.svg
similarity index 100%
rename from src/assets/cinnamon/theme-green/checkbox-dark.svg
rename to src/assets/cinnamon/theme-Green/checkbox-dark.svg
diff --git a/src/assets/cinnamon/theme-green/checkbox.svg b/src/assets/cinnamon/theme-Green/checkbox.svg
similarity index 100%
rename from src/assets/cinnamon/theme-green/checkbox.svg
rename to src/assets/cinnamon/theme-Green/checkbox.svg
diff --git a/src/assets/cinnamon/theme-green/corner-ripple.svg b/src/assets/cinnamon/theme-Green/corner-ripple.svg
similarity index 100%
rename from src/assets/cinnamon/theme-green/corner-ripple.svg
rename to src/assets/cinnamon/theme-Green/corner-ripple.svg
diff --git a/src/assets/cinnamon/theme-green/radiobutton-dark.svg b/src/assets/cinnamon/theme-Green/radiobutton-dark.svg
similarity index 100%
rename from src/assets/cinnamon/theme-green/radiobutton-dark.svg
rename to src/assets/cinnamon/theme-Green/radiobutton-dark.svg
diff --git a/src/assets/cinnamon/theme-green/radiobutton.svg b/src/assets/cinnamon/theme-Green/radiobutton.svg
similarity index 100%
rename from src/assets/cinnamon/theme-green/radiobutton.svg
rename to src/assets/cinnamon/theme-Green/radiobutton.svg
diff --git a/src/assets/cinnamon/theme-green/toggle-on-dark.svg b/src/assets/cinnamon/theme-Green/toggle-on-dark.svg
similarity index 100%
rename from src/assets/cinnamon/theme-green/toggle-on-dark.svg
rename to src/assets/cinnamon/theme-Green/toggle-on-dark.svg
diff --git a/src/assets/cinnamon/theme-green/toggle-on.svg b/src/assets/cinnamon/theme-Green/toggle-on.svg
similarity index 100%
rename from src/assets/cinnamon/theme-green/toggle-on.svg
rename to src/assets/cinnamon/theme-Green/toggle-on.svg
diff --git a/src/assets/cinnamon/theme-grey-dracula/add-workspace-active.svg b/src/assets/cinnamon/theme-Grey-Dracula/add-workspace-active.svg
similarity index 100%
rename from src/assets/cinnamon/theme-grey-dracula/add-workspace-active.svg
rename to src/assets/cinnamon/theme-Grey-Dracula/add-workspace-active.svg
diff --git a/src/assets/cinnamon/theme-grey-dracula/checkbox-dark.svg b/src/assets/cinnamon/theme-Grey-Dracula/checkbox-dark.svg
similarity index 100%
rename from src/assets/cinnamon/theme-grey-dracula/checkbox-dark.svg
rename to src/assets/cinnamon/theme-Grey-Dracula/checkbox-dark.svg
diff --git a/src/assets/cinnamon/theme-grey-dracula/checkbox.svg b/src/assets/cinnamon/theme-Grey-Dracula/checkbox.svg
similarity index 100%
rename from src/assets/cinnamon/theme-grey-dracula/checkbox.svg
rename to src/assets/cinnamon/theme-Grey-Dracula/checkbox.svg
diff --git a/src/assets/cinnamon/theme-grey-dracula/corner-ripple.svg b/src/assets/cinnamon/theme-Grey-Dracula/corner-ripple.svg
similarity index 100%
rename from src/assets/cinnamon/theme-grey-dracula/corner-ripple.svg
rename to src/assets/cinnamon/theme-Grey-Dracula/corner-ripple.svg
diff --git a/src/assets/cinnamon/theme-grey-dracula/radiobutton-dark.svg b/src/assets/cinnamon/theme-Grey-Dracula/radiobutton-dark.svg
similarity index 100%
rename from src/assets/cinnamon/theme-grey-dracula/radiobutton-dark.svg
rename to src/assets/cinnamon/theme-Grey-Dracula/radiobutton-dark.svg
diff --git a/src/assets/cinnamon/theme-grey-dracula/radiobutton.svg b/src/assets/cinnamon/theme-Grey-Dracula/radiobutton.svg
similarity index 100%
rename from src/assets/cinnamon/theme-grey-dracula/radiobutton.svg
rename to src/assets/cinnamon/theme-Grey-Dracula/radiobutton.svg
diff --git a/src/assets/cinnamon/theme-grey-dracula/toggle-on-dark.svg b/src/assets/cinnamon/theme-Grey-Dracula/toggle-on-dark.svg
similarity index 100%
rename from src/assets/cinnamon/theme-grey-dracula/toggle-on-dark.svg
rename to src/assets/cinnamon/theme-Grey-Dracula/toggle-on-dark.svg
diff --git a/src/assets/cinnamon/theme-grey-dracula/toggle-on.svg b/src/assets/cinnamon/theme-Grey-Dracula/toggle-on.svg
similarity index 100%
rename from src/assets/cinnamon/theme-grey-dracula/toggle-on.svg
rename to src/assets/cinnamon/theme-Grey-Dracula/toggle-on.svg
diff --git a/src/assets/cinnamon/theme-grey-nord/add-workspace-active.svg b/src/assets/cinnamon/theme-Grey-Nord/add-workspace-active.svg
similarity index 100%
rename from src/assets/cinnamon/theme-grey-nord/add-workspace-active.svg
rename to src/assets/cinnamon/theme-Grey-Nord/add-workspace-active.svg
diff --git a/src/assets/cinnamon/theme-grey-nord/checkbox-dark.svg b/src/assets/cinnamon/theme-Grey-Nord/checkbox-dark.svg
similarity index 100%
rename from src/assets/cinnamon/theme-grey-nord/checkbox-dark.svg
rename to src/assets/cinnamon/theme-Grey-Nord/checkbox-dark.svg
diff --git a/src/assets/cinnamon/theme-grey-nord/checkbox.svg b/src/assets/cinnamon/theme-Grey-Nord/checkbox.svg
similarity index 100%
rename from src/assets/cinnamon/theme-grey-nord/checkbox.svg
rename to src/assets/cinnamon/theme-Grey-Nord/checkbox.svg
diff --git a/src/assets/cinnamon/theme-grey-nord/corner-ripple.svg b/src/assets/cinnamon/theme-Grey-Nord/corner-ripple.svg
similarity index 100%
rename from src/assets/cinnamon/theme-grey-nord/corner-ripple.svg
rename to src/assets/cinnamon/theme-Grey-Nord/corner-ripple.svg
diff --git a/src/assets/cinnamon/theme-grey-nord/radiobutton-dark.svg b/src/assets/cinnamon/theme-Grey-Nord/radiobutton-dark.svg
similarity index 100%
rename from src/assets/cinnamon/theme-grey-nord/radiobutton-dark.svg
rename to src/assets/cinnamon/theme-Grey-Nord/radiobutton-dark.svg
diff --git a/src/assets/cinnamon/theme-grey-nord/radiobutton.svg b/src/assets/cinnamon/theme-Grey-Nord/radiobutton.svg
similarity index 100%
rename from src/assets/cinnamon/theme-grey-nord/radiobutton.svg
rename to src/assets/cinnamon/theme-Grey-Nord/radiobutton.svg
diff --git a/src/assets/cinnamon/theme-grey-nord/toggle-on-dark.svg b/src/assets/cinnamon/theme-Grey-Nord/toggle-on-dark.svg
similarity index 100%
rename from src/assets/cinnamon/theme-grey-nord/toggle-on-dark.svg
rename to src/assets/cinnamon/theme-Grey-Nord/toggle-on-dark.svg
diff --git a/src/assets/cinnamon/theme-grey-nord/toggle-on.svg b/src/assets/cinnamon/theme-Grey-Nord/toggle-on.svg
similarity index 100%
rename from src/assets/cinnamon/theme-grey-nord/toggle-on.svg
rename to src/assets/cinnamon/theme-Grey-Nord/toggle-on.svg
diff --git a/src/assets/cinnamon/theme-grey/add-workspace-active.svg b/src/assets/cinnamon/theme-Grey/add-workspace-active.svg
similarity index 100%
rename from src/assets/cinnamon/theme-grey/add-workspace-active.svg
rename to src/assets/cinnamon/theme-Grey/add-workspace-active.svg
diff --git a/src/assets/cinnamon/theme-grey/checkbox-dark.svg b/src/assets/cinnamon/theme-Grey/checkbox-dark.svg
similarity index 100%
rename from src/assets/cinnamon/theme-grey/checkbox-dark.svg
rename to src/assets/cinnamon/theme-Grey/checkbox-dark.svg
diff --git a/src/assets/cinnamon/theme-grey/checkbox.svg b/src/assets/cinnamon/theme-Grey/checkbox.svg
similarity index 100%
rename from src/assets/cinnamon/theme-grey/checkbox.svg
rename to src/assets/cinnamon/theme-Grey/checkbox.svg
diff --git a/src/assets/cinnamon/theme-grey/corner-ripple.svg b/src/assets/cinnamon/theme-Grey/corner-ripple.svg
similarity index 100%
rename from src/assets/cinnamon/theme-grey/corner-ripple.svg
rename to src/assets/cinnamon/theme-Grey/corner-ripple.svg
diff --git a/src/assets/cinnamon/theme-grey/radiobutton-dark.svg b/src/assets/cinnamon/theme-Grey/radiobutton-dark.svg
similarity index 100%
rename from src/assets/cinnamon/theme-grey/radiobutton-dark.svg
rename to src/assets/cinnamon/theme-Grey/radiobutton-dark.svg
diff --git a/src/assets/cinnamon/theme-grey/radiobutton.svg b/src/assets/cinnamon/theme-Grey/radiobutton.svg
similarity index 100%
rename from src/assets/cinnamon/theme-grey/radiobutton.svg
rename to src/assets/cinnamon/theme-Grey/radiobutton.svg
diff --git a/src/assets/cinnamon/theme-grey/toggle-on-dark.svg b/src/assets/cinnamon/theme-Grey/toggle-on-dark.svg
similarity index 100%
rename from src/assets/cinnamon/theme-grey/toggle-on-dark.svg
rename to src/assets/cinnamon/theme-Grey/toggle-on-dark.svg
diff --git a/src/assets/cinnamon/theme-grey/toggle-on.svg b/src/assets/cinnamon/theme-Grey/toggle-on.svg
similarity index 100%
rename from src/assets/cinnamon/theme-grey/toggle-on.svg
rename to src/assets/cinnamon/theme-Grey/toggle-on.svg
diff --git a/src/assets/cinnamon/theme-nord/add-workspace-active.svg b/src/assets/cinnamon/theme-Nord/add-workspace-active.svg
similarity index 100%
rename from src/assets/cinnamon/theme-nord/add-workspace-active.svg
rename to src/assets/cinnamon/theme-Nord/add-workspace-active.svg
diff --git a/src/assets/cinnamon/theme-nord/checkbox-dark.svg b/src/assets/cinnamon/theme-Nord/checkbox-dark.svg
similarity index 100%
rename from src/assets/cinnamon/theme-nord/checkbox-dark.svg
rename to src/assets/cinnamon/theme-Nord/checkbox-dark.svg
diff --git a/src/assets/cinnamon/theme-nord/checkbox.svg b/src/assets/cinnamon/theme-Nord/checkbox.svg
similarity index 100%
rename from src/assets/cinnamon/theme-nord/checkbox.svg
rename to src/assets/cinnamon/theme-Nord/checkbox.svg
diff --git a/src/assets/cinnamon/theme-nord/corner-ripple.svg b/src/assets/cinnamon/theme-Nord/corner-ripple.svg
similarity index 100%
rename from src/assets/cinnamon/theme-nord/corner-ripple.svg
rename to src/assets/cinnamon/theme-Nord/corner-ripple.svg
diff --git a/src/assets/cinnamon/theme-nord/radiobutton-dark.svg b/src/assets/cinnamon/theme-Nord/radiobutton-dark.svg
similarity index 100%
rename from src/assets/cinnamon/theme-nord/radiobutton-dark.svg
rename to src/assets/cinnamon/theme-Nord/radiobutton-dark.svg
diff --git a/src/assets/cinnamon/theme-nord/radiobutton.svg b/src/assets/cinnamon/theme-Nord/radiobutton.svg
similarity index 100%
rename from src/assets/cinnamon/theme-nord/radiobutton.svg
rename to src/assets/cinnamon/theme-Nord/radiobutton.svg
diff --git a/src/assets/cinnamon/theme-nord/toggle-on-dark.svg b/src/assets/cinnamon/theme-Nord/toggle-on-dark.svg
similarity index 100%
rename from src/assets/cinnamon/theme-nord/toggle-on-dark.svg
rename to src/assets/cinnamon/theme-Nord/toggle-on-dark.svg
diff --git a/src/assets/cinnamon/theme-nord/toggle-on.svg b/src/assets/cinnamon/theme-Nord/toggle-on.svg
similarity index 100%
rename from src/assets/cinnamon/theme-nord/toggle-on.svg
rename to src/assets/cinnamon/theme-Nord/toggle-on.svg
diff --git a/src/assets/cinnamon/theme-orange-dracula/add-workspace-active.svg b/src/assets/cinnamon/theme-Orange-Dracula/add-workspace-active.svg
similarity index 100%
rename from src/assets/cinnamon/theme-orange-dracula/add-workspace-active.svg
rename to src/assets/cinnamon/theme-Orange-Dracula/add-workspace-active.svg
diff --git a/src/assets/cinnamon/theme-orange-dracula/checkbox-dark.svg b/src/assets/cinnamon/theme-Orange-Dracula/checkbox-dark.svg
similarity index 100%
rename from src/assets/cinnamon/theme-orange-dracula/checkbox-dark.svg
rename to src/assets/cinnamon/theme-Orange-Dracula/checkbox-dark.svg
diff --git a/src/assets/cinnamon/theme-orange-dracula/checkbox.svg b/src/assets/cinnamon/theme-Orange-Dracula/checkbox.svg
similarity index 100%
rename from src/assets/cinnamon/theme-orange-dracula/checkbox.svg
rename to src/assets/cinnamon/theme-Orange-Dracula/checkbox.svg
diff --git a/src/assets/cinnamon/theme-orange-dracula/corner-ripple.svg b/src/assets/cinnamon/theme-Orange-Dracula/corner-ripple.svg
similarity index 100%
rename from src/assets/cinnamon/theme-orange-dracula/corner-ripple.svg
rename to src/assets/cinnamon/theme-Orange-Dracula/corner-ripple.svg
diff --git a/src/assets/cinnamon/theme-orange-dracula/radiobutton-dark.svg b/src/assets/cinnamon/theme-Orange-Dracula/radiobutton-dark.svg
similarity index 100%
rename from src/assets/cinnamon/theme-orange-dracula/radiobutton-dark.svg
rename to src/assets/cinnamon/theme-Orange-Dracula/radiobutton-dark.svg
diff --git a/src/assets/cinnamon/theme-orange-dracula/radiobutton.svg b/src/assets/cinnamon/theme-Orange-Dracula/radiobutton.svg
similarity index 100%
rename from src/assets/cinnamon/theme-orange-dracula/radiobutton.svg
rename to src/assets/cinnamon/theme-Orange-Dracula/radiobutton.svg
diff --git a/src/assets/cinnamon/theme-orange-dracula/toggle-on-dark.svg b/src/assets/cinnamon/theme-Orange-Dracula/toggle-on-dark.svg
similarity index 100%
rename from src/assets/cinnamon/theme-orange-dracula/toggle-on-dark.svg
rename to src/assets/cinnamon/theme-Orange-Dracula/toggle-on-dark.svg
diff --git a/src/assets/cinnamon/theme-orange-dracula/toggle-on.svg b/src/assets/cinnamon/theme-Orange-Dracula/toggle-on.svg
similarity index 100%
rename from src/assets/cinnamon/theme-orange-dracula/toggle-on.svg
rename to src/assets/cinnamon/theme-Orange-Dracula/toggle-on.svg
diff --git a/src/assets/cinnamon/theme-orange-nord/add-workspace-active.svg b/src/assets/cinnamon/theme-Orange-Nord/add-workspace-active.svg
similarity index 100%
rename from src/assets/cinnamon/theme-orange-nord/add-workspace-active.svg
rename to src/assets/cinnamon/theme-Orange-Nord/add-workspace-active.svg
diff --git a/src/assets/cinnamon/theme-orange-nord/checkbox-dark.svg b/src/assets/cinnamon/theme-Orange-Nord/checkbox-dark.svg
similarity index 100%
rename from src/assets/cinnamon/theme-orange-nord/checkbox-dark.svg
rename to src/assets/cinnamon/theme-Orange-Nord/checkbox-dark.svg
diff --git a/src/assets/cinnamon/theme-orange-nord/checkbox.svg b/src/assets/cinnamon/theme-Orange-Nord/checkbox.svg
similarity index 100%
rename from src/assets/cinnamon/theme-orange-nord/checkbox.svg
rename to src/assets/cinnamon/theme-Orange-Nord/checkbox.svg
diff --git a/src/assets/cinnamon/theme-orange-nord/corner-ripple.svg b/src/assets/cinnamon/theme-Orange-Nord/corner-ripple.svg
similarity index 100%
rename from src/assets/cinnamon/theme-orange-nord/corner-ripple.svg
rename to src/assets/cinnamon/theme-Orange-Nord/corner-ripple.svg
diff --git a/src/assets/cinnamon/theme-orange-nord/radiobutton-dark.svg b/src/assets/cinnamon/theme-Orange-Nord/radiobutton-dark.svg
similarity index 100%
rename from src/assets/cinnamon/theme-orange-nord/radiobutton-dark.svg
rename to src/assets/cinnamon/theme-Orange-Nord/radiobutton-dark.svg
diff --git a/src/assets/cinnamon/theme-orange-nord/radiobutton.svg b/src/assets/cinnamon/theme-Orange-Nord/radiobutton.svg
similarity index 100%
rename from src/assets/cinnamon/theme-orange-nord/radiobutton.svg
rename to src/assets/cinnamon/theme-Orange-Nord/radiobutton.svg
diff --git a/src/assets/cinnamon/theme-orange-nord/toggle-on-dark.svg b/src/assets/cinnamon/theme-Orange-Nord/toggle-on-dark.svg
similarity index 100%
rename from src/assets/cinnamon/theme-orange-nord/toggle-on-dark.svg
rename to src/assets/cinnamon/theme-Orange-Nord/toggle-on-dark.svg
diff --git a/src/assets/cinnamon/theme-orange-nord/toggle-on.svg b/src/assets/cinnamon/theme-Orange-Nord/toggle-on.svg
similarity index 100%
rename from src/assets/cinnamon/theme-orange-nord/toggle-on.svg
rename to src/assets/cinnamon/theme-Orange-Nord/toggle-on.svg
diff --git a/src/assets/cinnamon/theme-orange/add-workspace-active.svg b/src/assets/cinnamon/theme-Orange/add-workspace-active.svg
similarity index 100%
rename from src/assets/cinnamon/theme-orange/add-workspace-active.svg
rename to src/assets/cinnamon/theme-Orange/add-workspace-active.svg
diff --git a/src/assets/cinnamon/theme-orange/checkbox-dark.svg b/src/assets/cinnamon/theme-Orange/checkbox-dark.svg
similarity index 100%
rename from src/assets/cinnamon/theme-orange/checkbox-dark.svg
rename to src/assets/cinnamon/theme-Orange/checkbox-dark.svg
diff --git a/src/assets/cinnamon/theme-orange/checkbox.svg b/src/assets/cinnamon/theme-Orange/checkbox.svg
similarity index 100%
rename from src/assets/cinnamon/theme-orange/checkbox.svg
rename to src/assets/cinnamon/theme-Orange/checkbox.svg
diff --git a/src/assets/cinnamon/theme-orange/corner-ripple.svg b/src/assets/cinnamon/theme-Orange/corner-ripple.svg
similarity index 100%
rename from src/assets/cinnamon/theme-orange/corner-ripple.svg
rename to src/assets/cinnamon/theme-Orange/corner-ripple.svg
diff --git a/src/assets/cinnamon/theme-orange/radiobutton-dark.svg b/src/assets/cinnamon/theme-Orange/radiobutton-dark.svg
similarity index 100%
rename from src/assets/cinnamon/theme-orange/radiobutton-dark.svg
rename to src/assets/cinnamon/theme-Orange/radiobutton-dark.svg
diff --git a/src/assets/cinnamon/theme-orange/radiobutton.svg b/src/assets/cinnamon/theme-Orange/radiobutton.svg
similarity index 100%
rename from src/assets/cinnamon/theme-orange/radiobutton.svg
rename to src/assets/cinnamon/theme-Orange/radiobutton.svg
diff --git a/src/assets/cinnamon/theme-orange/toggle-on-dark.svg b/src/assets/cinnamon/theme-Orange/toggle-on-dark.svg
similarity index 100%
rename from src/assets/cinnamon/theme-orange/toggle-on-dark.svg
rename to src/assets/cinnamon/theme-Orange/toggle-on-dark.svg
diff --git a/src/assets/cinnamon/theme-orange/toggle-on.svg b/src/assets/cinnamon/theme-Orange/toggle-on.svg
similarity index 100%
rename from src/assets/cinnamon/theme-orange/toggle-on.svg
rename to src/assets/cinnamon/theme-Orange/toggle-on.svg
diff --git a/src/assets/cinnamon/theme-pink-dracula/add-workspace-active.svg b/src/assets/cinnamon/theme-Pink-Dracula/add-workspace-active.svg
similarity index 100%
rename from src/assets/cinnamon/theme-pink-dracula/add-workspace-active.svg
rename to src/assets/cinnamon/theme-Pink-Dracula/add-workspace-active.svg
diff --git a/src/assets/cinnamon/theme-pink-dracula/checkbox-dark.svg b/src/assets/cinnamon/theme-Pink-Dracula/checkbox-dark.svg
similarity index 100%
rename from src/assets/cinnamon/theme-pink-dracula/checkbox-dark.svg
rename to src/assets/cinnamon/theme-Pink-Dracula/checkbox-dark.svg
diff --git a/src/assets/cinnamon/theme-pink-dracula/checkbox.svg b/src/assets/cinnamon/theme-Pink-Dracula/checkbox.svg
similarity index 100%
rename from src/assets/cinnamon/theme-pink-dracula/checkbox.svg
rename to src/assets/cinnamon/theme-Pink-Dracula/checkbox.svg
diff --git a/src/assets/cinnamon/theme-pink-dracula/corner-ripple.svg b/src/assets/cinnamon/theme-Pink-Dracula/corner-ripple.svg
similarity index 100%
rename from src/assets/cinnamon/theme-pink-dracula/corner-ripple.svg
rename to src/assets/cinnamon/theme-Pink-Dracula/corner-ripple.svg
diff --git a/src/assets/cinnamon/theme-pink-dracula/radiobutton-dark.svg b/src/assets/cinnamon/theme-Pink-Dracula/radiobutton-dark.svg
similarity index 100%
rename from src/assets/cinnamon/theme-pink-dracula/radiobutton-dark.svg
rename to src/assets/cinnamon/theme-Pink-Dracula/radiobutton-dark.svg
diff --git a/src/assets/cinnamon/theme-pink-dracula/radiobutton.svg b/src/assets/cinnamon/theme-Pink-Dracula/radiobutton.svg
similarity index 100%
rename from src/assets/cinnamon/theme-pink-dracula/radiobutton.svg
rename to src/assets/cinnamon/theme-Pink-Dracula/radiobutton.svg
diff --git a/src/assets/cinnamon/theme-pink-dracula/toggle-on-dark.svg b/src/assets/cinnamon/theme-Pink-Dracula/toggle-on-dark.svg
similarity index 100%
rename from src/assets/cinnamon/theme-pink-dracula/toggle-on-dark.svg
rename to src/assets/cinnamon/theme-Pink-Dracula/toggle-on-dark.svg
diff --git a/src/assets/cinnamon/theme-pink-dracula/toggle-on.svg b/src/assets/cinnamon/theme-Pink-Dracula/toggle-on.svg
similarity index 100%
rename from src/assets/cinnamon/theme-pink-dracula/toggle-on.svg
rename to src/assets/cinnamon/theme-Pink-Dracula/toggle-on.svg
diff --git a/src/assets/cinnamon/theme-pink-nord/add-workspace-active.svg b/src/assets/cinnamon/theme-Pink-Nord/add-workspace-active.svg
similarity index 100%
rename from src/assets/cinnamon/theme-pink-nord/add-workspace-active.svg
rename to src/assets/cinnamon/theme-Pink-Nord/add-workspace-active.svg
diff --git a/src/assets/cinnamon/theme-pink-nord/checkbox-dark.svg b/src/assets/cinnamon/theme-Pink-Nord/checkbox-dark.svg
similarity index 100%
rename from src/assets/cinnamon/theme-pink-nord/checkbox-dark.svg
rename to src/assets/cinnamon/theme-Pink-Nord/checkbox-dark.svg
diff --git a/src/assets/cinnamon/theme-pink-nord/checkbox.svg b/src/assets/cinnamon/theme-Pink-Nord/checkbox.svg
similarity index 100%
rename from src/assets/cinnamon/theme-pink-nord/checkbox.svg
rename to src/assets/cinnamon/theme-Pink-Nord/checkbox.svg
diff --git a/src/assets/cinnamon/theme-pink-nord/corner-ripple.svg b/src/assets/cinnamon/theme-Pink-Nord/corner-ripple.svg
similarity index 100%
rename from src/assets/cinnamon/theme-pink-nord/corner-ripple.svg
rename to src/assets/cinnamon/theme-Pink-Nord/corner-ripple.svg
diff --git a/src/assets/cinnamon/theme-pink-nord/radiobutton-dark.svg b/src/assets/cinnamon/theme-Pink-Nord/radiobutton-dark.svg
similarity index 100%
rename from src/assets/cinnamon/theme-pink-nord/radiobutton-dark.svg
rename to src/assets/cinnamon/theme-Pink-Nord/radiobutton-dark.svg
diff --git a/src/assets/cinnamon/theme-pink-nord/radiobutton.svg b/src/assets/cinnamon/theme-Pink-Nord/radiobutton.svg
similarity index 100%
rename from src/assets/cinnamon/theme-pink-nord/radiobutton.svg
rename to src/assets/cinnamon/theme-Pink-Nord/radiobutton.svg
diff --git a/src/assets/cinnamon/theme-pink-nord/toggle-on-dark.svg b/src/assets/cinnamon/theme-Pink-Nord/toggle-on-dark.svg
similarity index 100%
rename from src/assets/cinnamon/theme-pink-nord/toggle-on-dark.svg
rename to src/assets/cinnamon/theme-Pink-Nord/toggle-on-dark.svg
diff --git a/src/assets/cinnamon/theme-pink-nord/toggle-on.svg b/src/assets/cinnamon/theme-Pink-Nord/toggle-on.svg
similarity index 100%
rename from src/assets/cinnamon/theme-pink-nord/toggle-on.svg
rename to src/assets/cinnamon/theme-Pink-Nord/toggle-on.svg
diff --git a/src/assets/cinnamon/theme-pink/add-workspace-active.svg b/src/assets/cinnamon/theme-Pink/add-workspace-active.svg
similarity index 100%
rename from src/assets/cinnamon/theme-pink/add-workspace-active.svg
rename to src/assets/cinnamon/theme-Pink/add-workspace-active.svg
diff --git a/src/assets/cinnamon/theme-pink/checkbox-dark.svg b/src/assets/cinnamon/theme-Pink/checkbox-dark.svg
similarity index 100%
rename from src/assets/cinnamon/theme-pink/checkbox-dark.svg
rename to src/assets/cinnamon/theme-Pink/checkbox-dark.svg
diff --git a/src/assets/cinnamon/theme-pink/checkbox.svg b/src/assets/cinnamon/theme-Pink/checkbox.svg
similarity index 100%
rename from src/assets/cinnamon/theme-pink/checkbox.svg
rename to src/assets/cinnamon/theme-Pink/checkbox.svg
diff --git a/src/assets/cinnamon/theme-pink/corner-ripple.svg b/src/assets/cinnamon/theme-Pink/corner-ripple.svg
similarity index 100%
rename from src/assets/cinnamon/theme-pink/corner-ripple.svg
rename to src/assets/cinnamon/theme-Pink/corner-ripple.svg
diff --git a/src/assets/cinnamon/theme-pink/radiobutton-dark.svg b/src/assets/cinnamon/theme-Pink/radiobutton-dark.svg
similarity index 100%
rename from src/assets/cinnamon/theme-pink/radiobutton-dark.svg
rename to src/assets/cinnamon/theme-Pink/radiobutton-dark.svg
diff --git a/src/assets/cinnamon/theme-pink/radiobutton.svg b/src/assets/cinnamon/theme-Pink/radiobutton.svg
similarity index 100%
rename from src/assets/cinnamon/theme-pink/radiobutton.svg
rename to src/assets/cinnamon/theme-Pink/radiobutton.svg
diff --git a/src/assets/cinnamon/theme-pink/toggle-on-dark.svg b/src/assets/cinnamon/theme-Pink/toggle-on-dark.svg
similarity index 100%
rename from src/assets/cinnamon/theme-pink/toggle-on-dark.svg
rename to src/assets/cinnamon/theme-Pink/toggle-on-dark.svg
diff --git a/src/assets/cinnamon/theme-pink/toggle-on.svg b/src/assets/cinnamon/theme-Pink/toggle-on.svg
similarity index 100%
rename from src/assets/cinnamon/theme-pink/toggle-on.svg
rename to src/assets/cinnamon/theme-Pink/toggle-on.svg
diff --git a/src/assets/cinnamon/theme-purple-dracula/add-workspace-active.svg b/src/assets/cinnamon/theme-Purple-Dracula/add-workspace-active.svg
similarity index 100%
rename from src/assets/cinnamon/theme-purple-dracula/add-workspace-active.svg
rename to src/assets/cinnamon/theme-Purple-Dracula/add-workspace-active.svg
diff --git a/src/assets/cinnamon/theme-purple-dracula/checkbox-dark.svg b/src/assets/cinnamon/theme-Purple-Dracula/checkbox-dark.svg
similarity index 100%
rename from src/assets/cinnamon/theme-purple-dracula/checkbox-dark.svg
rename to src/assets/cinnamon/theme-Purple-Dracula/checkbox-dark.svg
diff --git a/src/assets/cinnamon/theme-purple-dracula/checkbox.svg b/src/assets/cinnamon/theme-Purple-Dracula/checkbox.svg
similarity index 100%
rename from src/assets/cinnamon/theme-purple-dracula/checkbox.svg
rename to src/assets/cinnamon/theme-Purple-Dracula/checkbox.svg
diff --git a/src/assets/cinnamon/theme-purple-dracula/corner-ripple.svg b/src/assets/cinnamon/theme-Purple-Dracula/corner-ripple.svg
similarity index 100%
rename from src/assets/cinnamon/theme-purple-dracula/corner-ripple.svg
rename to src/assets/cinnamon/theme-Purple-Dracula/corner-ripple.svg
diff --git a/src/assets/cinnamon/theme-purple-dracula/radiobutton-dark.svg b/src/assets/cinnamon/theme-Purple-Dracula/radiobutton-dark.svg
similarity index 100%
rename from src/assets/cinnamon/theme-purple-dracula/radiobutton-dark.svg
rename to src/assets/cinnamon/theme-Purple-Dracula/radiobutton-dark.svg
diff --git a/src/assets/cinnamon/theme-purple-dracula/radiobutton.svg b/src/assets/cinnamon/theme-Purple-Dracula/radiobutton.svg
similarity index 100%
rename from src/assets/cinnamon/theme-purple-dracula/radiobutton.svg
rename to src/assets/cinnamon/theme-Purple-Dracula/radiobutton.svg
diff --git a/src/assets/cinnamon/theme-purple-dracula/toggle-on-dark.svg b/src/assets/cinnamon/theme-Purple-Dracula/toggle-on-dark.svg
similarity index 100%
rename from src/assets/cinnamon/theme-purple-dracula/toggle-on-dark.svg
rename to src/assets/cinnamon/theme-Purple-Dracula/toggle-on-dark.svg
diff --git a/src/assets/cinnamon/theme-purple-dracula/toggle-on.svg b/src/assets/cinnamon/theme-Purple-Dracula/toggle-on.svg
similarity index 100%
rename from src/assets/cinnamon/theme-purple-dracula/toggle-on.svg
rename to src/assets/cinnamon/theme-Purple-Dracula/toggle-on.svg
diff --git a/src/assets/cinnamon/theme-purple-nord/add-workspace-active.svg b/src/assets/cinnamon/theme-Purple-Nord/add-workspace-active.svg
similarity index 100%
rename from src/assets/cinnamon/theme-purple-nord/add-workspace-active.svg
rename to src/assets/cinnamon/theme-Purple-Nord/add-workspace-active.svg
diff --git a/src/assets/cinnamon/theme-purple-nord/checkbox-dark.svg b/src/assets/cinnamon/theme-Purple-Nord/checkbox-dark.svg
similarity index 100%
rename from src/assets/cinnamon/theme-purple-nord/checkbox-dark.svg
rename to src/assets/cinnamon/theme-Purple-Nord/checkbox-dark.svg
diff --git a/src/assets/cinnamon/theme-purple-nord/checkbox.svg b/src/assets/cinnamon/theme-Purple-Nord/checkbox.svg
similarity index 100%
rename from src/assets/cinnamon/theme-purple-nord/checkbox.svg
rename to src/assets/cinnamon/theme-Purple-Nord/checkbox.svg
diff --git a/src/assets/cinnamon/theme-purple-nord/corner-ripple.svg b/src/assets/cinnamon/theme-Purple-Nord/corner-ripple.svg
similarity index 100%
rename from src/assets/cinnamon/theme-purple-nord/corner-ripple.svg
rename to src/assets/cinnamon/theme-Purple-Nord/corner-ripple.svg
diff --git a/src/assets/cinnamon/theme-purple-nord/radiobutton-dark.svg b/src/assets/cinnamon/theme-Purple-Nord/radiobutton-dark.svg
similarity index 100%
rename from src/assets/cinnamon/theme-purple-nord/radiobutton-dark.svg
rename to src/assets/cinnamon/theme-Purple-Nord/radiobutton-dark.svg
diff --git a/src/assets/cinnamon/theme-purple-nord/radiobutton.svg b/src/assets/cinnamon/theme-Purple-Nord/radiobutton.svg
similarity index 100%
rename from src/assets/cinnamon/theme-purple-nord/radiobutton.svg
rename to src/assets/cinnamon/theme-Purple-Nord/radiobutton.svg
diff --git a/src/assets/cinnamon/theme-purple-nord/toggle-on-dark.svg b/src/assets/cinnamon/theme-Purple-Nord/toggle-on-dark.svg
similarity index 100%
rename from src/assets/cinnamon/theme-purple-nord/toggle-on-dark.svg
rename to src/assets/cinnamon/theme-Purple-Nord/toggle-on-dark.svg
diff --git a/src/assets/cinnamon/theme-purple-nord/toggle-on.svg b/src/assets/cinnamon/theme-Purple-Nord/toggle-on.svg
similarity index 100%
rename from src/assets/cinnamon/theme-purple-nord/toggle-on.svg
rename to src/assets/cinnamon/theme-Purple-Nord/toggle-on.svg
diff --git a/src/assets/cinnamon/theme-purple/add-workspace-active.svg b/src/assets/cinnamon/theme-Purple/add-workspace-active.svg
similarity index 100%
rename from src/assets/cinnamon/theme-purple/add-workspace-active.svg
rename to src/assets/cinnamon/theme-Purple/add-workspace-active.svg
diff --git a/src/assets/cinnamon/theme-purple/checkbox-dark.svg b/src/assets/cinnamon/theme-Purple/checkbox-dark.svg
similarity index 100%
rename from src/assets/cinnamon/theme-purple/checkbox-dark.svg
rename to src/assets/cinnamon/theme-Purple/checkbox-dark.svg
diff --git a/src/assets/cinnamon/theme-purple/checkbox.svg b/src/assets/cinnamon/theme-Purple/checkbox.svg
similarity index 100%
rename from src/assets/cinnamon/theme-purple/checkbox.svg
rename to src/assets/cinnamon/theme-Purple/checkbox.svg
diff --git a/src/assets/cinnamon/theme-purple/corner-ripple.svg b/src/assets/cinnamon/theme-Purple/corner-ripple.svg
similarity index 100%
rename from src/assets/cinnamon/theme-purple/corner-ripple.svg
rename to src/assets/cinnamon/theme-Purple/corner-ripple.svg
diff --git a/src/assets/cinnamon/theme-purple/radiobutton-dark.svg b/src/assets/cinnamon/theme-Purple/radiobutton-dark.svg
similarity index 100%
rename from src/assets/cinnamon/theme-purple/radiobutton-dark.svg
rename to src/assets/cinnamon/theme-Purple/radiobutton-dark.svg
diff --git a/src/assets/cinnamon/theme-purple/radiobutton.svg b/src/assets/cinnamon/theme-Purple/radiobutton.svg
similarity index 100%
rename from src/assets/cinnamon/theme-purple/radiobutton.svg
rename to src/assets/cinnamon/theme-Purple/radiobutton.svg
diff --git a/src/assets/cinnamon/theme-purple/toggle-on-dark.svg b/src/assets/cinnamon/theme-Purple/toggle-on-dark.svg
similarity index 100%
rename from src/assets/cinnamon/theme-purple/toggle-on-dark.svg
rename to src/assets/cinnamon/theme-Purple/toggle-on-dark.svg
diff --git a/src/assets/cinnamon/theme-purple/toggle-on.svg b/src/assets/cinnamon/theme-Purple/toggle-on.svg
similarity index 100%
rename from src/assets/cinnamon/theme-purple/toggle-on.svg
rename to src/assets/cinnamon/theme-Purple/toggle-on.svg
diff --git a/src/assets/cinnamon/theme-red-dracula/add-workspace-active.svg b/src/assets/cinnamon/theme-Red-Dracula/add-workspace-active.svg
similarity index 100%
rename from src/assets/cinnamon/theme-red-dracula/add-workspace-active.svg
rename to src/assets/cinnamon/theme-Red-Dracula/add-workspace-active.svg
diff --git a/src/assets/cinnamon/theme-red-dracula/checkbox-dark.svg b/src/assets/cinnamon/theme-Red-Dracula/checkbox-dark.svg
similarity index 100%
rename from src/assets/cinnamon/theme-red-dracula/checkbox-dark.svg
rename to src/assets/cinnamon/theme-Red-Dracula/checkbox-dark.svg
diff --git a/src/assets/cinnamon/theme-red-dracula/checkbox.svg b/src/assets/cinnamon/theme-Red-Dracula/checkbox.svg
similarity index 100%
rename from src/assets/cinnamon/theme-red-dracula/checkbox.svg
rename to src/assets/cinnamon/theme-Red-Dracula/checkbox.svg
diff --git a/src/assets/cinnamon/theme-red-dracula/corner-ripple.svg b/src/assets/cinnamon/theme-Red-Dracula/corner-ripple.svg
similarity index 100%
rename from src/assets/cinnamon/theme-red-dracula/corner-ripple.svg
rename to src/assets/cinnamon/theme-Red-Dracula/corner-ripple.svg
diff --git a/src/assets/cinnamon/theme-red-dracula/radiobutton-dark.svg b/src/assets/cinnamon/theme-Red-Dracula/radiobutton-dark.svg
similarity index 100%
rename from src/assets/cinnamon/theme-red-dracula/radiobutton-dark.svg
rename to src/assets/cinnamon/theme-Red-Dracula/radiobutton-dark.svg
diff --git a/src/assets/cinnamon/theme-red-dracula/radiobutton.svg b/src/assets/cinnamon/theme-Red-Dracula/radiobutton.svg
similarity index 100%
rename from src/assets/cinnamon/theme-red-dracula/radiobutton.svg
rename to src/assets/cinnamon/theme-Red-Dracula/radiobutton.svg
diff --git a/src/assets/cinnamon/theme-red-dracula/toggle-on-dark.svg b/src/assets/cinnamon/theme-Red-Dracula/toggle-on-dark.svg
similarity index 100%
rename from src/assets/cinnamon/theme-red-dracula/toggle-on-dark.svg
rename to src/assets/cinnamon/theme-Red-Dracula/toggle-on-dark.svg
diff --git a/src/assets/cinnamon/theme-red-dracula/toggle-on.svg b/src/assets/cinnamon/theme-Red-Dracula/toggle-on.svg
similarity index 100%
rename from src/assets/cinnamon/theme-red-dracula/toggle-on.svg
rename to src/assets/cinnamon/theme-Red-Dracula/toggle-on.svg
diff --git a/src/assets/cinnamon/theme-red-nord/add-workspace-active.svg b/src/assets/cinnamon/theme-Red-Nord/add-workspace-active.svg
similarity index 100%
rename from src/assets/cinnamon/theme-red-nord/add-workspace-active.svg
rename to src/assets/cinnamon/theme-Red-Nord/add-workspace-active.svg
diff --git a/src/assets/cinnamon/theme-red-nord/checkbox-dark.svg b/src/assets/cinnamon/theme-Red-Nord/checkbox-dark.svg
similarity index 100%
rename from src/assets/cinnamon/theme-red-nord/checkbox-dark.svg
rename to src/assets/cinnamon/theme-Red-Nord/checkbox-dark.svg
diff --git a/src/assets/cinnamon/theme-red-nord/checkbox.svg b/src/assets/cinnamon/theme-Red-Nord/checkbox.svg
similarity index 100%
rename from src/assets/cinnamon/theme-red-nord/checkbox.svg
rename to src/assets/cinnamon/theme-Red-Nord/checkbox.svg
diff --git a/src/assets/cinnamon/theme-red-nord/corner-ripple.svg b/src/assets/cinnamon/theme-Red-Nord/corner-ripple.svg
similarity index 100%
rename from src/assets/cinnamon/theme-red-nord/corner-ripple.svg
rename to src/assets/cinnamon/theme-Red-Nord/corner-ripple.svg
diff --git a/src/assets/cinnamon/theme-red-nord/radiobutton-dark.svg b/src/assets/cinnamon/theme-Red-Nord/radiobutton-dark.svg
similarity index 100%
rename from src/assets/cinnamon/theme-red-nord/radiobutton-dark.svg
rename to src/assets/cinnamon/theme-Red-Nord/radiobutton-dark.svg
diff --git a/src/assets/cinnamon/theme-red-nord/radiobutton.svg b/src/assets/cinnamon/theme-Red-Nord/radiobutton.svg
similarity index 100%
rename from src/assets/cinnamon/theme-red-nord/radiobutton.svg
rename to src/assets/cinnamon/theme-Red-Nord/radiobutton.svg
diff --git a/src/assets/cinnamon/theme-red-nord/toggle-on-dark.svg b/src/assets/cinnamon/theme-Red-Nord/toggle-on-dark.svg
similarity index 100%
rename from src/assets/cinnamon/theme-red-nord/toggle-on-dark.svg
rename to src/assets/cinnamon/theme-Red-Nord/toggle-on-dark.svg
diff --git a/src/assets/cinnamon/theme-red-nord/toggle-on.svg b/src/assets/cinnamon/theme-Red-Nord/toggle-on.svg
similarity index 100%
rename from src/assets/cinnamon/theme-red-nord/toggle-on.svg
rename to src/assets/cinnamon/theme-Red-Nord/toggle-on.svg
diff --git a/src/assets/cinnamon/theme-red/add-workspace-active.svg b/src/assets/cinnamon/theme-Red/add-workspace-active.svg
similarity index 100%
rename from src/assets/cinnamon/theme-red/add-workspace-active.svg
rename to src/assets/cinnamon/theme-Red/add-workspace-active.svg
diff --git a/src/assets/cinnamon/theme-red/checkbox-dark.svg b/src/assets/cinnamon/theme-Red/checkbox-dark.svg
similarity index 100%
rename from src/assets/cinnamon/theme-red/checkbox-dark.svg
rename to src/assets/cinnamon/theme-Red/checkbox-dark.svg
diff --git a/src/assets/cinnamon/theme-red/checkbox.svg b/src/assets/cinnamon/theme-Red/checkbox.svg
similarity index 100%
rename from src/assets/cinnamon/theme-red/checkbox.svg
rename to src/assets/cinnamon/theme-Red/checkbox.svg
diff --git a/src/assets/cinnamon/theme-red/corner-ripple.svg b/src/assets/cinnamon/theme-Red/corner-ripple.svg
similarity index 100%
rename from src/assets/cinnamon/theme-red/corner-ripple.svg
rename to src/assets/cinnamon/theme-Red/corner-ripple.svg
diff --git a/src/assets/cinnamon/theme-red/radiobutton-dark.svg b/src/assets/cinnamon/theme-Red/radiobutton-dark.svg
similarity index 100%
rename from src/assets/cinnamon/theme-red/radiobutton-dark.svg
rename to src/assets/cinnamon/theme-Red/radiobutton-dark.svg
diff --git a/src/assets/cinnamon/theme-red/radiobutton.svg b/src/assets/cinnamon/theme-Red/radiobutton.svg
similarity index 100%
rename from src/assets/cinnamon/theme-red/radiobutton.svg
rename to src/assets/cinnamon/theme-Red/radiobutton.svg
diff --git a/src/assets/cinnamon/theme-red/toggle-on-dark.svg b/src/assets/cinnamon/theme-Red/toggle-on-dark.svg
similarity index 100%
rename from src/assets/cinnamon/theme-red/toggle-on-dark.svg
rename to src/assets/cinnamon/theme-Red/toggle-on-dark.svg
diff --git a/src/assets/cinnamon/theme-red/toggle-on.svg b/src/assets/cinnamon/theme-Red/toggle-on.svg
similarity index 100%
rename from src/assets/cinnamon/theme-red/toggle-on.svg
rename to src/assets/cinnamon/theme-Red/toggle-on.svg
diff --git a/src/assets/cinnamon/theme-teal-dracula/add-workspace-active.svg b/src/assets/cinnamon/theme-Teal-Dracula/add-workspace-active.svg
similarity index 100%
rename from src/assets/cinnamon/theme-teal-dracula/add-workspace-active.svg
rename to src/assets/cinnamon/theme-Teal-Dracula/add-workspace-active.svg
diff --git a/src/assets/cinnamon/theme-teal-dracula/checkbox-dark.svg b/src/assets/cinnamon/theme-Teal-Dracula/checkbox-dark.svg
similarity index 100%
rename from src/assets/cinnamon/theme-teal-dracula/checkbox-dark.svg
rename to src/assets/cinnamon/theme-Teal-Dracula/checkbox-dark.svg
diff --git a/src/assets/cinnamon/theme-teal-dracula/checkbox.svg b/src/assets/cinnamon/theme-Teal-Dracula/checkbox.svg
similarity index 100%
rename from src/assets/cinnamon/theme-teal-dracula/checkbox.svg
rename to src/assets/cinnamon/theme-Teal-Dracula/checkbox.svg
diff --git a/src/assets/cinnamon/theme-teal-dracula/corner-ripple.svg b/src/assets/cinnamon/theme-Teal-Dracula/corner-ripple.svg
similarity index 100%
rename from src/assets/cinnamon/theme-teal-dracula/corner-ripple.svg
rename to src/assets/cinnamon/theme-Teal-Dracula/corner-ripple.svg
diff --git a/src/assets/cinnamon/theme-teal-dracula/radiobutton-dark.svg b/src/assets/cinnamon/theme-Teal-Dracula/radiobutton-dark.svg
similarity index 100%
rename from src/assets/cinnamon/theme-teal-dracula/radiobutton-dark.svg
rename to src/assets/cinnamon/theme-Teal-Dracula/radiobutton-dark.svg
diff --git a/src/assets/cinnamon/theme-teal-dracula/radiobutton.svg b/src/assets/cinnamon/theme-Teal-Dracula/radiobutton.svg
similarity index 100%
rename from src/assets/cinnamon/theme-teal-dracula/radiobutton.svg
rename to src/assets/cinnamon/theme-Teal-Dracula/radiobutton.svg
diff --git a/src/assets/cinnamon/theme-teal-dracula/toggle-on-dark.svg b/src/assets/cinnamon/theme-Teal-Dracula/toggle-on-dark.svg
similarity index 100%
rename from src/assets/cinnamon/theme-teal-dracula/toggle-on-dark.svg
rename to src/assets/cinnamon/theme-Teal-Dracula/toggle-on-dark.svg
diff --git a/src/assets/cinnamon/theme-teal-dracula/toggle-on.svg b/src/assets/cinnamon/theme-Teal-Dracula/toggle-on.svg
similarity index 100%
rename from src/assets/cinnamon/theme-teal-dracula/toggle-on.svg
rename to src/assets/cinnamon/theme-Teal-Dracula/toggle-on.svg
diff --git a/src/assets/cinnamon/theme-teal-nord/add-workspace-active.svg b/src/assets/cinnamon/theme-Teal-Nord/add-workspace-active.svg
similarity index 100%
rename from src/assets/cinnamon/theme-teal-nord/add-workspace-active.svg
rename to src/assets/cinnamon/theme-Teal-Nord/add-workspace-active.svg
diff --git a/src/assets/cinnamon/theme-teal-nord/checkbox-dark.svg b/src/assets/cinnamon/theme-Teal-Nord/checkbox-dark.svg
similarity index 100%
rename from src/assets/cinnamon/theme-teal-nord/checkbox-dark.svg
rename to src/assets/cinnamon/theme-Teal-Nord/checkbox-dark.svg
diff --git a/src/assets/cinnamon/theme-teal-nord/checkbox.svg b/src/assets/cinnamon/theme-Teal-Nord/checkbox.svg
similarity index 100%
rename from src/assets/cinnamon/theme-teal-nord/checkbox.svg
rename to src/assets/cinnamon/theme-Teal-Nord/checkbox.svg
diff --git a/src/assets/cinnamon/theme-teal-nord/corner-ripple.svg b/src/assets/cinnamon/theme-Teal-Nord/corner-ripple.svg
similarity index 100%
rename from src/assets/cinnamon/theme-teal-nord/corner-ripple.svg
rename to src/assets/cinnamon/theme-Teal-Nord/corner-ripple.svg
diff --git a/src/assets/cinnamon/theme-teal-nord/radiobutton-dark.svg b/src/assets/cinnamon/theme-Teal-Nord/radiobutton-dark.svg
similarity index 100%
rename from src/assets/cinnamon/theme-teal-nord/radiobutton-dark.svg
rename to src/assets/cinnamon/theme-Teal-Nord/radiobutton-dark.svg
diff --git a/src/assets/cinnamon/theme-teal-nord/radiobutton.svg b/src/assets/cinnamon/theme-Teal-Nord/radiobutton.svg
similarity index 100%
rename from src/assets/cinnamon/theme-teal-nord/radiobutton.svg
rename to src/assets/cinnamon/theme-Teal-Nord/radiobutton.svg
diff --git a/src/assets/cinnamon/theme-teal-nord/toggle-on-dark.svg b/src/assets/cinnamon/theme-Teal-Nord/toggle-on-dark.svg
similarity index 100%
rename from src/assets/cinnamon/theme-teal-nord/toggle-on-dark.svg
rename to src/assets/cinnamon/theme-Teal-Nord/toggle-on-dark.svg
diff --git a/src/assets/cinnamon/theme-teal-nord/toggle-on.svg b/src/assets/cinnamon/theme-Teal-Nord/toggle-on.svg
similarity index 100%
rename from src/assets/cinnamon/theme-teal-nord/toggle-on.svg
rename to src/assets/cinnamon/theme-Teal-Nord/toggle-on.svg
diff --git a/src/assets/cinnamon/theme-teal/add-workspace-active.svg b/src/assets/cinnamon/theme-Teal/add-workspace-active.svg
similarity index 100%
rename from src/assets/cinnamon/theme-teal/add-workspace-active.svg
rename to src/assets/cinnamon/theme-Teal/add-workspace-active.svg
diff --git a/src/assets/cinnamon/theme-teal/checkbox-dark.svg b/src/assets/cinnamon/theme-Teal/checkbox-dark.svg
similarity index 100%
rename from src/assets/cinnamon/theme-teal/checkbox-dark.svg
rename to src/assets/cinnamon/theme-Teal/checkbox-dark.svg
diff --git a/src/assets/cinnamon/theme-teal/checkbox.svg b/src/assets/cinnamon/theme-Teal/checkbox.svg
similarity index 100%
rename from src/assets/cinnamon/theme-teal/checkbox.svg
rename to src/assets/cinnamon/theme-Teal/checkbox.svg
diff --git a/src/assets/cinnamon/theme-teal/corner-ripple.svg b/src/assets/cinnamon/theme-Teal/corner-ripple.svg
similarity index 100%
rename from src/assets/cinnamon/theme-teal/corner-ripple.svg
rename to src/assets/cinnamon/theme-Teal/corner-ripple.svg
diff --git a/src/assets/cinnamon/theme-teal/radiobutton-dark.svg b/src/assets/cinnamon/theme-Teal/radiobutton-dark.svg
similarity index 100%
rename from src/assets/cinnamon/theme-teal/radiobutton-dark.svg
rename to src/assets/cinnamon/theme-Teal/radiobutton-dark.svg
diff --git a/src/assets/cinnamon/theme-teal/radiobutton.svg b/src/assets/cinnamon/theme-Teal/radiobutton.svg
similarity index 100%
rename from src/assets/cinnamon/theme-teal/radiobutton.svg
rename to src/assets/cinnamon/theme-Teal/radiobutton.svg
diff --git a/src/assets/cinnamon/theme-teal/toggle-on-dark.svg b/src/assets/cinnamon/theme-Teal/toggle-on-dark.svg
similarity index 100%
rename from src/assets/cinnamon/theme-teal/toggle-on-dark.svg
rename to src/assets/cinnamon/theme-Teal/toggle-on-dark.svg
diff --git a/src/assets/cinnamon/theme-teal/toggle-on.svg b/src/assets/cinnamon/theme-Teal/toggle-on.svg
similarity index 100%
rename from src/assets/cinnamon/theme-teal/toggle-on.svg
rename to src/assets/cinnamon/theme-Teal/toggle-on.svg
diff --git a/src/assets/cinnamon/theme-yellow-dracula/add-workspace-active.svg b/src/assets/cinnamon/theme-Yellow-Dracula/add-workspace-active.svg
similarity index 100%
rename from src/assets/cinnamon/theme-yellow-dracula/add-workspace-active.svg
rename to src/assets/cinnamon/theme-Yellow-Dracula/add-workspace-active.svg
diff --git a/src/assets/cinnamon/theme-yellow-dracula/checkbox-dark.svg b/src/assets/cinnamon/theme-Yellow-Dracula/checkbox-dark.svg
similarity index 100%
rename from src/assets/cinnamon/theme-yellow-dracula/checkbox-dark.svg
rename to src/assets/cinnamon/theme-Yellow-Dracula/checkbox-dark.svg
diff --git a/src/assets/cinnamon/theme-yellow-dracula/checkbox.svg b/src/assets/cinnamon/theme-Yellow-Dracula/checkbox.svg
similarity index 100%
rename from src/assets/cinnamon/theme-yellow-dracula/checkbox.svg
rename to src/assets/cinnamon/theme-Yellow-Dracula/checkbox.svg
diff --git a/src/assets/cinnamon/theme-yellow-dracula/corner-ripple.svg b/src/assets/cinnamon/theme-Yellow-Dracula/corner-ripple.svg
similarity index 100%
rename from src/assets/cinnamon/theme-yellow-dracula/corner-ripple.svg
rename to src/assets/cinnamon/theme-Yellow-Dracula/corner-ripple.svg
diff --git a/src/assets/cinnamon/theme-yellow-dracula/radiobutton-dark.svg b/src/assets/cinnamon/theme-Yellow-Dracula/radiobutton-dark.svg
similarity index 100%
rename from src/assets/cinnamon/theme-yellow-dracula/radiobutton-dark.svg
rename to src/assets/cinnamon/theme-Yellow-Dracula/radiobutton-dark.svg
diff --git a/src/assets/cinnamon/theme-yellow-dracula/radiobutton.svg b/src/assets/cinnamon/theme-Yellow-Dracula/radiobutton.svg
similarity index 100%
rename from src/assets/cinnamon/theme-yellow-dracula/radiobutton.svg
rename to src/assets/cinnamon/theme-Yellow-Dracula/radiobutton.svg
diff --git a/src/assets/cinnamon/theme-yellow-dracula/toggle-on-dark.svg b/src/assets/cinnamon/theme-Yellow-Dracula/toggle-on-dark.svg
similarity index 100%
rename from src/assets/cinnamon/theme-yellow-dracula/toggle-on-dark.svg
rename to src/assets/cinnamon/theme-Yellow-Dracula/toggle-on-dark.svg
diff --git a/src/assets/cinnamon/theme-yellow-dracula/toggle-on.svg b/src/assets/cinnamon/theme-Yellow-Dracula/toggle-on.svg
similarity index 100%
rename from src/assets/cinnamon/theme-yellow-dracula/toggle-on.svg
rename to src/assets/cinnamon/theme-Yellow-Dracula/toggle-on.svg
diff --git a/src/assets/cinnamon/theme-yellow-nord/add-workspace-active.svg b/src/assets/cinnamon/theme-Yellow-Nord/add-workspace-active.svg
similarity index 100%
rename from src/assets/cinnamon/theme-yellow-nord/add-workspace-active.svg
rename to src/assets/cinnamon/theme-Yellow-Nord/add-workspace-active.svg
diff --git a/src/assets/cinnamon/theme-yellow-nord/checkbox-dark.svg b/src/assets/cinnamon/theme-Yellow-Nord/checkbox-dark.svg
similarity index 100%
rename from src/assets/cinnamon/theme-yellow-nord/checkbox-dark.svg
rename to src/assets/cinnamon/theme-Yellow-Nord/checkbox-dark.svg
diff --git a/src/assets/cinnamon/theme-yellow-nord/checkbox.svg b/src/assets/cinnamon/theme-Yellow-Nord/checkbox.svg
similarity index 100%
rename from src/assets/cinnamon/theme-yellow-nord/checkbox.svg
rename to src/assets/cinnamon/theme-Yellow-Nord/checkbox.svg
diff --git a/src/assets/cinnamon/theme-yellow-nord/corner-ripple.svg b/src/assets/cinnamon/theme-Yellow-Nord/corner-ripple.svg
similarity index 100%
rename from src/assets/cinnamon/theme-yellow-nord/corner-ripple.svg
rename to src/assets/cinnamon/theme-Yellow-Nord/corner-ripple.svg
diff --git a/src/assets/cinnamon/theme-yellow-nord/radiobutton-dark.svg b/src/assets/cinnamon/theme-Yellow-Nord/radiobutton-dark.svg
similarity index 100%
rename from src/assets/cinnamon/theme-yellow-nord/radiobutton-dark.svg
rename to src/assets/cinnamon/theme-Yellow-Nord/radiobutton-dark.svg
diff --git a/src/assets/cinnamon/theme-yellow-nord/radiobutton.svg b/src/assets/cinnamon/theme-Yellow-Nord/radiobutton.svg
similarity index 100%
rename from src/assets/cinnamon/theme-yellow-nord/radiobutton.svg
rename to src/assets/cinnamon/theme-Yellow-Nord/radiobutton.svg
diff --git a/src/assets/cinnamon/theme-yellow-nord/toggle-on-dark.svg b/src/assets/cinnamon/theme-Yellow-Nord/toggle-on-dark.svg
similarity index 100%
rename from src/assets/cinnamon/theme-yellow-nord/toggle-on-dark.svg
rename to src/assets/cinnamon/theme-Yellow-Nord/toggle-on-dark.svg
diff --git a/src/assets/cinnamon/theme-yellow-nord/toggle-on.svg b/src/assets/cinnamon/theme-Yellow-Nord/toggle-on.svg
similarity index 100%
rename from src/assets/cinnamon/theme-yellow-nord/toggle-on.svg
rename to src/assets/cinnamon/theme-Yellow-Nord/toggle-on.svg
diff --git a/src/assets/cinnamon/theme-yellow/add-workspace-active.svg b/src/assets/cinnamon/theme-Yellow/add-workspace-active.svg
similarity index 100%
rename from src/assets/cinnamon/theme-yellow/add-workspace-active.svg
rename to src/assets/cinnamon/theme-Yellow/add-workspace-active.svg
diff --git a/src/assets/cinnamon/theme-yellow/checkbox-dark.svg b/src/assets/cinnamon/theme-Yellow/checkbox-dark.svg
similarity index 100%
rename from src/assets/cinnamon/theme-yellow/checkbox-dark.svg
rename to src/assets/cinnamon/theme-Yellow/checkbox-dark.svg
diff --git a/src/assets/cinnamon/theme-yellow/checkbox.svg b/src/assets/cinnamon/theme-Yellow/checkbox.svg
similarity index 100%
rename from src/assets/cinnamon/theme-yellow/checkbox.svg
rename to src/assets/cinnamon/theme-Yellow/checkbox.svg
diff --git a/src/assets/cinnamon/theme-yellow/corner-ripple.svg b/src/assets/cinnamon/theme-Yellow/corner-ripple.svg
similarity index 100%
rename from src/assets/cinnamon/theme-yellow/corner-ripple.svg
rename to src/assets/cinnamon/theme-Yellow/corner-ripple.svg
diff --git a/src/assets/cinnamon/theme-yellow/radiobutton-dark.svg b/src/assets/cinnamon/theme-Yellow/radiobutton-dark.svg
similarity index 100%
rename from src/assets/cinnamon/theme-yellow/radiobutton-dark.svg
rename to src/assets/cinnamon/theme-Yellow/radiobutton-dark.svg
diff --git a/src/assets/cinnamon/theme-yellow/radiobutton.svg b/src/assets/cinnamon/theme-Yellow/radiobutton.svg
similarity index 100%
rename from src/assets/cinnamon/theme-yellow/radiobutton.svg
rename to src/assets/cinnamon/theme-Yellow/radiobutton.svg
diff --git a/src/assets/cinnamon/theme-yellow/toggle-on-dark.svg b/src/assets/cinnamon/theme-Yellow/toggle-on-dark.svg
similarity index 100%
rename from src/assets/cinnamon/theme-yellow/toggle-on-dark.svg
rename to src/assets/cinnamon/theme-Yellow/toggle-on-dark.svg
diff --git a/src/assets/cinnamon/theme-yellow/toggle-on.svg b/src/assets/cinnamon/theme-Yellow/toggle-on.svg
similarity index 100%
rename from src/assets/cinnamon/theme-yellow/toggle-on.svg
rename to src/assets/cinnamon/theme-Yellow/toggle-on.svg
diff --git a/src/assets/cinnamon/thumbnails/make-thumbnails.sh b/src/assets/cinnamon/thumbnails/make-thumbnails.sh
index ca4a7866..68af44cb 100755
--- a/src/assets/cinnamon/thumbnails/make-thumbnails.sh
+++ b/src/assets/cinnamon/thumbnails/make-thumbnails.sh
@@ -1,47 +1,47 @@
#! /usr/bin/env bash
-for theme in '' '-purple' '-pink' '-red' '-orange' '-yellow' '-green' '-teal' '-grey'; do
- for type in '' '-nord' '-dracula'; do
+for theme in '' '-Purple' '-Pink' '-Red' '-Orange' '-Yellow' '-Green' '-Teal' '-Grey'; do
+ for type in '' '-Nord' '-Dracula'; do
case "$theme" in
'')
theme_color_dark='#3c84f7'
theme_color_light='#5b9bf8'
;;
- -purple)
+ -Purple)
theme_color_dark='#AB47BC'
theme_color_light='#BA68C8'
;;
- -pink)
+ -Pink)
theme_color_dark='#EC407A'
theme_color_light='#F06292'
;;
- -red)
+ -Red)
theme_color_dark='#E53935'
theme_color_light='#F44336'
;;
- -orange)
+ -Orange)
theme_color_dark='#F57C00'
theme_color_light='#FB8C00'
;;
- -yellow)
+ -Yellow)
theme_color_dark='#FBC02D'
theme_color_light='#FFD600'
;;
- -green)
+ -Green)
theme_color_dark='#4CAF50'
theme_color_light='#66BB6A'
;;
- -teal)
+ -Teal)
theme_color_dark='#009688'
theme_color_light='#4DB6AC'
;;
- -grey)
+ -Grey)
theme_color_dark='#464646'
theme_color_light='#DDDDDD'
;;
esac
- if [[ "$type" == '-nord' ]]; then
+ if [[ "$type" == '-Nord' ]]; then
panel_light='#f0f1f4'
panel_dark='#1c1f26'
case "$theme" in
@@ -49,42 +49,42 @@ for theme in '' '-purple' '-pink' '-red' '-orange' '-yellow' '-green' '-teal' '-
theme_color_dark='#5e81ac'
theme_color_light='#89a3c2'
;;
- -purple)
+ -Purple)
theme_color_dark='#b57daa'
theme_color_light='#c89dbf'
;;
- -pink)
+ -Pink)
theme_color_dark='#cd7092'
theme_color_light='#dc98b1'
;;
- -red)
+ -Red)
theme_color_dark='#c35b65'
theme_color_light='#d4878f'
;;
- -orange)
+ -Orange)
theme_color_dark='#d0846c'
theme_color_light='#dca493'
;;
- -yellow)
+ -Yellow)
theme_color_dark='#e4b558'
theme_color_light='#eac985'
;;
- -green)
+ -Green)
theme_color_dark='#82ac5d'
theme_color_light='#a0c082'
;;
- -teal)
+ -Teal)
theme_color_dark='#63a6a5'
theme_color_light='#83b9b8'
;;
- -grey)
+ -Grey)
theme_color_dark='#3a4150'
theme_color_light='#d9dce3'
;;
esac
fi
- if [[ "$type" == '-dracula' ]]; then
+ if [[ "$type" == '-Dracula' ]]; then
panel_light='#f0f1f4'
panel_dark='#1c1e26'
case "$theme" in
@@ -92,35 +92,35 @@ for theme in '' '-purple' '-pink' '-red' '-orange' '-yellow' '-green' '-teal' '-
theme_color_dark='#a679ec'
theme_color_light='#bd93f9'
;;
- -purple)
+ -Purple)
theme_color_dark='#a679ec'
theme_color_light='#bd93f9'
;;
- -pink)
+ -Pink)
theme_color_dark='#f04cab'
theme_color_light='#ff79c6'
;;
- -red)
+ -Red)
theme_color_dark='#f44d4d'
theme_color_light='#ff5555'
;;
- -orange)
+ -Orange)
theme_color_dark='#f8a854'
theme_color_light='#ffb86c'
;;
- -yellow)
+ -Yellow)
theme_color_dark='#e8f467'
theme_color_light='#f1fa8c'
;;
- -green)
+ -Green)
theme_color_dark='#4be772'
theme_color_light='#50fa7b'
;;
- -teal)
+ -Teal)
theme_color_dark='#20eed9'
theme_color_light='#50fae9'
;;
- -grey)
+ -Grey)
theme_color_dark='#3c3f51'
theme_color_light='#d9dae3'
;;
diff --git a/src/assets/cinnamon/thumbnails/render-thumbnails.sh b/src/assets/cinnamon/thumbnails/render-thumbnails.sh
index 47ce8dcb..acf092c0 100755
--- a/src/assets/cinnamon/thumbnails/render-thumbnails.sh
+++ b/src/assets/cinnamon/thumbnails/render-thumbnails.sh
@@ -5,29 +5,29 @@ OPTIPNG="/usr/bin/optipng"
./make-thumbnails.sh
- for theme in '' '-purple' '-pink' '-red' '-orange' '-yellow' '-green' '-teal' '-grey'; do
- for type in '' '-nord' '-dracula'; do
- SRC_FILE="thumbnail${theme}${type}.svg"
- for color in '' '-light' '-dark'; do
- echo
- echo Rendering thumbnail${theme}${type}${color}.png
- $INKSCAPE --export-id=thumbnail${theme}${type}${color} \
- --export-id-only \
- --export-dpi=96 \
- --export-filename=thumbnail${theme}${type}${color}.png $SRC_FILE >/dev/null \
- && $OPTIPNG -o7 --quiet thumbnail${theme}${type}.png
- done
+for theme in '' '-Purple' '-Pink' '-Red' '-Orange' '-Yellow' '-Green' '-Teal' '-Grey'; do
+ for type in '' '-Nord' '-Dracula'; do
+ SRC_FILE="thumbnail${theme}${type}.svg"
+ for color in '' '-Light' '-Dark'; do
+ echo
+ echo Rendering thumbnail${theme}${type}${color}.png
+ $INKSCAPE --export-id=thumbnail${theme}${type}${color} \
+ --export-id-only \
+ --export-dpi=96 \
+ --export-filename=thumbnail${theme}${type}${color}.png $SRC_FILE >/dev/null \
+ && $OPTIPNG -o7 --quiet thumbnail${theme}${type}.png
done
done
-
- for theme in '' '-purple' '-pink' '-red' '-orange' '-yellow' '-green' '-teal' '-grey'; do
- for type in '' '-nord' '-dracula'; do
- if [[ ${theme} == '' && ${type} == '' ]]; then
- echo "keep thumbnail.svg"
- else
- rm -rf "thumbnail${theme}${type}.svg"
- fi
- done
done
+for theme in '' '-Purple' '-Pink' '-Red' '-Orange' '-Yellow' '-Green' '-Teal' '-Grey'; do
+ for type in '' '-Nord' '-Dracula'; do
+ if [[ ${theme} == '' && ${type} == '' ]]; then
+ echo "keep thumbnail.svg"
+ else
+ rm -rf "thumbnail${theme}${type}.svg"
+ fi
+ done
+done
+
exit 0
diff --git a/src/assets/cinnamon/thumbnails/thumbnail-dark.png b/src/assets/cinnamon/thumbnails/thumbnail-Dark.png
similarity index 100%
rename from src/assets/cinnamon/thumbnails/thumbnail-dark.png
rename to src/assets/cinnamon/thumbnails/thumbnail-Dark.png
diff --git a/src/assets/cinnamon/thumbnails/thumbnail-dracula-dark.png b/src/assets/cinnamon/thumbnails/thumbnail-Dracula-Dark.png
similarity index 100%
rename from src/assets/cinnamon/thumbnails/thumbnail-dracula-dark.png
rename to src/assets/cinnamon/thumbnails/thumbnail-Dracula-Dark.png
diff --git a/src/assets/cinnamon/thumbnails/thumbnail-dracula-light.png b/src/assets/cinnamon/thumbnails/thumbnail-Dracula-Light.png
similarity index 100%
rename from src/assets/cinnamon/thumbnails/thumbnail-dracula-light.png
rename to src/assets/cinnamon/thumbnails/thumbnail-Dracula-Light.png
diff --git a/src/assets/cinnamon/thumbnails/thumbnail-dracula.png b/src/assets/cinnamon/thumbnails/thumbnail-Dracula.png
similarity index 100%
rename from src/assets/cinnamon/thumbnails/thumbnail-dracula.png
rename to src/assets/cinnamon/thumbnails/thumbnail-Dracula.png
diff --git a/src/assets/cinnamon/thumbnails/thumbnail-green-dark.png b/src/assets/cinnamon/thumbnails/thumbnail-Green-Dark.png
similarity index 100%
rename from src/assets/cinnamon/thumbnails/thumbnail-green-dark.png
rename to src/assets/cinnamon/thumbnails/thumbnail-Green-Dark.png
diff --git a/src/assets/cinnamon/thumbnails/thumbnail-green-dracula-dark.png b/src/assets/cinnamon/thumbnails/thumbnail-Green-Dracula-Dark.png
similarity index 100%
rename from src/assets/cinnamon/thumbnails/thumbnail-green-dracula-dark.png
rename to src/assets/cinnamon/thumbnails/thumbnail-Green-Dracula-Dark.png
diff --git a/src/assets/cinnamon/thumbnails/thumbnail-green-dracula-light.png b/src/assets/cinnamon/thumbnails/thumbnail-Green-Dracula-Light.png
similarity index 100%
rename from src/assets/cinnamon/thumbnails/thumbnail-green-dracula-light.png
rename to src/assets/cinnamon/thumbnails/thumbnail-Green-Dracula-Light.png
diff --git a/src/assets/cinnamon/thumbnails/thumbnail-green-dracula.png b/src/assets/cinnamon/thumbnails/thumbnail-Green-Dracula.png
similarity index 100%
rename from src/assets/cinnamon/thumbnails/thumbnail-green-dracula.png
rename to src/assets/cinnamon/thumbnails/thumbnail-Green-Dracula.png
diff --git a/src/assets/cinnamon/thumbnails/thumbnail-green-light.png b/src/assets/cinnamon/thumbnails/thumbnail-Green-Light.png
similarity index 100%
rename from src/assets/cinnamon/thumbnails/thumbnail-green-light.png
rename to src/assets/cinnamon/thumbnails/thumbnail-Green-Light.png
diff --git a/src/assets/cinnamon/thumbnails/thumbnail-green-nord-dark.png b/src/assets/cinnamon/thumbnails/thumbnail-Green-Nord-Dark.png
similarity index 100%
rename from src/assets/cinnamon/thumbnails/thumbnail-green-nord-dark.png
rename to src/assets/cinnamon/thumbnails/thumbnail-Green-Nord-Dark.png
diff --git a/src/assets/cinnamon/thumbnails/thumbnail-green-nord-light.png b/src/assets/cinnamon/thumbnails/thumbnail-Green-Nord-Light.png
similarity index 100%
rename from src/assets/cinnamon/thumbnails/thumbnail-green-nord-light.png
rename to src/assets/cinnamon/thumbnails/thumbnail-Green-Nord-Light.png
diff --git a/src/assets/cinnamon/thumbnails/thumbnail-green-nord.png b/src/assets/cinnamon/thumbnails/thumbnail-Green-Nord.png
similarity index 100%
rename from src/assets/cinnamon/thumbnails/thumbnail-green-nord.png
rename to src/assets/cinnamon/thumbnails/thumbnail-Green-Nord.png
diff --git a/src/assets/cinnamon/thumbnails/thumbnail-green.png b/src/assets/cinnamon/thumbnails/thumbnail-Green.png
similarity index 100%
rename from src/assets/cinnamon/thumbnails/thumbnail-green.png
rename to src/assets/cinnamon/thumbnails/thumbnail-Green.png
diff --git a/src/assets/cinnamon/thumbnails/thumbnail-grey-dark.png b/src/assets/cinnamon/thumbnails/thumbnail-Grey-Dark.png
similarity index 100%
rename from src/assets/cinnamon/thumbnails/thumbnail-grey-dark.png
rename to src/assets/cinnamon/thumbnails/thumbnail-Grey-Dark.png
diff --git a/src/assets/cinnamon/thumbnails/thumbnail-grey-dracula-dark.png b/src/assets/cinnamon/thumbnails/thumbnail-Grey-Dracula-Dark.png
similarity index 100%
rename from src/assets/cinnamon/thumbnails/thumbnail-grey-dracula-dark.png
rename to src/assets/cinnamon/thumbnails/thumbnail-Grey-Dracula-Dark.png
diff --git a/src/assets/cinnamon/thumbnails/thumbnail-grey-dracula-light.png b/src/assets/cinnamon/thumbnails/thumbnail-Grey-Dracula-Light.png
similarity index 100%
rename from src/assets/cinnamon/thumbnails/thumbnail-grey-dracula-light.png
rename to src/assets/cinnamon/thumbnails/thumbnail-Grey-Dracula-Light.png
diff --git a/src/assets/cinnamon/thumbnails/thumbnail-grey-dracula.png b/src/assets/cinnamon/thumbnails/thumbnail-Grey-Dracula.png
similarity index 100%
rename from src/assets/cinnamon/thumbnails/thumbnail-grey-dracula.png
rename to src/assets/cinnamon/thumbnails/thumbnail-Grey-Dracula.png
diff --git a/src/assets/cinnamon/thumbnails/thumbnail-grey-light.png b/src/assets/cinnamon/thumbnails/thumbnail-Grey-Light.png
similarity index 100%
rename from src/assets/cinnamon/thumbnails/thumbnail-grey-light.png
rename to src/assets/cinnamon/thumbnails/thumbnail-Grey-Light.png
diff --git a/src/assets/cinnamon/thumbnails/thumbnail-grey-nord-dark.png b/src/assets/cinnamon/thumbnails/thumbnail-Grey-Nord-Dark.png
similarity index 100%
rename from src/assets/cinnamon/thumbnails/thumbnail-grey-nord-dark.png
rename to src/assets/cinnamon/thumbnails/thumbnail-Grey-Nord-Dark.png
diff --git a/src/assets/cinnamon/thumbnails/thumbnail-grey-nord-light.png b/src/assets/cinnamon/thumbnails/thumbnail-Grey-Nord-Light.png
similarity index 100%
rename from src/assets/cinnamon/thumbnails/thumbnail-grey-nord-light.png
rename to src/assets/cinnamon/thumbnails/thumbnail-Grey-Nord-Light.png
diff --git a/src/assets/cinnamon/thumbnails/thumbnail-grey-nord.png b/src/assets/cinnamon/thumbnails/thumbnail-Grey-Nord.png
similarity index 100%
rename from src/assets/cinnamon/thumbnails/thumbnail-grey-nord.png
rename to src/assets/cinnamon/thumbnails/thumbnail-Grey-Nord.png
diff --git a/src/assets/cinnamon/thumbnails/thumbnail-grey.png b/src/assets/cinnamon/thumbnails/thumbnail-Grey.png
similarity index 100%
rename from src/assets/cinnamon/thumbnails/thumbnail-grey.png
rename to src/assets/cinnamon/thumbnails/thumbnail-Grey.png
diff --git a/src/assets/cinnamon/thumbnails/thumbnail-light.png b/src/assets/cinnamon/thumbnails/thumbnail-Light.png
similarity index 100%
rename from src/assets/cinnamon/thumbnails/thumbnail-light.png
rename to src/assets/cinnamon/thumbnails/thumbnail-Light.png
diff --git a/src/assets/cinnamon/thumbnails/thumbnail-nord-dark.png b/src/assets/cinnamon/thumbnails/thumbnail-Nord-Dark.png
similarity index 100%
rename from src/assets/cinnamon/thumbnails/thumbnail-nord-dark.png
rename to src/assets/cinnamon/thumbnails/thumbnail-Nord-Dark.png
diff --git a/src/assets/cinnamon/thumbnails/thumbnail-nord-light.png b/src/assets/cinnamon/thumbnails/thumbnail-Nord-Light.png
similarity index 100%
rename from src/assets/cinnamon/thumbnails/thumbnail-nord-light.png
rename to src/assets/cinnamon/thumbnails/thumbnail-Nord-Light.png
diff --git a/src/assets/cinnamon/thumbnails/thumbnail-nord.png b/src/assets/cinnamon/thumbnails/thumbnail-Nord.png
similarity index 100%
rename from src/assets/cinnamon/thumbnails/thumbnail-nord.png
rename to src/assets/cinnamon/thumbnails/thumbnail-Nord.png
diff --git a/src/assets/cinnamon/thumbnails/thumbnail-orange-dark.png b/src/assets/cinnamon/thumbnails/thumbnail-Orange-Dark.png
similarity index 100%
rename from src/assets/cinnamon/thumbnails/thumbnail-orange-dark.png
rename to src/assets/cinnamon/thumbnails/thumbnail-Orange-Dark.png
diff --git a/src/assets/cinnamon/thumbnails/thumbnail-orange-dracula-dark.png b/src/assets/cinnamon/thumbnails/thumbnail-Orange-Dracula-Dark.png
similarity index 100%
rename from src/assets/cinnamon/thumbnails/thumbnail-orange-dracula-dark.png
rename to src/assets/cinnamon/thumbnails/thumbnail-Orange-Dracula-Dark.png
diff --git a/src/assets/cinnamon/thumbnails/thumbnail-orange-dracula-light.png b/src/assets/cinnamon/thumbnails/thumbnail-Orange-Dracula-Light.png
similarity index 100%
rename from src/assets/cinnamon/thumbnails/thumbnail-orange-dracula-light.png
rename to src/assets/cinnamon/thumbnails/thumbnail-Orange-Dracula-Light.png
diff --git a/src/assets/cinnamon/thumbnails/thumbnail-orange-dracula.png b/src/assets/cinnamon/thumbnails/thumbnail-Orange-Dracula.png
similarity index 100%
rename from src/assets/cinnamon/thumbnails/thumbnail-orange-dracula.png
rename to src/assets/cinnamon/thumbnails/thumbnail-Orange-Dracula.png
diff --git a/src/assets/cinnamon/thumbnails/thumbnail-orange-light.png b/src/assets/cinnamon/thumbnails/thumbnail-Orange-Light.png
similarity index 100%
rename from src/assets/cinnamon/thumbnails/thumbnail-orange-light.png
rename to src/assets/cinnamon/thumbnails/thumbnail-Orange-Light.png
diff --git a/src/assets/cinnamon/thumbnails/thumbnail-orange-nord-dark.png b/src/assets/cinnamon/thumbnails/thumbnail-Orange-Nord-Dark.png
similarity index 100%
rename from src/assets/cinnamon/thumbnails/thumbnail-orange-nord-dark.png
rename to src/assets/cinnamon/thumbnails/thumbnail-Orange-Nord-Dark.png
diff --git a/src/assets/cinnamon/thumbnails/thumbnail-orange-nord-light.png b/src/assets/cinnamon/thumbnails/thumbnail-Orange-Nord-Light.png
similarity index 100%
rename from src/assets/cinnamon/thumbnails/thumbnail-orange-nord-light.png
rename to src/assets/cinnamon/thumbnails/thumbnail-Orange-Nord-Light.png
diff --git a/src/assets/cinnamon/thumbnails/thumbnail-orange-nord.png b/src/assets/cinnamon/thumbnails/thumbnail-Orange-Nord.png
similarity index 100%
rename from src/assets/cinnamon/thumbnails/thumbnail-orange-nord.png
rename to src/assets/cinnamon/thumbnails/thumbnail-Orange-Nord.png
diff --git a/src/assets/cinnamon/thumbnails/thumbnail-orange.png b/src/assets/cinnamon/thumbnails/thumbnail-Orange.png
similarity index 100%
rename from src/assets/cinnamon/thumbnails/thumbnail-orange.png
rename to src/assets/cinnamon/thumbnails/thumbnail-Orange.png
diff --git a/src/assets/cinnamon/thumbnails/thumbnail-pink-dark.png b/src/assets/cinnamon/thumbnails/thumbnail-Pink-Dark.png
similarity index 100%
rename from src/assets/cinnamon/thumbnails/thumbnail-pink-dark.png
rename to src/assets/cinnamon/thumbnails/thumbnail-Pink-Dark.png
diff --git a/src/assets/cinnamon/thumbnails/thumbnail-pink-dracula-dark.png b/src/assets/cinnamon/thumbnails/thumbnail-Pink-Dracula-Dark.png
similarity index 100%
rename from src/assets/cinnamon/thumbnails/thumbnail-pink-dracula-dark.png
rename to src/assets/cinnamon/thumbnails/thumbnail-Pink-Dracula-Dark.png
diff --git a/src/assets/cinnamon/thumbnails/thumbnail-pink-dracula-light.png b/src/assets/cinnamon/thumbnails/thumbnail-Pink-Dracula-Light.png
similarity index 100%
rename from src/assets/cinnamon/thumbnails/thumbnail-pink-dracula-light.png
rename to src/assets/cinnamon/thumbnails/thumbnail-Pink-Dracula-Light.png
diff --git a/src/assets/cinnamon/thumbnails/thumbnail-pink-dracula.png b/src/assets/cinnamon/thumbnails/thumbnail-Pink-Dracula.png
similarity index 100%
rename from src/assets/cinnamon/thumbnails/thumbnail-pink-dracula.png
rename to src/assets/cinnamon/thumbnails/thumbnail-Pink-Dracula.png
diff --git a/src/assets/cinnamon/thumbnails/thumbnail-pink-light.png b/src/assets/cinnamon/thumbnails/thumbnail-Pink-Light.png
similarity index 100%
rename from src/assets/cinnamon/thumbnails/thumbnail-pink-light.png
rename to src/assets/cinnamon/thumbnails/thumbnail-Pink-Light.png
diff --git a/src/assets/cinnamon/thumbnails/thumbnail-pink-nord-dark.png b/src/assets/cinnamon/thumbnails/thumbnail-Pink-Nord-Dark.png
similarity index 100%
rename from src/assets/cinnamon/thumbnails/thumbnail-pink-nord-dark.png
rename to src/assets/cinnamon/thumbnails/thumbnail-Pink-Nord-Dark.png
diff --git a/src/assets/cinnamon/thumbnails/thumbnail-pink-nord-light.png b/src/assets/cinnamon/thumbnails/thumbnail-Pink-Nord-Light.png
similarity index 100%
rename from src/assets/cinnamon/thumbnails/thumbnail-pink-nord-light.png
rename to src/assets/cinnamon/thumbnails/thumbnail-Pink-Nord-Light.png
diff --git a/src/assets/cinnamon/thumbnails/thumbnail-pink-nord.png b/src/assets/cinnamon/thumbnails/thumbnail-Pink-Nord.png
similarity index 100%
rename from src/assets/cinnamon/thumbnails/thumbnail-pink-nord.png
rename to src/assets/cinnamon/thumbnails/thumbnail-Pink-Nord.png
diff --git a/src/assets/cinnamon/thumbnails/thumbnail-pink.png b/src/assets/cinnamon/thumbnails/thumbnail-Pink.png
similarity index 100%
rename from src/assets/cinnamon/thumbnails/thumbnail-pink.png
rename to src/assets/cinnamon/thumbnails/thumbnail-Pink.png
diff --git a/src/assets/cinnamon/thumbnails/thumbnail-purple-dark.png b/src/assets/cinnamon/thumbnails/thumbnail-Purple-Dark.png
similarity index 100%
rename from src/assets/cinnamon/thumbnails/thumbnail-purple-dark.png
rename to src/assets/cinnamon/thumbnails/thumbnail-Purple-Dark.png
diff --git a/src/assets/cinnamon/thumbnails/thumbnail-purple-dracula-dark.png b/src/assets/cinnamon/thumbnails/thumbnail-Purple-Dracula-Dark.png
similarity index 100%
rename from src/assets/cinnamon/thumbnails/thumbnail-purple-dracula-dark.png
rename to src/assets/cinnamon/thumbnails/thumbnail-Purple-Dracula-Dark.png
diff --git a/src/assets/cinnamon/thumbnails/thumbnail-purple-dracula-light.png b/src/assets/cinnamon/thumbnails/thumbnail-Purple-Dracula-Light.png
similarity index 100%
rename from src/assets/cinnamon/thumbnails/thumbnail-purple-dracula-light.png
rename to src/assets/cinnamon/thumbnails/thumbnail-Purple-Dracula-Light.png
diff --git a/src/assets/cinnamon/thumbnails/thumbnail-purple-dracula.png b/src/assets/cinnamon/thumbnails/thumbnail-Purple-Dracula.png
similarity index 100%
rename from src/assets/cinnamon/thumbnails/thumbnail-purple-dracula.png
rename to src/assets/cinnamon/thumbnails/thumbnail-Purple-Dracula.png
diff --git a/src/assets/cinnamon/thumbnails/thumbnail-purple-light.png b/src/assets/cinnamon/thumbnails/thumbnail-Purple-Light.png
similarity index 100%
rename from src/assets/cinnamon/thumbnails/thumbnail-purple-light.png
rename to src/assets/cinnamon/thumbnails/thumbnail-Purple-Light.png
diff --git a/src/assets/cinnamon/thumbnails/thumbnail-purple-nord-dark.png b/src/assets/cinnamon/thumbnails/thumbnail-Purple-Nord-Dark.png
similarity index 100%
rename from src/assets/cinnamon/thumbnails/thumbnail-purple-nord-dark.png
rename to src/assets/cinnamon/thumbnails/thumbnail-Purple-Nord-Dark.png
diff --git a/src/assets/cinnamon/thumbnails/thumbnail-purple-nord-light.png b/src/assets/cinnamon/thumbnails/thumbnail-Purple-Nord-Light.png
similarity index 100%
rename from src/assets/cinnamon/thumbnails/thumbnail-purple-nord-light.png
rename to src/assets/cinnamon/thumbnails/thumbnail-Purple-Nord-Light.png
diff --git a/src/assets/cinnamon/thumbnails/thumbnail-purple-nord.png b/src/assets/cinnamon/thumbnails/thumbnail-Purple-Nord.png
similarity index 100%
rename from src/assets/cinnamon/thumbnails/thumbnail-purple-nord.png
rename to src/assets/cinnamon/thumbnails/thumbnail-Purple-Nord.png
diff --git a/src/assets/cinnamon/thumbnails/thumbnail-purple.png b/src/assets/cinnamon/thumbnails/thumbnail-Purple.png
similarity index 100%
rename from src/assets/cinnamon/thumbnails/thumbnail-purple.png
rename to src/assets/cinnamon/thumbnails/thumbnail-Purple.png
diff --git a/src/assets/cinnamon/thumbnails/thumbnail-red-dark.png b/src/assets/cinnamon/thumbnails/thumbnail-Red-Dark.png
similarity index 100%
rename from src/assets/cinnamon/thumbnails/thumbnail-red-dark.png
rename to src/assets/cinnamon/thumbnails/thumbnail-Red-Dark.png
diff --git a/src/assets/cinnamon/thumbnails/thumbnail-red-dracula-dark.png b/src/assets/cinnamon/thumbnails/thumbnail-Red-Dracula-Dark.png
similarity index 100%
rename from src/assets/cinnamon/thumbnails/thumbnail-red-dracula-dark.png
rename to src/assets/cinnamon/thumbnails/thumbnail-Red-Dracula-Dark.png
diff --git a/src/assets/cinnamon/thumbnails/thumbnail-red-dracula-light.png b/src/assets/cinnamon/thumbnails/thumbnail-Red-Dracula-Light.png
similarity index 100%
rename from src/assets/cinnamon/thumbnails/thumbnail-red-dracula-light.png
rename to src/assets/cinnamon/thumbnails/thumbnail-Red-Dracula-Light.png
diff --git a/src/assets/cinnamon/thumbnails/thumbnail-red-dracula.png b/src/assets/cinnamon/thumbnails/thumbnail-Red-Dracula.png
similarity index 100%
rename from src/assets/cinnamon/thumbnails/thumbnail-red-dracula.png
rename to src/assets/cinnamon/thumbnails/thumbnail-Red-Dracula.png
diff --git a/src/assets/cinnamon/thumbnails/thumbnail-red-light.png b/src/assets/cinnamon/thumbnails/thumbnail-Red-Light.png
similarity index 100%
rename from src/assets/cinnamon/thumbnails/thumbnail-red-light.png
rename to src/assets/cinnamon/thumbnails/thumbnail-Red-Light.png
diff --git a/src/assets/cinnamon/thumbnails/thumbnail-red-nord-dark.png b/src/assets/cinnamon/thumbnails/thumbnail-Red-Nord-Dark.png
similarity index 100%
rename from src/assets/cinnamon/thumbnails/thumbnail-red-nord-dark.png
rename to src/assets/cinnamon/thumbnails/thumbnail-Red-Nord-Dark.png
diff --git a/src/assets/cinnamon/thumbnails/thumbnail-red-nord-light.png b/src/assets/cinnamon/thumbnails/thumbnail-Red-Nord-Light.png
similarity index 100%
rename from src/assets/cinnamon/thumbnails/thumbnail-red-nord-light.png
rename to src/assets/cinnamon/thumbnails/thumbnail-Red-Nord-Light.png
diff --git a/src/assets/cinnamon/thumbnails/thumbnail-red-nord.png b/src/assets/cinnamon/thumbnails/thumbnail-Red-Nord.png
similarity index 100%
rename from src/assets/cinnamon/thumbnails/thumbnail-red-nord.png
rename to src/assets/cinnamon/thumbnails/thumbnail-Red-Nord.png
diff --git a/src/assets/cinnamon/thumbnails/thumbnail-red.png b/src/assets/cinnamon/thumbnails/thumbnail-Red.png
similarity index 100%
rename from src/assets/cinnamon/thumbnails/thumbnail-red.png
rename to src/assets/cinnamon/thumbnails/thumbnail-Red.png
diff --git a/src/assets/cinnamon/thumbnails/thumbnail-teal-dark.png b/src/assets/cinnamon/thumbnails/thumbnail-Teal-Dark.png
similarity index 100%
rename from src/assets/cinnamon/thumbnails/thumbnail-teal-dark.png
rename to src/assets/cinnamon/thumbnails/thumbnail-Teal-Dark.png
diff --git a/src/assets/cinnamon/thumbnails/thumbnail-teal-dracula-dark.png b/src/assets/cinnamon/thumbnails/thumbnail-Teal-Dracula-Dark.png
similarity index 100%
rename from src/assets/cinnamon/thumbnails/thumbnail-teal-dracula-dark.png
rename to src/assets/cinnamon/thumbnails/thumbnail-Teal-Dracula-Dark.png
diff --git a/src/assets/cinnamon/thumbnails/thumbnail-teal-dracula-light.png b/src/assets/cinnamon/thumbnails/thumbnail-Teal-Dracula-Light.png
similarity index 100%
rename from src/assets/cinnamon/thumbnails/thumbnail-teal-dracula-light.png
rename to src/assets/cinnamon/thumbnails/thumbnail-Teal-Dracula-Light.png
diff --git a/src/assets/cinnamon/thumbnails/thumbnail-teal-dracula.png b/src/assets/cinnamon/thumbnails/thumbnail-Teal-Dracula.png
similarity index 100%
rename from src/assets/cinnamon/thumbnails/thumbnail-teal-dracula.png
rename to src/assets/cinnamon/thumbnails/thumbnail-Teal-Dracula.png
diff --git a/src/assets/cinnamon/thumbnails/thumbnail-teal-light.png b/src/assets/cinnamon/thumbnails/thumbnail-Teal-Light.png
similarity index 100%
rename from src/assets/cinnamon/thumbnails/thumbnail-teal-light.png
rename to src/assets/cinnamon/thumbnails/thumbnail-Teal-Light.png
diff --git a/src/assets/cinnamon/thumbnails/thumbnail-teal-nord-dark.png b/src/assets/cinnamon/thumbnails/thumbnail-Teal-Nord-Dark.png
similarity index 100%
rename from src/assets/cinnamon/thumbnails/thumbnail-teal-nord-dark.png
rename to src/assets/cinnamon/thumbnails/thumbnail-Teal-Nord-Dark.png
diff --git a/src/assets/cinnamon/thumbnails/thumbnail-teal-nord-light.png b/src/assets/cinnamon/thumbnails/thumbnail-Teal-Nord-Light.png
similarity index 100%
rename from src/assets/cinnamon/thumbnails/thumbnail-teal-nord-light.png
rename to src/assets/cinnamon/thumbnails/thumbnail-Teal-Nord-Light.png
diff --git a/src/assets/cinnamon/thumbnails/thumbnail-teal-nord.png b/src/assets/cinnamon/thumbnails/thumbnail-Teal-Nord.png
similarity index 100%
rename from src/assets/cinnamon/thumbnails/thumbnail-teal-nord.png
rename to src/assets/cinnamon/thumbnails/thumbnail-Teal-Nord.png
diff --git a/src/assets/cinnamon/thumbnails/thumbnail-teal.png b/src/assets/cinnamon/thumbnails/thumbnail-Teal.png
similarity index 100%
rename from src/assets/cinnamon/thumbnails/thumbnail-teal.png
rename to src/assets/cinnamon/thumbnails/thumbnail-Teal.png
diff --git a/src/assets/cinnamon/thumbnails/thumbnail-yellow-dark.png b/src/assets/cinnamon/thumbnails/thumbnail-Yellow-Dark.png
similarity index 100%
rename from src/assets/cinnamon/thumbnails/thumbnail-yellow-dark.png
rename to src/assets/cinnamon/thumbnails/thumbnail-Yellow-Dark.png
diff --git a/src/assets/cinnamon/thumbnails/thumbnail-yellow-dracula-dark.png b/src/assets/cinnamon/thumbnails/thumbnail-Yellow-Dracula-Dark.png
similarity index 100%
rename from src/assets/cinnamon/thumbnails/thumbnail-yellow-dracula-dark.png
rename to src/assets/cinnamon/thumbnails/thumbnail-Yellow-Dracula-Dark.png
diff --git a/src/assets/cinnamon/thumbnails/thumbnail-yellow-dracula-light.png b/src/assets/cinnamon/thumbnails/thumbnail-Yellow-Dracula-Light.png
similarity index 100%
rename from src/assets/cinnamon/thumbnails/thumbnail-yellow-dracula-light.png
rename to src/assets/cinnamon/thumbnails/thumbnail-Yellow-Dracula-Light.png
diff --git a/src/assets/cinnamon/thumbnails/thumbnail-yellow-dracula.png b/src/assets/cinnamon/thumbnails/thumbnail-Yellow-Dracula.png
similarity index 100%
rename from src/assets/cinnamon/thumbnails/thumbnail-yellow-dracula.png
rename to src/assets/cinnamon/thumbnails/thumbnail-Yellow-Dracula.png
diff --git a/src/assets/cinnamon/thumbnails/thumbnail-yellow-light.png b/src/assets/cinnamon/thumbnails/thumbnail-Yellow-Light.png
similarity index 100%
rename from src/assets/cinnamon/thumbnails/thumbnail-yellow-light.png
rename to src/assets/cinnamon/thumbnails/thumbnail-Yellow-Light.png
diff --git a/src/assets/cinnamon/thumbnails/thumbnail-yellow-nord-dark.png b/src/assets/cinnamon/thumbnails/thumbnail-Yellow-Nord-Dark.png
similarity index 100%
rename from src/assets/cinnamon/thumbnails/thumbnail-yellow-nord-dark.png
rename to src/assets/cinnamon/thumbnails/thumbnail-Yellow-Nord-Dark.png
diff --git a/src/assets/cinnamon/thumbnails/thumbnail-yellow-nord-light.png b/src/assets/cinnamon/thumbnails/thumbnail-Yellow-Nord-Light.png
similarity index 100%
rename from src/assets/cinnamon/thumbnails/thumbnail-yellow-nord-light.png
rename to src/assets/cinnamon/thumbnails/thumbnail-Yellow-Nord-Light.png
diff --git a/src/assets/cinnamon/thumbnails/thumbnail-yellow-nord.png b/src/assets/cinnamon/thumbnails/thumbnail-Yellow-Nord.png
similarity index 100%
rename from src/assets/cinnamon/thumbnails/thumbnail-yellow-nord.png
rename to src/assets/cinnamon/thumbnails/thumbnail-Yellow-Nord.png
diff --git a/src/assets/cinnamon/thumbnails/thumbnail-yellow.png b/src/assets/cinnamon/thumbnails/thumbnail-Yellow.png
similarity index 100%
rename from src/assets/cinnamon/thumbnails/thumbnail-yellow.png
rename to src/assets/cinnamon/thumbnails/thumbnail-Yellow.png
diff --git a/src/assets/cinnamon/thumbnails/thumbnail.svg b/src/assets/cinnamon/thumbnails/thumbnail.svg
index 01515130..c2abee1d 100644
--- a/src/assets/cinnamon/thumbnails/thumbnail.svg
+++ b/src/assets/cinnamon/thumbnails/thumbnail.svg
@@ -5,7 +5,7 @@
version="1.1"
id="svg9100"
sodipodi:docname="thumbnail.svg"
- inkscape:version="1.1.2 (0a00cf5339, 2022-02-04)"
+ inkscape:version="1.1.2 (0a00cf5339, 2022-02-04, custom)"
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"
@@ -33,13 +33,13 @@
guidetolerance="10"
inkscape:pageopacity="0"
inkscape:pageshadow="2"
- inkscape:window-width="1440"
- inkscape:window-height="742"
+ inkscape:window-width="1920"
+ inkscape:window-height="1012"
id="namedview9102"
showgrid="false"
- inkscape:zoom="5.6568544"
- inkscape:cx="138.7697"
- inkscape:cy="6.8942909"
+ inkscape:zoom="1.4142136"
+ inkscape:cx="178.1909"
+ inkscape:cy="50.558133"
inkscape:window-x="0"
inkscape:window-y="32"
inkscape:window-maximized="1"
@@ -841,7 +841,7 @@
+ id="thumbnail-Dark">
/dev/null \
- && $OPTIPNG -o7 --quiet thumbnail${theme}${type}.png
- done
+for theme in '' '-Purple' '-Pink' '-Red' '-Orange' '-Yellow' '-Green' '-Teal' '-Grey'; do
+ for type in '' '-Nord' '-Dracula'; do
+ SRC_FILE="thumbnail${theme}${type}.svg"
+ for color in '' '-Dark'; do
+ echo
+ echo Rendering thumbnail${theme}${type}${color}.png
+ $INKSCAPE --export-id=thumbnail${theme}${type}${color} \
+ --export-id-only \
+ --export-dpi=96 \
+ --export-filename=thumbnail${theme}${type}${color}.png $SRC_FILE >/dev/null \
+ && $OPTIPNG -o7 --quiet thumbnail${theme}${type}.png
done
done
-
- for theme in '' '-purple' '-pink' '-red' '-orange' '-yellow' '-green' '-teal' '-grey'; do
- for type in '' '-nord' '-dracula'; do
- if [[ ${theme} == '' && ${type} == '' ]]; then
- echo "keep thumbnail.svg"
- else
- rm -rf "thumbnail${theme}${type}.svg"
- fi
- done
done
+for theme in '' '-Purple' '-Pink' '-Red' '-Orange' '-Yellow' '-Green' '-Teal' '-Grey'; do
+ for type in '' '-Nord' '-Dracula'; do
+ if [[ ${theme} == '' && ${type} == '' ]]; then
+ echo "keep thumbnail.svg"
+ else
+ rm -rf "thumbnail${theme}${type}.svg"
+ fi
+ done
+done
+
exit 0
diff --git a/src/assets/gtk/thumbnails/thumbnail-dark.png b/src/assets/gtk/thumbnails/thumbnail-Dark.png
similarity index 100%
rename from src/assets/gtk/thumbnails/thumbnail-dark.png
rename to src/assets/gtk/thumbnails/thumbnail-Dark.png
diff --git a/src/assets/gtk/thumbnails/thumbnail-dracula-dark.png b/src/assets/gtk/thumbnails/thumbnail-Dracula-Dark.png
similarity index 100%
rename from src/assets/gtk/thumbnails/thumbnail-dracula-dark.png
rename to src/assets/gtk/thumbnails/thumbnail-Dracula-Dark.png
diff --git a/src/assets/gtk/thumbnails/thumbnail-dracula.png b/src/assets/gtk/thumbnails/thumbnail-Dracula.png
similarity index 100%
rename from src/assets/gtk/thumbnails/thumbnail-dracula.png
rename to src/assets/gtk/thumbnails/thumbnail-Dracula.png
diff --git a/src/assets/gtk/thumbnails/thumbnail-green-dark.png b/src/assets/gtk/thumbnails/thumbnail-Green-Dark.png
similarity index 100%
rename from src/assets/gtk/thumbnails/thumbnail-green-dark.png
rename to src/assets/gtk/thumbnails/thumbnail-Green-Dark.png
diff --git a/src/assets/gtk/thumbnails/thumbnail-green-dracula-dark.png b/src/assets/gtk/thumbnails/thumbnail-Green-Dracula-Dark.png
similarity index 100%
rename from src/assets/gtk/thumbnails/thumbnail-green-dracula-dark.png
rename to src/assets/gtk/thumbnails/thumbnail-Green-Dracula-Dark.png
diff --git a/src/assets/gtk/thumbnails/thumbnail-green-dracula.png b/src/assets/gtk/thumbnails/thumbnail-Green-Dracula.png
similarity index 100%
rename from src/assets/gtk/thumbnails/thumbnail-green-dracula.png
rename to src/assets/gtk/thumbnails/thumbnail-Green-Dracula.png
diff --git a/src/assets/gtk/thumbnails/thumbnail-green-nord-dark.png b/src/assets/gtk/thumbnails/thumbnail-Green-Nord-Dark.png
similarity index 100%
rename from src/assets/gtk/thumbnails/thumbnail-green-nord-dark.png
rename to src/assets/gtk/thumbnails/thumbnail-Green-Nord-Dark.png
diff --git a/src/assets/gtk/thumbnails/thumbnail-green-nord.png b/src/assets/gtk/thumbnails/thumbnail-Green-Nord.png
similarity index 100%
rename from src/assets/gtk/thumbnails/thumbnail-green-nord.png
rename to src/assets/gtk/thumbnails/thumbnail-Green-Nord.png
diff --git a/src/assets/gtk/thumbnails/thumbnail-green.png b/src/assets/gtk/thumbnails/thumbnail-Green.png
similarity index 100%
rename from src/assets/gtk/thumbnails/thumbnail-green.png
rename to src/assets/gtk/thumbnails/thumbnail-Green.png
diff --git a/src/assets/gtk/thumbnails/thumbnail-grey-dark.png b/src/assets/gtk/thumbnails/thumbnail-Grey-Dark.png
similarity index 100%
rename from src/assets/gtk/thumbnails/thumbnail-grey-dark.png
rename to src/assets/gtk/thumbnails/thumbnail-Grey-Dark.png
diff --git a/src/assets/gtk/thumbnails/thumbnail-grey-dracula-dark.png b/src/assets/gtk/thumbnails/thumbnail-Grey-Dracula-Dark.png
similarity index 100%
rename from src/assets/gtk/thumbnails/thumbnail-grey-dracula-dark.png
rename to src/assets/gtk/thumbnails/thumbnail-Grey-Dracula-Dark.png
diff --git a/src/assets/gtk/thumbnails/thumbnail-grey-dracula.png b/src/assets/gtk/thumbnails/thumbnail-Grey-Dracula.png
similarity index 100%
rename from src/assets/gtk/thumbnails/thumbnail-grey-dracula.png
rename to src/assets/gtk/thumbnails/thumbnail-Grey-Dracula.png
diff --git a/src/assets/gtk/thumbnails/thumbnail-grey-nord-dark.png b/src/assets/gtk/thumbnails/thumbnail-Grey-Nord-Dark.png
similarity index 100%
rename from src/assets/gtk/thumbnails/thumbnail-grey-nord-dark.png
rename to src/assets/gtk/thumbnails/thumbnail-Grey-Nord-Dark.png
diff --git a/src/assets/gtk/thumbnails/thumbnail-grey-nord.png b/src/assets/gtk/thumbnails/thumbnail-Grey-Nord.png
similarity index 100%
rename from src/assets/gtk/thumbnails/thumbnail-grey-nord.png
rename to src/assets/gtk/thumbnails/thumbnail-Grey-Nord.png
diff --git a/src/assets/gtk/thumbnails/thumbnail-grey.png b/src/assets/gtk/thumbnails/thumbnail-Grey.png
similarity index 100%
rename from src/assets/gtk/thumbnails/thumbnail-grey.png
rename to src/assets/gtk/thumbnails/thumbnail-Grey.png
diff --git a/src/assets/gtk/thumbnails/thumbnail-nord-dark.png b/src/assets/gtk/thumbnails/thumbnail-Nord-Dark.png
similarity index 100%
rename from src/assets/gtk/thumbnails/thumbnail-nord-dark.png
rename to src/assets/gtk/thumbnails/thumbnail-Nord-Dark.png
diff --git a/src/assets/gtk/thumbnails/thumbnail-nord.png b/src/assets/gtk/thumbnails/thumbnail-Nord.png
similarity index 100%
rename from src/assets/gtk/thumbnails/thumbnail-nord.png
rename to src/assets/gtk/thumbnails/thumbnail-Nord.png
diff --git a/src/assets/gtk/thumbnails/thumbnail-orange-dark.png b/src/assets/gtk/thumbnails/thumbnail-Orange-Dark.png
similarity index 100%
rename from src/assets/gtk/thumbnails/thumbnail-orange-dark.png
rename to src/assets/gtk/thumbnails/thumbnail-Orange-Dark.png
diff --git a/src/assets/gtk/thumbnails/thumbnail-orange-dracula-dark.png b/src/assets/gtk/thumbnails/thumbnail-Orange-Dracula-Dark.png
similarity index 100%
rename from src/assets/gtk/thumbnails/thumbnail-orange-dracula-dark.png
rename to src/assets/gtk/thumbnails/thumbnail-Orange-Dracula-Dark.png
diff --git a/src/assets/gtk/thumbnails/thumbnail-orange-dracula.png b/src/assets/gtk/thumbnails/thumbnail-Orange-Dracula.png
similarity index 100%
rename from src/assets/gtk/thumbnails/thumbnail-orange-dracula.png
rename to src/assets/gtk/thumbnails/thumbnail-Orange-Dracula.png
diff --git a/src/assets/gtk/thumbnails/thumbnail-orange-nord-dark.png b/src/assets/gtk/thumbnails/thumbnail-Orange-Nord-Dark.png
similarity index 100%
rename from src/assets/gtk/thumbnails/thumbnail-orange-nord-dark.png
rename to src/assets/gtk/thumbnails/thumbnail-Orange-Nord-Dark.png
diff --git a/src/assets/gtk/thumbnails/thumbnail-orange-nord.png b/src/assets/gtk/thumbnails/thumbnail-Orange-Nord.png
similarity index 100%
rename from src/assets/gtk/thumbnails/thumbnail-orange-nord.png
rename to src/assets/gtk/thumbnails/thumbnail-Orange-Nord.png
diff --git a/src/assets/gtk/thumbnails/thumbnail-orange.png b/src/assets/gtk/thumbnails/thumbnail-Orange.png
similarity index 100%
rename from src/assets/gtk/thumbnails/thumbnail-orange.png
rename to src/assets/gtk/thumbnails/thumbnail-Orange.png
diff --git a/src/assets/gtk/thumbnails/thumbnail-pink-dark.png b/src/assets/gtk/thumbnails/thumbnail-Pink-Dark.png
similarity index 100%
rename from src/assets/gtk/thumbnails/thumbnail-pink-dark.png
rename to src/assets/gtk/thumbnails/thumbnail-Pink-Dark.png
diff --git a/src/assets/gtk/thumbnails/thumbnail-pink-dracula-dark.png b/src/assets/gtk/thumbnails/thumbnail-Pink-Dracula-Dark.png
similarity index 100%
rename from src/assets/gtk/thumbnails/thumbnail-pink-dracula-dark.png
rename to src/assets/gtk/thumbnails/thumbnail-Pink-Dracula-Dark.png
diff --git a/src/assets/gtk/thumbnails/thumbnail-pink-dracula.png b/src/assets/gtk/thumbnails/thumbnail-Pink-Dracula.png
similarity index 100%
rename from src/assets/gtk/thumbnails/thumbnail-pink-dracula.png
rename to src/assets/gtk/thumbnails/thumbnail-Pink-Dracula.png
diff --git a/src/assets/gtk/thumbnails/thumbnail-pink-nord-dark.png b/src/assets/gtk/thumbnails/thumbnail-Pink-Nord-Dark.png
similarity index 100%
rename from src/assets/gtk/thumbnails/thumbnail-pink-nord-dark.png
rename to src/assets/gtk/thumbnails/thumbnail-Pink-Nord-Dark.png
diff --git a/src/assets/gtk/thumbnails/thumbnail-pink-nord.png b/src/assets/gtk/thumbnails/thumbnail-Pink-Nord.png
similarity index 100%
rename from src/assets/gtk/thumbnails/thumbnail-pink-nord.png
rename to src/assets/gtk/thumbnails/thumbnail-Pink-Nord.png
diff --git a/src/assets/gtk/thumbnails/thumbnail-pink.png b/src/assets/gtk/thumbnails/thumbnail-Pink.png
similarity index 100%
rename from src/assets/gtk/thumbnails/thumbnail-pink.png
rename to src/assets/gtk/thumbnails/thumbnail-Pink.png
diff --git a/src/assets/gtk/thumbnails/thumbnail-purple-dark.png b/src/assets/gtk/thumbnails/thumbnail-Purple-Dark.png
similarity index 100%
rename from src/assets/gtk/thumbnails/thumbnail-purple-dark.png
rename to src/assets/gtk/thumbnails/thumbnail-Purple-Dark.png
diff --git a/src/assets/gtk/thumbnails/thumbnail-purple-dracula-dark.png b/src/assets/gtk/thumbnails/thumbnail-Purple-Dracula-Dark.png
similarity index 100%
rename from src/assets/gtk/thumbnails/thumbnail-purple-dracula-dark.png
rename to src/assets/gtk/thumbnails/thumbnail-Purple-Dracula-Dark.png
diff --git a/src/assets/gtk/thumbnails/thumbnail-purple-dracula.png b/src/assets/gtk/thumbnails/thumbnail-Purple-Dracula.png
similarity index 100%
rename from src/assets/gtk/thumbnails/thumbnail-purple-dracula.png
rename to src/assets/gtk/thumbnails/thumbnail-Purple-Dracula.png
diff --git a/src/assets/gtk/thumbnails/thumbnail-purple-nord-dark.png b/src/assets/gtk/thumbnails/thumbnail-Purple-Nord-Dark.png
similarity index 100%
rename from src/assets/gtk/thumbnails/thumbnail-purple-nord-dark.png
rename to src/assets/gtk/thumbnails/thumbnail-Purple-Nord-Dark.png
diff --git a/src/assets/gtk/thumbnails/thumbnail-purple-nord.png b/src/assets/gtk/thumbnails/thumbnail-Purple-Nord.png
similarity index 100%
rename from src/assets/gtk/thumbnails/thumbnail-purple-nord.png
rename to src/assets/gtk/thumbnails/thumbnail-Purple-Nord.png
diff --git a/src/assets/gtk/thumbnails/thumbnail-purple.png b/src/assets/gtk/thumbnails/thumbnail-Purple.png
similarity index 100%
rename from src/assets/gtk/thumbnails/thumbnail-purple.png
rename to src/assets/gtk/thumbnails/thumbnail-Purple.png
diff --git a/src/assets/gtk/thumbnails/thumbnail-red-dark.png b/src/assets/gtk/thumbnails/thumbnail-Red-Dark.png
similarity index 100%
rename from src/assets/gtk/thumbnails/thumbnail-red-dark.png
rename to src/assets/gtk/thumbnails/thumbnail-Red-Dark.png
diff --git a/src/assets/gtk/thumbnails/thumbnail-red-dracula-dark.png b/src/assets/gtk/thumbnails/thumbnail-Red-Dracula-Dark.png
similarity index 100%
rename from src/assets/gtk/thumbnails/thumbnail-red-dracula-dark.png
rename to src/assets/gtk/thumbnails/thumbnail-Red-Dracula-Dark.png
diff --git a/src/assets/gtk/thumbnails/thumbnail-red-dracula.png b/src/assets/gtk/thumbnails/thumbnail-Red-Dracula.png
similarity index 100%
rename from src/assets/gtk/thumbnails/thumbnail-red-dracula.png
rename to src/assets/gtk/thumbnails/thumbnail-Red-Dracula.png
diff --git a/src/assets/gtk/thumbnails/thumbnail-red-nord-dark.png b/src/assets/gtk/thumbnails/thumbnail-Red-Nord-Dark.png
similarity index 100%
rename from src/assets/gtk/thumbnails/thumbnail-red-nord-dark.png
rename to src/assets/gtk/thumbnails/thumbnail-Red-Nord-Dark.png
diff --git a/src/assets/gtk/thumbnails/thumbnail-red-nord.png b/src/assets/gtk/thumbnails/thumbnail-Red-Nord.png
similarity index 100%
rename from src/assets/gtk/thumbnails/thumbnail-red-nord.png
rename to src/assets/gtk/thumbnails/thumbnail-Red-Nord.png
diff --git a/src/assets/gtk/thumbnails/thumbnail-red.png b/src/assets/gtk/thumbnails/thumbnail-Red.png
similarity index 100%
rename from src/assets/gtk/thumbnails/thumbnail-red.png
rename to src/assets/gtk/thumbnails/thumbnail-Red.png
diff --git a/src/assets/gtk/thumbnails/thumbnail-teal-dark.png b/src/assets/gtk/thumbnails/thumbnail-Teal-Dark.png
similarity index 100%
rename from src/assets/gtk/thumbnails/thumbnail-teal-dark.png
rename to src/assets/gtk/thumbnails/thumbnail-Teal-Dark.png
diff --git a/src/assets/gtk/thumbnails/thumbnail-teal-dracula-dark.png b/src/assets/gtk/thumbnails/thumbnail-Teal-Dracula-Dark.png
similarity index 100%
rename from src/assets/gtk/thumbnails/thumbnail-teal-dracula-dark.png
rename to src/assets/gtk/thumbnails/thumbnail-Teal-Dracula-Dark.png
diff --git a/src/assets/gtk/thumbnails/thumbnail-teal-dracula.png b/src/assets/gtk/thumbnails/thumbnail-Teal-Dracula.png
similarity index 100%
rename from src/assets/gtk/thumbnails/thumbnail-teal-dracula.png
rename to src/assets/gtk/thumbnails/thumbnail-Teal-Dracula.png
diff --git a/src/assets/gtk/thumbnails/thumbnail-teal-nord-dark.png b/src/assets/gtk/thumbnails/thumbnail-Teal-Nord-Dark.png
similarity index 100%
rename from src/assets/gtk/thumbnails/thumbnail-teal-nord-dark.png
rename to src/assets/gtk/thumbnails/thumbnail-Teal-Nord-Dark.png
diff --git a/src/assets/gtk/thumbnails/thumbnail-teal-nord.png b/src/assets/gtk/thumbnails/thumbnail-Teal-Nord.png
similarity index 100%
rename from src/assets/gtk/thumbnails/thumbnail-teal-nord.png
rename to src/assets/gtk/thumbnails/thumbnail-Teal-Nord.png
diff --git a/src/assets/gtk/thumbnails/thumbnail-teal.png b/src/assets/gtk/thumbnails/thumbnail-Teal.png
similarity index 100%
rename from src/assets/gtk/thumbnails/thumbnail-teal.png
rename to src/assets/gtk/thumbnails/thumbnail-Teal.png
diff --git a/src/assets/gtk/thumbnails/thumbnail-yellow-dark.png b/src/assets/gtk/thumbnails/thumbnail-Yellow-Dark.png
similarity index 100%
rename from src/assets/gtk/thumbnails/thumbnail-yellow-dark.png
rename to src/assets/gtk/thumbnails/thumbnail-Yellow-Dark.png
diff --git a/src/assets/gtk/thumbnails/thumbnail-yellow-dracula-dark.png b/src/assets/gtk/thumbnails/thumbnail-Yellow-Dracula-Dark.png
similarity index 100%
rename from src/assets/gtk/thumbnails/thumbnail-yellow-dracula-dark.png
rename to src/assets/gtk/thumbnails/thumbnail-Yellow-Dracula-Dark.png
diff --git a/src/assets/gtk/thumbnails/thumbnail-yellow-dracula.png b/src/assets/gtk/thumbnails/thumbnail-Yellow-Dracula.png
similarity index 100%
rename from src/assets/gtk/thumbnails/thumbnail-yellow-dracula.png
rename to src/assets/gtk/thumbnails/thumbnail-Yellow-Dracula.png
diff --git a/src/assets/gtk/thumbnails/thumbnail-yellow-nord-dark.png b/src/assets/gtk/thumbnails/thumbnail-Yellow-Nord-Dark.png
similarity index 100%
rename from src/assets/gtk/thumbnails/thumbnail-yellow-nord-dark.png
rename to src/assets/gtk/thumbnails/thumbnail-Yellow-Nord-Dark.png
diff --git a/src/assets/gtk/thumbnails/thumbnail-yellow-nord.png b/src/assets/gtk/thumbnails/thumbnail-Yellow-Nord.png
similarity index 100%
rename from src/assets/gtk/thumbnails/thumbnail-yellow-nord.png
rename to src/assets/gtk/thumbnails/thumbnail-Yellow-Nord.png
diff --git a/src/assets/gtk/thumbnails/thumbnail-yellow.png b/src/assets/gtk/thumbnails/thumbnail-Yellow.png
similarity index 100%
rename from src/assets/gtk/thumbnails/thumbnail-yellow.png
rename to src/assets/gtk/thumbnails/thumbnail-Yellow.png
diff --git a/src/assets/gtk/thumbnails/thumbnail-gey-dark.png b/src/assets/gtk/thumbnails/thumbnail-gey-dark.png
deleted file mode 100644
index 3cc09556..00000000
Binary files a/src/assets/gtk/thumbnails/thumbnail-gey-dark.png and /dev/null differ
diff --git a/src/assets/gtk/thumbnails/thumbnail.svg b/src/assets/gtk/thumbnails/thumbnail.svg
index 0ac133d5..fd08e640 100644
--- a/src/assets/gtk/thumbnails/thumbnail.svg
+++ b/src/assets/gtk/thumbnails/thumbnail.svg
@@ -6,7 +6,7 @@
viewBox="0 0 52.917 39.688"
id="svg202"
sodipodi:docname="thumbnail.svg"
- inkscape:version="1.1.2 (0a00cf5339, 2022-02-04)"
+ inkscape:version="1.1.2 (0a00cf5339, 2022-02-04, custom)"
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"
@@ -22,14 +22,14 @@
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
showgrid="false"
- inkscape:zoom="1.6876282"
- inkscape:cx="138.65613"
- inkscape:cy="85.030577"
- inkscape:window-width="1104"
- inkscape:window-height="547"
- inkscape:window-x="277"
- inkscape:window-y="105"
- inkscape:window-maximized="0"
+ inkscape:zoom="0.8438141"
+ inkscape:cx="181.31956"
+ inkscape:cy="114.36168"
+ inkscape:window-width="1920"
+ inkscape:window-height="1012"
+ inkscape:window-x="0"
+ inkscape:window-y="32"
+ inkscape:window-maximized="1"
inkscape:current-layer="svg202">
.top-shadow, #notification-scrollview > .bottom-shadow {
+ height: 1em;
+}
+
+#notification-scrollview:ltr > StScrollBar {
+ padding-left: 6px;
+}
+
+#notification-scrollview:rtl > StScrollBar {
+ padding-right: 6px;
+}
+
+#notification-body {
+ spacing: 6px;
+}
+
+#notification-actions {
+ spacing: 9px;
+}
+
+.notification-with-image {
+ min-height: 159px;
+ color: #FFFFFF;
+}
+
+.notification-button, .notification-icon-button {
+ padding: 6px;
+}
+
+.notification-icon-button > StIcon {
+ icon-size: 36px;
+}
+
+#altTabPopup {
+ padding: 8px;
+ spacing: 16px;
+}
+
+.switcher-list {
+ color: #FFFFFF;
+ background-color: #2C2C2C;
+ border: none;
+ border-radius: 6px;
+ padding: 20px;
+}
+
+.switcher-list > StBoxLayout {
+ padding: 4px;
+}
+
+.switcher-list-item-container {
+ spacing: 8px;
+}
+
+.switcher-list .item-box {
+ padding: 8px;
+ border-radius: 6px;
+}
+
+.switcher-list .item-box:outlined {
+ padding: 8px;
+ border: 1px solid #5b9bf8;
+}
+
+.switcher-list .item-box:selected {
+ color: #FFFFFF;
+ background-color: #5b9bf8;
+ border: 0px solid #5b9bf8;
+}
+
+.switcher-list .thumbnail {
+ width: 256px;
+}
+
+.switcher-list .thumbnail-box {
+ padding: 2px;
+ spacing: 4px;
+}
+
+.switcher-list .separator {
+ width: 1px;
+ background: rgba(255, 255, 255, 0.2);
+}
+
+.switcher-arrow {
+ border-color: rgba(0, 0, 0, 0);
+ color: #FFFFFF;
+}
+
+.switcher-arrow:highlighted {
+ border-color: rgba(0, 0, 0, 0);
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.thumbnail-scroll-gradient-left {
+ background-color: rgba(0, 0, 0, 0);
+ border-radius: 24px;
+ border-radius-topright: 0px;
+ border-radius-bottomright: 0px;
+ width: 60px;
+}
+
+.thumbnail-scroll-gradient-right {
+ background-color: rgba(0, 0, 0, 0);
+ border-radius: 24px;
+ border-radius-topleft: 0px;
+ border-radius-bottomleft: 0px;
+ width: 60px;
+}
+
+.ripple-box {
+ width: 104px;
+ height: 104px;
+ background-image: url("assets/corner-ripple.svg");
+ background-size: contain;
+}
+
+.lightbox {
+ background-color: rgba(0, 0, 0, 0.4);
+}
+
+.flashspot {
+ background-color: white;
+}
+
+.modal-dialog {
+ color: #FFFFFF;
+ background-color: rgba(18, 18, 18, 0.95);
+ padding: 0 5px 6px 5px;
+ border-radius: 6px;
+ box-shadow: 0 3px 8px rgba(0, 0, 0, 0.75), 0 5px 18px rgba(0, 0, 0, 0.55);
+}
+
+.modal-dialog > StBoxLayout:first-child {
+ padding: 20px 10px 10px 10px;
+}
+
+.modal-dialog-button-box {
+ spacing: 0;
+ margin: 0;
+ padding: 14px 10px;
+ background-color: transparent;
+ border: none;
+}
+
+.modal-dialog-button-box .modal-dialog-button {
+ padding-top: 0;
+ padding-bottom: 0;
+ height: 30px;
+}
+
+.run-dialog {
+ padding: 6px 12px;
+ background-color: rgba(25, 25, 25, 0.9);
+ border-radius: 6px;
+ color: #FFFFFF;
+}
+
+.run-dialog > * {
+ padding: 0;
+}
+
+.run-dialog-label {
+ font-size: 0;
+ font-weight: bold;
+ color: #FFFFFF;
+ padding-bottom: 0;
+}
+
+.run-dialog-error-label {
+ color: #F44336;
+}
+
+.run-dialog-error-box {
+ padding-top: 15px;
+ spacing: 5px;
+}
+
+.run-dialog-completion-box {
+ padding-left: 15px;
+ font-size: 10px;
+}
+
+.run-dialog-entry {
+ width: 21em;
+ padding: 3px 12px;
+ border-radius: 6px;
+ caret-color: #FFFFFF;
+ selected-color: #FFFFFF;
+ selection-background-color: #5b9bf8;
+ color: #FFFFFF;
+ background-color: rgba(255, 255, 255, 0.04);
+ border: 2px solid transparent;
+}
+
+.run-dialog-entry:focus {
+ color: #FFFFFF;
+ background-color: rgba(255, 255, 255, 0.04);
+ border: 2px solid #5b9bf8;
+}
+
+.run-dialog .modal-dialog-button-box {
+ border: none;
+ box-shadow: none;
+ background: none;
+ background-gradient-direction: none;
+}
+
+/* CinnamonMountOperation Dialogs */
+.cinnamon-mount-operation-icon {
+ icon-size: 48px;
+}
+
+.mount-password-reask {
+ color: #FBC02D;
+}
+
+.show-processes-dialog,
+.mount-question-dialog {
+ spacing: 24px;
+}
+
+.show-processes-dialog-subject,
+.mount-question-dialog-subject {
+ padding-top: 10px;
+ padding-left: 17px;
+ padding-bottom: 6px;
+}
+
+.show-processes-dialog-subject:rtl,
+.mount-question-dialog-subject:rtl {
+ padding-left: 0px;
+ padding-right: 17px;
+}
+
+.show-processes-dialog-description,
+.mount-question-dialog-description {
+ padding-left: 17px;
+ width: 28em;
+}
+
+.show-processes-dialog-description:rtl,
+.mount-question-dialog-description:rtl {
+ padding-right: 17px;
+}
+
+.show-processes-dialog-app-list {
+ max-height: 200px;
+ padding-top: 24px;
+ padding-left: 49px;
+ padding-right: 32px;
+}
+
+.show-processes-dialog-app-list:rtl {
+ padding-right: 49px;
+ padding-left: 32px;
+}
+
+.show-processes-dialog-app-list-item {
+ color: #ccc;
+}
+
+.show-processes-dialog-app-list-item:hover {
+ color: white;
+}
+
+.show-processes-dialog-app-list-item:ltr {
+ padding-right: 1em;
+}
+
+.show-processes-dialog-app-list-item:rtl {
+ padding-left: 1em;
+}
+
+.show-processes-dialog-app-list-item-icon:ltr {
+ padding-right: 17px;
+}
+
+.show-processes-dialog-app-list-item-icon:rtl {
+ padding-left: 17px;
+}
+
+.show-processes-dialog-app-list-item-name {
+ font-size: 1.1em;
+}
+
+.magnifier-zoom-region {
+ border: 2px solid maroon;
+}
+
+.magnifier-zoom-region .full-screen {
+ border-width: 0px;
+}
+
+#keyboard {
+ background-color: rgba(25, 25, 25, 0.9);
+ border-width: 0;
+ border-top-width: 1px;
+ border-color: rgba(0, 0, 0, 0.4);
+}
+
+.keyboard-layout {
+ spacing: 10px;
+ padding: 10px;
+}
+
+.keyboard-row {
+ spacing: 15px;
+}
+
+.keyboard-key {
+ min-height: 2em;
+ min-width: 2em;
+ font-size: 14pt;
+ font-weight: bold;
+ border-radius: 6px;
+ box-shadow: none;
+ color: rgba(255, 255, 255, 0.7);
+ background-color: rgba(255, 255, 255, 0.04);
+}
+
+.keyboard-key:hover {
+ color: #FFFFFF;
+ background-color: rgba(255, 255, 255, 0.12);
+}
+
+.keyboard-key:active, .keyboard-key:checked {
+ color: #FFFFFF;
+ background-color: rgba(255, 255, 255, 0.3);
+}
+
+.keyboard-key:grayed {
+ color: rgba(255, 255, 255, 0.3);
+ background-color: transparent;
+}
+
+.keyboard-subkeys {
+ color: #FFFFFF;
+ padding: 5px;
+ -arrow-border-radius: 6px;
+ -arrow-background-color: rgba(25, 25, 25, 0.9);
+ -arrow-border-width: 1px;
+ -arrow-border-color: rgba(0, 0, 0, 0.4);
+ -arrow-base: 20px;
+ -arrow-rise: 10px;
+ -boxpointer-gap: 5px;
+}
+
+.menu-favorites-box {
+ margin: auto;
+ margin-bottom: 6px;
+ padding: 6px;
+ transition-duration: 300;
+ background-color: rgba(255, 255, 255, 0.05);
+ border: none;
+ border-radius: 6px;
+}
+
+.menu-favorites-button {
+ padding: 9px;
+ border: none;
+ border-radius: 6px;
+}
+
+.menu-favorites-button:hover {
+ border-radius: 6px;
+ background-color: rgba(255, 255, 255, 0.1);
+}
+
+.menu-places-box {
+ margin: auto;
+ padding: 9px;
+ border: 1px solid rgba(0, 0, 0, 0);
+}
+
+.menu-places-button {
+ padding: 9px;
+}
+
+.menu-categories-box {
+ padding: 9px 30px;
+}
+
+.menu-applications-inner-box, .menu-applications-outer-box {
+ padding: 9px 9px 0 9px;
+}
+
+.menu-application-button {
+ padding: 6px;
+ border-radius: 6px;
+ border: none;
+}
+
+.menu-application-button:highlighted {
+ font-weight: bold;
+}
+
+.menu-application-button-selected {
+ color: #FFFFFF;
+ background-color: rgba(255, 255, 255, 0.12);
+ padding: 6px;
+ border-radius: 6px;
+ border: none;
+}
+
+.menu-application-button-selected:highlighted {
+ font-weight: bold;
+}
+
+.menu-application-button-label:ltr {
+ padding-left: 6px;
+}
+
+.menu-application-button-label:rtl {
+ padding-right: 6px;
+}
+
+.menu StScrollView.menu-application-button {
+ padding: 3px 0;
+ border-radius: 6px;
+ background-color: #414141;
+ color: #FFFFFF;
+}
+
+.menu StScrollView.menu-application-button .popup-menu-item {
+ padding: 0;
+ spacing: 0;
+ margin: 0 3px;
+ border-radius: 6px;
+ color: #FFFFFF;
+}
+
+.menu StScrollView.menu-application-button .popup-menu-item:ltr {
+ padding-left: 6px;
+}
+
+.menu StScrollView.menu-application-button .popup-menu-item:rtl {
+ padding-right: 6px;
+}
+
+.menu StScrollView.menu-application-button .popup-menu-item:active {
+ border-image: none;
+ background-color: rgba(255, 255, 255, 0.12);
+ color: #FFFFFF;
+}
+
+.menu StScrollView.menu-application-button .popup-menu-item StIcon {
+ min-width: 22px;
+}
+
+.menu StScrollView.menu-application-button .popup-menu-item StLabel:ltr {
+ padding: 6px 0 6px 6px;
+}
+
+.menu StScrollView.menu-application-button .popup-menu-item StLabel:rtl {
+ padding: 6px 6px 6px 0;
+}
+
+.menu-category-button {
+ padding: 6px;
+ border-radius: 6px;
+}
+
+.menu-category-button-selected {
+ padding: 6px;
+}
+
+.menu-category-button-hover, .menu-category-button-selected {
+ color: #FFFFFF;
+ background-color: rgba(255, 255, 255, 0.12);
+ border-radius: 6px;
+}
+
+.menu-category-button-greyed {
+ padding: 6px;
+ color: rgba(255, 255, 255, 0.5);
+}
+
+.menu-category-button-label:ltr {
+ padding-left: 6px;
+}
+
+.menu-category-button-label:rtl {
+ padding-right: 6px;
+}
+
+.menu-selected-app-box {
+ padding-right: 30px;
+ padding-left: 28px;
+ text-align: right;
+ height: 30px;
+}
+
+.menu-selected-app-box:rtl {
+ padding-top: 10px;
+ height: 30px;
+}
+
+.menu-selected-app-title {
+ font-weight: bold;
+}
+
+.menu-selected-app-description {
+ max-width: 150px;
+ margin-bottom: 6px;
+}
+
+.menu-search-box:ltr {
+ padding-left: 30px;
+}
+
+.menu-search-box-rtl {
+ padding-right: 30px;
+}
+
+#menu-search-entry {
+ width: 250px;
+ height: 15px;
+ font-weight: normal;
+ caret-color: #FFFFFF;
+}
+
+.menu-search-entry-icon {
+ icon-size: 1em;
+ color: #FFFFFF;
+}
+
+.info-osd {
+ text-align: center;
+ font-weight: bold;
+ spacing: 1em;
+ padding: 16px;
+ color: rgba(255, 255, 255, 0.7);
+ background-color: rgba(33, 33, 33, 0.75);
+}
+
+.osd-window {
+ text-align: center;
+ font-weight: bold;
+ spacing: 1em;
+ padding: 20px;
+ min-width: 64px;
+ min-height: 64px;
+ color: rgba(255, 255, 255, 0.7);
+ border-radius: 0;
+ background-color: rgba(33, 33, 33, 0.75);
+ border: none;
+}
+
+.osd-window .osd-monitor-label {
+ font-size: 3em;
+}
+
+.osd-window .level {
+ padding: 0;
+ height: 4px;
+ background-color: rgba(0, 0, 0, 0.35);
+ border-radius: 6px;
+ color: #5b9bf8;
+}
+
+.osd-window .level-bar {
+ border-radius: 6px;
+ background-color: #5b9bf8;
+}
+
+.window-list-box {
+ spacing: 2px;
+}
+
+.panel-bottom .window-list-box:ltr, .panel-top .window-list-box:ltr {
+ padding: 0 0 0 8px;
+}
+
+.panel-bottom .window-list-box:rtl, .panel-top .window-list-box:rtl {
+ padding: 0 8px 0 0;
+}
+
+.window-list-box.vertical {
+ padding: 6px 0 0 0;
+}
+
+.window-list-box.vertical #appMenuIcon {
+ padding-top: 2px;
+}
+
+.window-list-box:highlight {
+ background-color: rgba(244, 67, 54, 0.5);
+}
+
+.window-list-item-label {
+ font-weight: normal;
+ width: 15em;
+ min-width: 5px;
+}
+
+.window-list-item-box {
+ font-weight: normal;
+ background-image: none;
+ transition-duration: 100ms;
+ color: rgba(255, 255, 255, 0.9);
+ border-radius: 0;
+}
+
+.panel-bottom .window-list-item-box StLabel {
+ padding-left: 6px;
+}
+
+.panel-top .window-list-item-box StLabel {
+ padding-left: 6px;
+}
+
+.panel-left .window-list-item-box StLabel {
+ padding-top: 6px;
+}
+
+.panel-right .window-list-item-box StLabel {
+ padding-top: 6px;
+}
+
+.panel-top .window-list-item-box {
+ border-top: 2px solid transparent;
+}
+
+.panel-top .window-list-item-box StIcon, .panel-top .window-list-item-box StBin, .panel-top .window-list-item-box #appMenuIcon {
+ padding: 2px;
+ padding-top: 0;
+}
+
+.panel-bottom .window-list-item-box {
+ border-bottom: 2px solid transparent;
+}
+
+.panel-bottom .window-list-item-box StIcon, .panel-bottom .window-list-item-box StBin, .panel-bottom .window-list-item-box #appMenuIcon {
+ padding: 2px;
+ padding-bottom: 0;
+}
+
+.panel-left .window-list-item-box {
+ border-left: 2px solid transparent;
+}
+
+.panel-left .window-list-item-box StIcon, .panel-left .window-list-item-box StBin, .panel-left .window-list-item-box #appMenuIcon {
+ padding: 2px;
+ padding-left: 0;
+}
+
+.panel-right .window-list-item-box {
+ border-right: 2px solid transparent;
+}
+
+.panel-right .window-list-item-box StIcon, .panel-right .window-list-item-box StBin, .panel-right .window-list-item-box #appMenuIcon {
+ padding: 2px;
+ padding-right: 0;
+}
+
+.window-list-item-box:hover {
+ color: rgba(255, 255, 255, 0.7);
+ background-gradient-direction: none;
+ background-color: rgba(255, 255, 255, 0.15);
+}
+
+.window-list-item-box:active, .window-list-item-box:checked, .window-list-item-box:running {
+ color: rgba(255, 255, 255, 0.7);
+ background-gradient-direction: none;
+ background-color: rgba(255, 255, 255, 0.25);
+ border-color: rgba(255, 255, 255, 0.3);
+}
+
+.window-list-item-box:active:hover, .window-list-item-box:checked:hover, .window-list-item-box:running:hover {
+ background-color: rgba(255, 255, 255, 0.3);
+}
+
+.window-list-item-box:focus {
+ color: rgba(255, 255, 255, 0.7);
+ background-gradient-direction: none;
+ background-image: radial-gradient(5px 5px 45deg, circle cover, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.7) 100%);
+ border-color: #5b9bf8;
+ background-color: rgba(255, 255, 255, 0.2);
+}
+
+.window-list-item-box:focus:hover {
+ background-color: rgba(255, 255, 255, 0.3);
+}
+
+.panel-top .window-list-item-box:focus {
+ background-position: top center;
+}
+
+.panel-bottom .window-list-item-box:focus {
+ background-position: bottom center;
+}
+
+.panel-left .window-list-item-box:focus {
+ background-position: left center;
+}
+
+.panel-right .window-list-item-box:focus {
+ background-position: right center;
+}
+
+.window-list-item-box.right, .window-list-item-box.left {
+ padding-left: 0px;
+ padding-right: 0px;
+}
+
+.window-list-item-box .progress {
+ background-gradient-direction: vertical;
+ background-gradient-start: #66BB6A;
+ background-gradient-end: #66BB6A;
+ border-radius: 6px;
+ box-shadow: none;
+}
+
+.window-list-item-demands-attention {
+ background-gradient-start: #FBC02D;
+ background-gradient-end: #FBC02D;
+}
+
+.window-list-preview {
+ padding: 6px;
+ spacing: 6px;
+ border: none;
+ background-color: #2C2C2C;
+ border-radius: 6px;
+ color: #FFFFFF;
+ box-shadow: 0 3px 5px rgba(0, 0, 0, 0.35), 0 3px 12px rgba(0, 0, 0, 0.16);
+}
+
+.grouped-window-list-thumbnail-label {
+ padding-left: 4px;
+}
+
+.grouped-window-list-thumbnail-alert {
+ background-color: rgba(244, 67, 54, 0.5);
+}
+
+.grouped-window-list-thumbnail-menu {
+ padding: 6px;
+}
+
+.grouped-window-list-thumbnail-menu .item-box {
+ padding: 6px;
+ border-radius: 6px;
+ spacing: 6px;
+ margin: 1px;
+}
+
+.grouped-window-list-thumbnail-menu .item-box:outlined {
+ background-color: rgba(255, 255, 255, 0.1);
+}
+
+.grouped-window-list-thumbnail-menu .item-box:hover {
+ background-color: rgba(255, 255, 255, 0.15);
+}
+
+.grouped-window-list-thumbnail-menu .thumbnail {
+ width: 256px;
+}
+
+.grouped-window-list-thumbnail-menu .separator {
+ width: 1px;
+ background-color: rgba(255, 255, 255, 0.12);
+}
+
+.grouped-window-list-number-label {
+ z-index: 120;
+ text-shadow: none;
+ color: #FFFFFF;
+ padding: 0;
+}
+
+.grouped-window-list-button-label {
+ padding-left: 2px;
+}
+
+.grouped-window-list-badge {
+ border-radius: 256px;
+ background-color: #5b9bf8;
+}
+
+.grouped-window-list-item-box {
+ font-weight: normal;
+ transition-duration: 100ms;
+ border: none;
+ margin: 0;
+ color: rgba(255, 255, 255, 0.6);
+ border-radius: 0;
+ spacing: 6px;
+ border-bottom: 2px solid transparent;
+}
+
+.grouped-window-list-item-box.top, .grouped-window-list-item-box.bottom {
+ padding: 0 2px;
+}
+
+.grouped-window-list-item-box:hover {
+ color: rgba(255, 255, 255, 0.7);
+ background-gradient-direction: none;
+ background-color: rgba(255, 255, 255, 0.15);
+}
+
+.grouped-window-list-item-box:active {
+ color: rgba(255, 255, 255, 0.7);
+ background-gradient-direction: none;
+ background-color: transparent;
+ border-color: rgba(255, 255, 255, 0.3);
+}
+
+.grouped-window-list-item-box:active:hover {
+ background-color: rgba(255, 255, 255, 0.15);
+}
+
+.grouped-window-list-item-box:focus {
+ color: rgba(255, 255, 255, 0.7);
+ background-gradient-direction: none;
+ background-color: rgba(255, 255, 255, 0.2);
+ border-color: #5b9bf8;
+}
+
+.grouped-window-list-item-box:focus:hover {
+ background-color: rgba(255, 255, 255, 0.3);
+}
+
+.grouped-window-list-item-box .progress {
+ background-gradient-direction: vertical;
+ background-gradient-start: #66BB6A;
+ background-gradient-end: #66BB6A;
+ border-radius: 6px;
+ box-shadow: none;
+}
+
+.grouped-window-list-item-demands-attention {
+ background-gradient-start: #FBC02D;
+ background-gradient-end: #FBC02D;
+}
+
+.sound-button {
+ width: 22px;
+ height: 13px;
+ padding: 8px;
+}
+
+.sound-button-container {
+ padding-right: 3px;
+ padding-left: 3px;
+}
+
+.sound-button StIcon {
+ icon-size: 1.4em;
+}
+
+.sound-track-infos {
+ padding: 5px;
+}
+
+.sound-track-info {
+ padding-top: 2px;
+ padding-bottom: 2px;
+}
+
+.sound-track-info StIcon {
+ icon-size: 16px;
+}
+
+.sound-track-info StLabel {
+ padding-left: 5px;
+ padding-right: 5px;
+}
+
+.sound-track-box {
+ padding-left: 15px;
+ padding-right: 15px;
+ max-width: 220px;
+}
+
+.sound-seek-box {
+ padding-left: 15px;
+}
+
+.sound-seek-box StLabel {
+ padding-top: 2px;
+}
+
+.sound-seek-box StIcon {
+ icon-size: 16px;
+}
+
+.sound-seek-slider {
+ width: 140px;
+}
+
+.sound-volume-menu-item {
+ padding: .4em 1.75em;
+}
+
+.sound-volume-menu-item StIcon {
+ icon-size: 1.14em;
+ padding-left: 8px;
+ padding-right: 8px;
+}
+
+.sound-playback-control {
+ padding: 5px 10px 10px 10px;
+}
+
+.sound-player {
+ padding: 0 0;
+ margin-top: 6px;
+ border-radius: 6px;
+ background-color: #414141;
+ color: #FFFFFF;
+}
+
+.sound-player > StBoxLayout:first-child {
+ padding: 5px 10px 10px 10px;
+ spacing: 0.5em;
+}
+
+.sound-player > StBoxLayout:first-child StButton:small {
+ width: 24px;
+ height: 24px;
+ border-radius: 9999px;
+}
+
+.sound-player > StBoxLayout:first-child StButton:small:hover {
+ background-color: rgba(255, 255, 255, 0.12);
+}
+
+.sound-player > StBoxLayout:first-child StButton:small:active {
+ background-color: rgba(255, 255, 255, 0.3);
+}
+
+.sound-player > StBoxLayout:first-child StButton:small StIcon {
+ icon-size: 16px;
+}
+
+.sound-player-generic-coverart {
+ background: rgba(0, 0, 0, 0.2);
+}
+
+.sound-player-overlay {
+ width: 290px;
+ height: 80px;
+ padding: 12px 18px;
+ spacing: 6px;
+ background-color: rgba(0, 0, 0, 0.45);
+ border: none;
+ border-radius: 0 0 6px 6px;
+ color: #FFFFFF;
+ text-shadow: none;
+}
+
+.sound-player-overlay StButton {
+ width: 16px;
+ height: 16px;
+ padding: 8px;
+ margin: 0 6px 6px;
+ color: #FFFFFF;
+ border-radius: 9999px;
+ border: none;
+ text-shadow: none;
+}
+
+.sound-player-overlay StButton StIcon {
+ icon-size: 16px;
+}
+
+.sound-player-overlay StButton:hover {
+ background-color: rgba(255, 255, 255, 0.12);
+}
+
+.sound-player-overlay StButton:active {
+ background-color: rgba(255, 255, 255, 0.3);
+}
+
+.sound-player-overlay StButton:insensitive {
+ opacty: 0.35;
+ color: rgba(255, 255, 255, 0.5);
+}
+
+.sound-player-overlay StLabel {
+ padding: 0 6px;
+}
+
+.sound-player-overlay StBoxLayout {
+ padding-top: 2px;
+}
+
+.sound-player .slider {
+ height: 0.5em;
+ padding: 0;
+ border: 0px solid rgba(5, 5, 5, 0.9);
+ border-bottom: 1px;
+ -slider-height: 0.5em;
+ -slider-background-color: #1f1f1f;
+ -slider-border-color: rgba(0, 0, 0, 0);
+ -slider-active-background-color: #5b9bf8;
+ -slider-active-border-color: rgba(0, 0, 0, 0);
+ -slider-border-width: 0px;
+ -slider-handle-radius: 0px;
+}
+
+#workspaceSwitcher {
+ spacing: 0px;
+ padding: 3px;
+}
+
+/* Controls the styling when using the "Simple buttons" option */
+.workspace-switcher {
+ padding-left: 3px;
+ padding-right: 3px;
+}
+
+.workspace-button {
+ width: 20px;
+ height: 10px;
+ color: rgba(255, 255, 255, 0.7);
+ padding: 3px;
+ padding-top: 4px;
+ transition-duration: 300;
+}
+
+.workspace-button:outlined, .workspace-button:outlined:hover {
+ color: #5b9bf8;
+}
+
+.workspace-button:hover {
+ color: #8cb9fa;
+}
+
+/* Controls the style when using the "Visual representation" option */
+.workspace-graph {
+ padding: 3px;
+ spacing: 3px;
+}
+
+.workspace-graph .workspace {
+ border: 1px solid rgba(0, 0, 0, 0.4);
+ background-gradient-direction: none;
+ background-color: rgba(0, 0, 0, 0.2);
+}
+
+.workspace-graph .workspace:active {
+ border: 1px solid #5b9bf8;
+ background-gradient-direction: none;
+}
+
+.workspace-graph .workspace .windows {
+ -active-window-background: rgba(71, 71, 71, 0.75);
+ -active-window-border: rgba(0, 0, 0, 0.8);
+ -inactive-window-background: rgba(71, 71, 71, 0.75);
+ -inactive-window-border: rgba(0, 0, 0, 0.8);
+}
+
+.workspace-graph .workspace:active .windows {
+ -active-window-background: rgba(84, 84, 84, 0.75);
+ -active-window-border: rgba(0, 0, 0, 0.8);
+ -inactive-window-background: rgba(46, 46, 46, 0.75);
+ -inactive-window-border: rgba(0, 0, 0, 0.8);
+}
+
+#panel-launchers-box {
+ padding: 0 6px;
+}
+
+#panel-launchers-box.vertical {
+ padding: 3px 0;
+}
+
+.panel-launcher {
+ padding: 2px;
+ transition-duration: 200ms;
+ border-radius: 0;
+}
+
+.panel-launcher:hover {
+ background-gradient-direction: none;
+ background-color: rgba(255, 255, 255, 0.1);
+}
+
+.panel-launcher:active {
+ background-color: rgba(255, 255, 255, 0.2);
+}
+
+.launcher {
+ padding: 2px;
+ spacing: 2px;
+ transition-duration: 0.2s;
+ border-radius: 0;
+}
+
+.launcher:hover {
+ background-gradient-direction: none;
+ background-color: rgba(255, 255, 255, 0.1);
+}
+
+.launcher:active {
+ background-color: rgba(255, 255, 255, 0.2);
+}
+
+.launcher .icon-box {
+ padding: 2px;
+}
+
+.applet-separator {
+ padding: 1px 3px;
+}
+
+.applet-separator-line {
+ width: 1px;
+ background: rgba(255, 255, 255, 0.12);
+}
+
+.applet-box {
+ padding: 0 6px;
+ color: rgba(255, 255, 255, 0.7);
+ text-shadow: none;
+ transition-duration: 100ms;
+ border-radius: 0;
+}
+
+.applet-box.vertical {
+ padding: 6px 0;
+}
+
+.applet-box:hover {
+ color: rgba(255, 255, 255, 0.7);
+ background-color: rgba(255, 255, 255, 0.04);
+}
+
+.applet-box:checked, .applet-box:checked:hover {
+ color: rgba(255, 255, 255, 0.7);
+ background-color: rgba(255, 255, 255, 0.12);
+}
+
+.applet-box:highlight {
+ background-image: none;
+ border-image: none;
+ background-color: rgba(244, 67, 54, 0.5);
+}
+
+.applet-label {
+ font-weight: bold;
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.applet-box:checked .applet-label {
+ color: rgba(255, 255, 255, 0.7);
+ text-shadow: none;
+}
+
+.applet-icon {
+ color: rgba(255, 255, 255, 0.7);
+ icon-size: 16px;
+}
+
+.applet-box:checked .applet-icon {
+ color: rgba(255, 255, 255, 0.7);
+ text-shadow: none;
+}
+
+.user-icon {
+ width: 32px;
+ height: 32px;
+ background-color: transparent;
+ border: none;
+ border-radius: 0;
+}
+
+.user-label {
+ color: #FFFFFF;
+ font-size: 1em;
+ font-weight: bold;
+ margin: 0px;
+}
+
+.desklet {
+ color: #FFFFFF;
+}
+
+.desklet:highlight {
+ background-color: rgba(244, 67, 54, 0.5);
+}
+
+.desklet-with-borders {
+ color: #FFFFFF;
+ background-color: rgba(25, 25, 25, 0.9);
+ padding: 12px;
+ padding-bottom: 16px;
+}
+
+.desklet-with-borders:highlight {
+ background-color: rgba(244, 67, 54, 0.5);
+}
+
+.desklet-with-borders-and-header {
+ color: #FFFFFF;
+ background-color: rgba(25, 25, 25, 0.9);
+ border-radius: 6px;
+ border-radius-topleft: 0;
+ border-radius-topright: 0;
+ padding: 12px;
+ padding-bottom: 17px;
+}
+
+.desklet-with-borders-and-header:highlight {
+ background-color: rgba(244, 67, 54, 0.5);
+}
+
+.desklet-header {
+ color: #FFFFFF;
+ background-color: rgba(25, 25, 25, 0.9);
+ border-radius: 0;
+ border-radius-topleft: 6px;
+ border-radius-topright: 6px;
+ font-size: 1em;
+ padding: 12px;
+ padding-bottom: 6px;
+}
+
+.desklet-drag-placeholder {
+ border: 2px solid #5b9bf8;
+ background-color: rgba(91, 155, 248, 0.3);
+}
+
+.photoframe-box {
+ color: #FFFFFF;
+ background-color: rgba(25, 25, 25, 0.9);
+ padding: 12px;
+ padding-bottom: 16px;
+}
+
+.workspace-osd {
+ text-shadow: black 5px 5px 5px;
+ font-weight: bold;
+ font-size: 48pt;
+}
+
+.notification-applet-padding {
+ padding: .5em 1em;
+}
+
+.notification-applet-container {
+ max-height: 9999px;
+}
+
+.tile-preview, .tile-preview.snap,
+.tile-hud, .tile-hud.snap {
+ background-color: rgba(91, 155, 248, 0.3);
+ border: 1px solid #5b9bf8;
+}
+
+.xkcd-box {
+ padding: 6px;
+ border: 0px;
+ background-color: rgba(0, 0, 0, 0);
+ border-radius: 0px;
+}
diff --git a/src/main/cinnamon/cinnamon-dark.scss b/src/main/cinnamon/cinnamon-Dark.scss
similarity index 100%
rename from src/main/cinnamon/cinnamon-dark.scss
rename to src/main/cinnamon/cinnamon-Dark.scss
diff --git a/src/main/cinnamon/cinnamon-Light.css b/src/main/cinnamon/cinnamon-Light.css
new file mode 100644
index 00000000..736c039a
--- /dev/null
+++ b/src/main/cinnamon/cinnamon-Light.css
@@ -0,0 +1,2338 @@
+stage {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.label-shadow {
+ color: rgba(0, 0, 0, 0);
+}
+
+.sound-button {
+ min-height: 24px;
+ padding: 5px 32px;
+ transition-duration: 100ms;
+ border-radius: 6px;
+ color: rgba(0, 0, 0, 0.6);
+ background-color: rgba(0, 0, 0, 0.04);
+}
+
+.sound-button:focus {
+ color: rgba(0, 0, 0, 0.87);
+ background-color: rgba(0, 0, 0, 0.12);
+ border-radius: 6px;
+}
+
+.sound-button:hover {
+ color: rgba(0, 0, 0, 0.87);
+ background-color: rgba(0, 0, 0, 0.12);
+ border-radius: 6px;
+}
+
+.sound-button:hover:focus {
+ color: rgba(0, 0, 0, 0.87);
+ background-color: rgba(0, 0, 0, 0.26);
+ border-radius: 6px;
+}
+
+.sound-button:active {
+ color: rgba(0, 0, 0, 0.87);
+ background-color: rgba(0, 0, 0, 0.26);
+ border-radius: 6px;
+}
+
+.sound-button:insensitive {
+ color: rgba(0, 0, 0, 0.38);
+ background-color: rgba(0, 0, 0, 0.04);
+ border-radius: 6px;
+}
+
+.notification-button, .notification-icon-button, .menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button, #notification .notification-button, #notification .notification-icon-button, .calendar-today-home-button,
+.calendar-today-home-button-enabled {
+ border-radius: 6px;
+ color: rgba(0, 0, 0, 0.6);
+ background-color: transparent;
+}
+
+.notification-button:hover, .notification-icon-button:hover, #notification .notification-button:hover, #notification .notification-icon-button:hover, .calendar-today-home-button:hover,
+.calendar-today-home-button-enabled:hover {
+ color: rgba(0, 0, 0, 0.87);
+ background-color: rgba(0, 0, 0, 0.12);
+ border-radius: 6px;
+}
+
+.notification-button:active, .notification-icon-button:active, #notification .notification-button:active, #notification .notification-icon-button:active, .calendar-today-home-button:active,
+.calendar-today-home-button-enabled:active {
+ color: rgba(0, 0, 0, 0.87);
+ background-color: rgba(0, 0, 0, 0.26);
+ border-radius: 6px;
+}
+
+.notification-button:insensitive, .notification-icon-button:insensitive, #notification .notification-button:insensitive, #notification .notification-icon-button:insensitive, .calendar-today-home-button:insensitive,
+.calendar-today-home-button-enabled:insensitive {
+ color: rgba(0, 0, 0, 0.26);
+ background-color: transparent;
+ border-radius: 6px;
+}
+
+.modal-dialog-button-box .modal-dialog-button {
+ min-height: 24px;
+ padding: 6px 30px;
+ transition-duration: 100ms;
+ border-radius: 6px;
+ color: rgba(255, 255, 255, 0.7);
+ background-color: rgba(255, 255, 255, 0.04);
+}
+
+.modal-dialog-button-box .modal-dialog-button:hover {
+ color: #FFFFFF;
+ background-color: rgba(255, 255, 255, 0.12);
+}
+
+.modal-dialog-button-box .modal-dialog-button:focus {
+ color: #3c84f7;
+}
+
+.modal-dialog-button-box .modal-dialog-button:active {
+ color: #FFFFFF;
+ background-color: rgba(255, 255, 255, 0.3);
+}
+
+.modal-dialog-button-box .modal-dialog-button:insensitive {
+ color: rgba(255, 255, 255, 0.3);
+ background-color: transparent;
+}
+
+#menu-search-entry, .notification StEntry, .menu #notification StEntry, .popup-menu #notification StEntry, #notification StEntry {
+ padding: 3px 12px;
+ min-height: 24px;
+ caret-size: 1px;
+ selection-background-color: #3c84f7;
+ selected-color: #FFFFFF;
+ transition-duration: 300ms;
+ border-radius: 6px;
+ color: rgba(0, 0, 0, 0.87);
+ border: 2px solid transparent;
+ background-color: rgba(0, 0, 0, 0.04);
+}
+
+#menu-search-entry:focus, .notification StEntry:focus, .menu #notification StEntry:focus, .popup-menu #notification StEntry:focus, #notification StEntry:focus, #menu-search-entry:hover, .notification StEntry:hover, .menu #notification StEntry:hover, .popup-menu #notification StEntry:hover, #notification StEntry:hover {
+ color: rgba(0, 0, 0, 0.87);
+ background-color: rgba(0, 0, 0, 0.04);
+ border: 2px solid #3c84f7;
+}
+
+#menu-search-entry:insensitive, .notification StEntry:insensitive, .menu #notification StEntry:insensitive, .popup-menu #notification StEntry:insensitive, #notification StEntry:insensitive {
+ border: 2px solid transparent;
+ background-color: rgba(0, 0, 0, 0.04);
+ color: rgba(0, 0, 0, 0.38);
+}
+
+#menu-search-entry StIcon.capslock-warning, .notification StEntry StIcon.capslock-warning, .menu #notification StEntry StIcon.capslock-warning, .popup-menu #notification StEntry StIcon.capslock-warning, #notification StEntry StIcon.capslock-warning {
+ icon-size: 16px;
+ warning-color: #FFD600;
+ padding: 0 6px;
+}
+
+StScrollView.vfade {
+ -st-vfade-offset: 0px;
+}
+
+StScrollView.hfade {
+ -st-hfade-offset: 0px;
+}
+
+StScrollBar {
+ padding: 8px;
+}
+
+StScrollView StScrollBar {
+ min-width: 5px;
+ min-height: 5px;
+}
+
+StScrollBar StBin#trough {
+ background-color: rgba(255, 255, 255, 0.1);
+ border-radius: 9999px;
+}
+
+StScrollBar StButton#vhandle, StScrollBar StButton#hhandle {
+ border-radius: 9999px;
+ background-color: rgba(169, 169, 169, 0.948);
+ border: 0px solid;
+ margin: 0px;
+}
+
+StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover {
+ background-color: rgba(192, 192, 192, 0.961);
+}
+
+StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
+ background-color: #3c84f7;
+}
+
+.separator {
+ -gradient-height: 1px;
+ -gradient-start: rgba(0, 0, 0, 0);
+ -gradient-end: rgba(0, 0, 0, 0);
+ -margin-horizontal: 1.5em;
+ height: 1em;
+}
+
+.popup-slider-menu-item,
+.slider {
+ -slider-height: 4px;
+ -slider-background-color: rgba(0, 0, 0, 0.12);
+ -slider-border-color: transparent;
+ -slider-active-background-color: #3c84f7;
+ -slider-active-border-color: transparent;
+ -slider-border-width: 0;
+ -slider-handle-radius: 4px;
+ height: 18px;
+ min-width: 15em;
+ border: 0 solid transparent;
+ border-right-width: 1px;
+ border-left-width: 5px;
+ color: transparent;
+}
+
+.check-box CinnamonGenericContainer {
+ spacing: .2em;
+ min-height: 30px;
+ padding-top: 2px;
+}
+
+.check-box StLabel {
+ font-weight: normal;
+}
+
+.check-box StBin {
+ width: 24px;
+ height: 24px;
+}
+
+.check-box StBin, .check-box:focus StBin {
+ background-image: url("assets/checkbox-off.svg");
+}
+
+.check-box:checked StBin, .check-box:focus:checked StBin {
+ background-image: url("assets/checkbox.svg");
+}
+
+.radiobutton CinnamonGenericContainer {
+ spacing: .2em;
+ min-height: 30px;
+ padding-top: 2px;
+}
+
+.radiobutton StLabel {
+ padding-top: 4px;
+ font-size: 0.9em;
+ box-shadow: none;
+}
+
+.radiobutton StBin {
+ width: 24px;
+ height: 24px;
+}
+
+.radiobutton StBin, .radiobutton:focus StBin {
+ background-image: url("assets/radiobutton-off.svg");
+}
+
+.radiobutton:checked StBin, .radiobutton:focus:checked StBin {
+ background-image: url("assets/radiobutton.svg");
+}
+
+.toggle-switch {
+ width: 40px;
+ height: 20px;
+ background-size: contain;
+}
+
+.toggle-switch, .popup-menu-item:active .toggle-switch {
+ background-image: url("assets/toggle-off.svg");
+}
+
+.toggle-switch:checked, .popup-menu-item:active .toggle-switch:checked {
+ background-image: url("assets/toggle-on.svg");
+}
+
+.cinnamon-link {
+ color: #3c84f7;
+ text-decoration: underline;
+}
+
+.cinnamon-link:hover {
+ color: #6da3f9;
+}
+
+#Tooltip {
+ border-radius: 9999px;
+ padding: 6px 12px;
+ background-color: rgba(52, 52, 52, 0.9);
+ color: #FFFFFF;
+ margin: 6px;
+ box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+ font-size: 1em;
+ font-weight: normal;
+ text-align: center;
+}
+
+.menu,
+.popup-menu,
+.popup-combo-menu {
+ padding: 0;
+ color: rgba(0, 0, 0, 0.87);
+ background-color: #FFFFFF;
+ border-radius: 12px;
+ margin: 6px;
+ box-shadow: 0 5px 12px rgba(0, 0, 0, 0.35);
+}
+
+.menu-arrow,
+.popup-menu-arrow {
+ icon-size: 16px;
+}
+
+.menu .popup-sub-menu,
+.popup-menu .popup-sub-menu,
+.popup-combo-menu .popup-sub-menu {
+ border-radius: 6px;
+ background-gradient-direction: none;
+ box-shadow: none;
+ background-color: rgba(235, 235, 235, 0.987);
+ color: rgba(0, 0, 0, 0.6);
+}
+
+.menu .popup-sub-menu .popup-menu-item:active,
+.popup-menu .popup-sub-menu .popup-menu-item:active,
+.popup-combo-menu .popup-sub-menu .popup-menu-item:active {
+ background-color: rgba(0, 0, 0, 0.12);
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.menu .popup-sub-menu StScrollBar,
+.popup-menu .popup-sub-menu StScrollBar,
+.popup-combo-menu .popup-sub-menu StScrollBar {
+ padding: 4px;
+}
+
+.menu .popup-sub-menu StScrollBar StBin#trough, .menu .popup-sub-menu StScrollBar StBin#vhandle,
+.popup-menu .popup-sub-menu StScrollBar StBin#trough,
+.popup-menu .popup-sub-menu StScrollBar StBin#vhandle,
+.popup-combo-menu .popup-sub-menu StScrollBar StBin#trough,
+.popup-combo-menu .popup-sub-menu StScrollBar StBin#vhandle {
+ border-width: 0;
+}
+
+.menu .popup-menu-content,
+.popup-menu .popup-menu-content,
+.popup-combo-menu .popup-menu-content {
+ padding: 6px;
+ border-radius: 12px;
+ background-clip: padding-box;
+ background-color: #FFFFFF;
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.15);
+}
+
+.menu .popup-menu-item,
+.popup-menu .popup-menu-item,
+.popup-combo-menu .popup-menu-item {
+ padding: 6px 12px;
+ spacing: 12px;
+ border-radius: 6px;
+}
+
+.menu .popup-menu-item:hover, .menu .popup-menu-item:active,
+.popup-menu .popup-menu-item:hover,
+.popup-menu .popup-menu-item:active,
+.popup-combo-menu .popup-menu-item:hover,
+.popup-combo-menu .popup-menu-item:active {
+ color: rgba(0, 0, 0, 0.87);
+ background-color: rgba(0, 0, 0, 0.12);
+}
+
+.menu .popup-menu-item:insensitive,
+.popup-menu .popup-menu-item:insensitive,
+.popup-combo-menu .popup-menu-item:insensitive {
+ color: rgba(0, 0, 0, 0.38);
+ background: none;
+}
+
+.menu .popup-inactive-menu-item,
+.popup-menu .popup-inactive-menu-item,
+.popup-combo-menu .popup-inactive-menu-item {
+ color: rgba(0, 0, 0, 0.38);
+}
+
+.menu .popup-inactive-menu-item:insensitive,
+.popup-menu .popup-inactive-menu-item:insensitive,
+.popup-combo-menu .popup-inactive-menu-item:insensitive {
+ color: rgba(0, 0, 0, 0.12);
+}
+
+.menu .popup-menu-item:active .popup-inactive-menu-item,
+.popup-menu .popup-menu-item:active .popup-inactive-menu-item,
+.popup-combo-menu .popup-menu-item:active .popup-inactive-menu-item {
+ color: rgba(0, 0, 0, 0.38);
+}
+
+.menu-icon,
+.popup-menu-icon {
+ icon-size: 16px;
+}
+
+.popup-menu-boxpointer {
+ -arrow-border-radius: 6px;
+ -arrow-background-color: rgba(0, 0, 0, 0);
+ -arrow-border-width: 0;
+ -arrow-border-color: rgba(0, 0, 0, 0);
+ -arrow-base: 0;
+ -arrow-rise: 0;
+}
+
+.popup-combo-menu {
+ padding: 6px;
+}
+
+.popup-combobox-item {
+ spacing: 1em;
+}
+
+.popup-separator-menu-item {
+ -gradient-height: 0;
+ -gradient-start: transparent;
+ -gradient-end: transparent;
+ -margin-horizontal: 1.5em;
+ height: 0;
+ margin: 0;
+ padding: 0;
+ border-color: rgba(0, 0, 0, 0.12);
+ border-bottom-width: 0;
+ border-bottom-style: solid;
+ background-color: transparent;
+}
+
+.popup-alternating-menu-item:alternate {
+ font-weight: normal;
+}
+
+.popup-device-menu-item {
+ spacing: .5em;
+}
+
+.popup-subtitle-menu-item {
+ font-weight: normal;
+}
+
+.nm-menu-item-icons {
+ spacing: .5em;
+}
+
+#panel {
+ font-weight: bold;
+ height: 36px;
+ width: 42px;
+}
+
+#panel:highlight {
+ border-image: none;
+ background-color: rgba(229, 57, 53, 0.5);
+}
+
+#panelLeft {
+ spacing: 4px;
+}
+
+#panelLeft:dnd {
+ background-gradient-direction: vertical;
+ background-gradient-start: rgba(229, 57, 53, 0.35);
+ background-gradient-end: rgba(229, 57, 53, 0.35);
+}
+
+#panelLeft:ltr {
+ padding-right: 4px;
+}
+
+#panelLeft:rtl {
+ padding-left: 4px;
+}
+
+#panelLeft.vertical {
+ padding: 0;
+}
+
+#panelLeft.vertical:ltr {
+ padding-right: 0px;
+}
+
+#panelLeft.vertical:rtl {
+ padding-left: 0px;
+}
+
+#panelRight:dnd {
+ background-gradient-direction: vertical;
+ background-gradient-start: rgba(60, 132, 247, 0.35);
+ background-gradient-end: rgba(60, 132, 247, 0.35);
+}
+
+#panelRight:ltr {
+ padding-left: 6px;
+ spacing: 0px;
+}
+
+#panelRight:rtl {
+ padding-right: 6px;
+ spacing: 0px;
+}
+
+#panelRight.vertical {
+ padding: 0;
+}
+
+#panelRight.vertical:ltr {
+ padding-right: 0px;
+}
+
+#panelRight.vertical:rtl {
+ padding-left: 0px;
+}
+
+#panelCenter {
+ spacing: 4px;
+}
+
+#panelCenter:dnd {
+ background-gradient-direction: vertical;
+ background-gradient-start: rgba(76, 175, 80, 0.35);
+ background-gradient-end: rgba(76, 175, 80, 0.35);
+}
+
+.panel-top, .panel-bottom, .panel-left, .panel-right {
+ color: rgba(0, 0, 0, 0.6);
+ font-size: 1em;
+ padding: 0px;
+ background-color: rgba(242, 242, 242, 0.75);
+ box-shadow: 0 0 5px rgba(0, 0, 0, 0.5), 0 0 16px rgba(0, 0, 0, 0.24);
+}
+
+.panel-top .panel-button:hover,
+.panel-top .panel-status-button:hover, .panel-bottom .panel-button:hover,
+.panel-bottom .panel-status-button:hover, .panel-left .panel-button:hover,
+.panel-left .panel-status-button:hover, .panel-right .panel-button:hover,
+.panel-right .panel-status-button:hover {
+ color: rgba(0, 0, 0, 0.87);
+ background-color: rgba(0, 0, 0, 0.04);
+}
+
+.panel-top .panel-button:active,
+.panel-top .panel-status-button:active, .panel-bottom .panel-button:active,
+.panel-bottom .panel-status-button:active, .panel-left .panel-button:active,
+.panel-left .panel-status-button:active, .panel-right .panel-button:active,
+.panel-right .panel-status-button:active {
+ color: rgba(0, 0, 0, 0.87);
+ background-color: rgba(0, 0, 0, 0.12);
+}
+
+.panel-dummy {
+ background-color: rgba(229, 57, 53, 0.5);
+}
+
+.panel-dummy:entered {
+ background-color: rgba(229, 57, 53, 0.6);
+}
+
+.panel-status-button {
+ border-width: 0;
+ -natural-hpadding: 3px;
+ -minimum-hpadding: 3px;
+ font-weight: bold;
+ height: 22px;
+ color: rgba(0, 0, 0, 0.6);
+}
+
+.panel-button {
+ -natural-hpadding: 6px;
+ -minimum-hpadding: 2px;
+ font-weight: bold;
+ transition-duration: 100ms;
+ color: rgba(0, 0, 0, 0.6);
+}
+
+.system-status-icon {
+ icon-size: 16px;
+ padding: 0 1px;
+}
+
+#overview {
+ spacing: 12px;
+}
+
+.window-caption {
+ background-color: rgba(52, 52, 52, 0.9);
+ border: 1px solid rgba(52, 52, 52, 0.9);
+ color: #FFFFFF;
+ spacing: 25px;
+ border-radius: 6px;
+ font-size: 9pt;
+ padding: 5px 8px;
+ -cinnamon-caption-spacing: 4px;
+}
+
+.window-caption#selected {
+ background-color: #3c84f7;
+ color: #FFFFFF;
+ border: 1px solid #3c84f7;
+ spacing: 25px;
+}
+
+.expo-workspaces-name-entry,
+.expo-workspaces-name-entry#selected {
+ height: 15px;
+ border-radius: 6px;
+ font-size: 9pt;
+ padding: 5px 8px;
+ -cinnamon-caption-spacing: 4px;
+ color: #FFFFFF;
+ background-color: rgba(255, 255, 255, 0.04);
+ border: 2px solid transparent;
+}
+
+.expo-workspaces-name-entry:focus,
+.expo-workspaces-name-entry#selected:focus {
+ border: 1px solid #3c84f7;
+ background-color: #3c84f7;
+ color: #FFFFFF;
+ font-style: italic;
+ transition-duration: 300;
+ selection-background-color: #FFFFFF;
+ selected-color: #3c84f7;
+}
+
+.expo-workspace-thumbnail-frame {
+ border: 4px solid rgba(255, 255, 255, 0);
+ background-color: rgba(255, 255, 255, 0);
+ border-radius: 6px;
+}
+
+.expo-workspace-thumbnail-frame#active {
+ border: 4px solid #3c84f7;
+ background-color: black;
+ border-radius: 6px;
+}
+
+.expo-background {
+ background-color: #343434;
+}
+
+.workspace-thumbnails {
+ spacing: 26px;
+}
+
+.workspace-thumbnails-background, .workspace-thumbnails-background:rtl {
+ padding: 8px;
+}
+
+.workspace-add-button {
+ background-image: url("assets/add-workspace.svg");
+ height: 200px;
+ width: 35px;
+ transition-duration: 100;
+}
+
+.workspace-add-button:hover {
+ background-image: url("assets/add-workspace-hover.svg");
+ transition-duration: 100;
+}
+
+.workspace-add-button:active {
+ background-image: url("assets/add-workspace-active.svg");
+ transition-duration: 100;
+}
+
+.workspace-overview-background-shade {
+ background-color: rgba(0, 0, 0, 0.5);
+}
+
+.workspace-close-button,
+.window-close {
+ background-image: url("assets/close.svg");
+ background-size: 26px;
+ height: 26px;
+ width: 26px;
+ -cinnamon-close-overlap: 13px;
+}
+
+.workspace-close-button:hover,
+.window-close:hover {
+ background-image: url("assets/close-hover.svg");
+ background-size: 26px;
+ height: 26px;
+ width: 26px;
+}
+
+.workspace-close-button:active,
+.window-close:active {
+ background-image: url("assets/close-active.svg");
+ background-size: 26px;
+ height: 26px;
+ width: 26px;
+}
+
+.workspace-thumbnail-indicator {
+ outline: 2px solid red;
+ border: 1px solid green;
+}
+
+.window-close:rtl {
+ -st-background-image-shadow: 2px 2px 6px rgba(0, 0, 0, 0.5);
+}
+
+.window-close-area {
+ background-image: url("assets/trash-icon.svg");
+ height: 120px;
+ width: 400px;
+}
+
+.about-content {
+ width: 550px;
+ height: 250px;
+ spacing: 8px;
+ padding-bottom: 10px;
+}
+
+.about-title {
+ font-size: 2em;
+ font-weight: bold;
+}
+
+.about-uuid {
+ font-size: 10px;
+ color: #888;
+}
+
+.about-icon {
+ padding-right: 20px;
+ padding-bottom: 14px;
+}
+
+.about-scrollBox {
+ border: 1px solid rgba(0, 0, 0, 0.12);
+ border-radius: 6px;
+ background-color: #FFFFFF;
+ padding: 4px;
+ padding-right: 0;
+ border-radius: 0;
+}
+
+.about-scrollBox-innerBox {
+ padding: 1.2em;
+ spacing: 1.2em;
+}
+
+.about-description {
+ padding-top: 4px;
+ padding-bottom: 16px;
+}
+
+.about-version {
+ padding-left: 7px;
+ font-size: 10px;
+ color: #888;
+}
+
+#LookingGlassDialog {
+ background-color: #FFFFFF;
+ spacing: 6px;
+ padding: 6px;
+ margin: 32px;
+ border-radius: 12px;
+ color: rgba(0, 0, 0, 0.87);
+ box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2), 0 16px 15px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12);
+ border: none;
+}
+
+.calendar-main-box {
+ margin: 0 6px;
+}
+
+.calendar {
+ padding: 6px 12px;
+ spacing-rows: 0px;
+ spacing-columns: 0px;
+}
+
+.calendar-today-home-button,
+.calendar-today-home-button-enabled {
+ margin: 6px 0;
+ padding: 6px;
+}
+
+.calendar-today-day-label {
+ font-size: 1.75em;
+ color: rgba(0, 0, 0, 0.6);
+ font-weight: bold;
+ text-align: center;
+ padding-bottom: .1em;
+}
+
+.calendar-today-date-label {
+ font-size: 1.1em;
+ color: rgba(0, 0, 0, 0.38);
+ font-weight: bold;
+ text-align: center;
+}
+
+.calendar-month-label {
+ color: rgba(0, 0, 0, 0.87);
+ font-weight: bold;
+ margin: 0 2px;
+ padding: 2px;
+}
+
+.calendar-change-month-back,
+.calendar-change-month-forward {
+ width: 24px;
+ height: 24px;
+ margin: 0;
+ padding: 0;
+ border-radius: 9999px;
+}
+
+.calendar-change-month-back:focus, .calendar-change-month-back:hover,
+.calendar-change-month-forward:focus,
+.calendar-change-month-forward:hover {
+ background-color: rgba(0, 0, 0, 0.1);
+}
+
+.calendar-change-month-back:active,
+.calendar-change-month-forward:active {
+ background-color: rgba(0, 0, 0, 0.25);
+}
+
+.calendar-change-month-back {
+ background-image: url("assets/calendar-arrow-left.svg");
+}
+
+.calendar-change-month-back:rtl {
+ background-image: url("assets/calendar-arrow-right.svg");
+}
+
+.calendar-change-month-forward {
+ background-image: url("assets/calendar-arrow-right.svg");
+}
+
+.calendar-change-month-forward:rtl {
+ background-image: url("assets/calendar-arrow-left.svg");
+}
+
+.datemenu-date-label {
+ padding: .4em 1.75em;
+ font-weight: normal;
+ text-align: center;
+ font-size: 14px;
+ color: rgba(0, 0, 0, 0.87);
+ border-radius: 6px;
+}
+
+.calendar-day-base {
+ text-align: center;
+ width: 28px;
+ height: 28px;
+ padding: 0;
+ margin: 2px;
+ border-radius: 9999px;
+}
+
+.calendar-day-base:hover {
+ background-color: rgba(0, 0, 0, 0.04);
+}
+
+.calendar-day-base:active {
+ background-color: rgba(0, 0, 0, 0.12);
+}
+
+.calendar-day-heading {
+ color: rgba(0, 0, 0, 0.6);
+ margin-top: 1em;
+}
+
+.calendar-day {
+ border-width: 0;
+ color: rgba(0, 0, 0, 0.6);
+}
+
+.calendar-day-top {
+ border-top-width: 0;
+}
+
+.calendar-day-left {
+ border-left-width: 0;
+}
+
+.calendar-nonwork-day {
+ color: rgba(0, 0, 0, 0.87);
+ background-color: transparent;
+ font-weight: bold;
+}
+
+.calendar-today,
+.calendar-today:active,
+.calendar-today:focus,
+.calendar-today:hover {
+ font-weight: bold;
+ color: #FFFFFF;
+ background-color: #3c84f7;
+ border-width: 0;
+}
+
+.calendar-other-month-day {
+ color: rgba(0, 0, 0, 0.6);
+ opacity: 1;
+}
+
+.calendar-week-number {
+ width: 20px;
+ height: 20px;
+ margin: 6px 0;
+ color: rgba(0, 0, 0, 0.26);
+ font-weight: bold;
+ background-color: rgba(0, 0, 0, 0.04);
+ border-radius: 9999px;
+}
+
+.calendar-week-number StLabel {
+ padding: 0;
+ margin-top: 3px;
+}
+
+.calendar-events-main-box {
+ height: 300px;
+ margin: 8px 0.8em 0 0;
+ padding: 8px;
+ min-width: 350px;
+ border: none;
+ border-radius: 6px;
+ background-gradient-direction: vertical;
+ background-gradient-start: rgba(0, 0, 0, 0.04);
+ background-gradient-end: rgba(0, 0, 0, 0.04);
+ color: rgba(0, 0, 0, 0.6);
+}
+
+.calendar-events-no-events-button {
+ margin: 6px 0;
+ padding: 6px;
+ border-radius: 6px;
+}
+
+.calendar-events-no-events-button:hover {
+ background-gradient-direction: vertical;
+ background-gradient-start: rgba(0, 0, 0, 0.04);
+ background-gradient-end: rgba(0, 0, 0, 0.04);
+ box-shadow: none;
+}
+
+.calendar-events-no-events-icon {
+ color: rgba(0, 0, 0, 0.38);
+}
+
+.calendar-events-no-events-label {
+ font-size: 1.1em;
+ color: rgba(0, 0, 0, 0.38);
+ font-weight: bold;
+ text-align: center;
+ margin-top: 9px;
+}
+
+.calendar-events-date-label {
+ padding: 3px 0 12px 3px;
+ font-size: 1.1em;
+ color: rgba(0, 0, 0, 0.6);
+ font-weight: bold;
+ text-align: center;
+}
+
+.calendar-events-event-container {
+ padding: 2px;
+}
+
+.calendar-events-main-box .separator {
+ -margin-horizontal: 1em;
+ -gradient-height: 1px;
+ -gradient-start: rgba(0, 0, 0, 0.12);
+ -gradient-end: rgba(0, 0, 0, 0.12);
+}
+
+.calendar-event-button {
+ margin: 6px 0 6px 0;
+ border-radius: 6px;
+}
+
+.calendar-event-button:hover {
+ background-gradient-direction: vertical;
+ background-gradient-start: rgba(0, 0, 0, 0.04);
+ background-gradient-end: rgba(0, 0, 0, 0.04);
+ box-shadow: none;
+}
+
+.calendar-event-color-strip {
+ width: 4px;
+ border-radius: 4px 0 0 4px;
+}
+
+.calendar-event-row-content {
+ margin: 6px;
+}
+
+.calendar-event-time-past {
+ color: rgba(0, 0, 0, 0.26);
+ font-weight: bold;
+ text-align: left;
+ margin-bottom: .6em;
+}
+
+.calendar-event-time-present {
+ font-weight: bold;
+ text-align: left;
+ margin-bottom: .6em;
+}
+
+.calendar-event-time-present:all-day {
+ color: rgba(76, 175, 80, 0.6);
+}
+
+.calendar-event-time-future {
+ text-align: left;
+ margin-bottom: .6em;
+}
+
+.calendar-event-countdown {
+ color: rgba(0, 0, 0, 0.38);
+ font-weight: bold;
+ text-align: right;
+ margin-bottom: .6em;
+}
+
+.calendar-event-countdown:soon {
+ color: white;
+}
+
+.calendar-event-countdown:imminent {
+ color: rgba(255, 214, 0, 0.6);
+}
+
+.calendar-event-countdown:current {
+ color: rgba(76, 175, 80, 0.6);
+}
+
+.calendar-event-summary {
+ color: rgba(0, 0, 0, 0.38);
+ text-align: left;
+ width: 200px;
+}
+
+#notification {
+ border-radius: 12px;
+ padding: 12px;
+ spacing-rows: 9px;
+ spacing-columns: 9px;
+ margin-from-right-edge-of-screen: 18px;
+ width: 28em;
+ color: rgba(0, 0, 0, 0.87);
+ background-color: rgba(255, 255, 255, 0.8);
+ box-shadow: 0 5px 12px rgba(0, 0, 0, 0.35);
+ margin: 7px 12px 17px 12px;
+}
+
+#notification .notification-button, #notification .notification-icon-button {
+ padding: 6px;
+}
+
+.menu #notification, .popup-menu #notification {
+ border: none;
+ border-radius: 6px;
+ background-color: rgba(0, 0, 0, 0.05);
+ box-shadow: none;
+ margin: 0;
+}
+
+.menu #notification:hover, .popup-menu #notification:hover {
+ background-color: rgba(0, 0, 0, 0.1);
+ box-shadow: 0 3px 8px rgba(0, 0, 0, 0.15);
+}
+
+.menu #notification, .menu #notification.multi-line-notification, .popup-menu #notification, .popup-menu #notification.multi-line-notification {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button {
+ padding: 6px;
+}
+
+#notification.multi-line-notification {
+ padding-bottom: 12px;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+#notification-scrollview {
+ max-height: 10em;
+}
+
+#notification-scrollview > .top-shadow, #notification-scrollview > .bottom-shadow {
+ height: 1em;
+}
+
+#notification-scrollview:ltr > StScrollBar {
+ padding-left: 6px;
+}
+
+#notification-scrollview:rtl > StScrollBar {
+ padding-right: 6px;
+}
+
+#notification-body {
+ spacing: 6px;
+}
+
+#notification-actions {
+ spacing: 9px;
+}
+
+.notification-with-image {
+ min-height: 159px;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.notification-button, .notification-icon-button {
+ padding: 6px;
+}
+
+.notification-icon-button > StIcon {
+ icon-size: 36px;
+}
+
+#altTabPopup {
+ padding: 8px;
+ spacing: 16px;
+}
+
+.switcher-list {
+ color: rgba(0, 0, 0, 0.87);
+ background-color: #FFFFFF;
+ border: none;
+ border-radius: 6px;
+ padding: 20px;
+}
+
+.switcher-list > StBoxLayout {
+ padding: 4px;
+}
+
+.switcher-list-item-container {
+ spacing: 8px;
+}
+
+.switcher-list .item-box {
+ padding: 8px;
+ border-radius: 6px;
+}
+
+.switcher-list .item-box:outlined {
+ padding: 8px;
+ border: 1px solid #3c84f7;
+}
+
+.switcher-list .item-box:selected {
+ color: #FFFFFF;
+ background-color: #3c84f7;
+ border: 0px solid #3c84f7;
+}
+
+.switcher-list .thumbnail {
+ width: 256px;
+}
+
+.switcher-list .thumbnail-box {
+ padding: 2px;
+ spacing: 4px;
+}
+
+.switcher-list .separator {
+ width: 1px;
+ background: rgba(255, 255, 255, 0.2);
+}
+
+.switcher-arrow {
+ border-color: rgba(0, 0, 0, 0);
+ color: #FFFFFF;
+}
+
+.switcher-arrow:highlighted {
+ border-color: rgba(0, 0, 0, 0);
+ color: rgba(0, 0, 0, 0.6);
+}
+
+.thumbnail-scroll-gradient-left {
+ background-color: rgba(0, 0, 0, 0);
+ border-radius: 24px;
+ border-radius-topright: 0px;
+ border-radius-bottomright: 0px;
+ width: 60px;
+}
+
+.thumbnail-scroll-gradient-right {
+ background-color: rgba(0, 0, 0, 0);
+ border-radius: 24px;
+ border-radius-topleft: 0px;
+ border-radius-bottomleft: 0px;
+ width: 60px;
+}
+
+.ripple-box {
+ width: 104px;
+ height: 104px;
+ background-image: url("assets/corner-ripple.svg");
+ background-size: contain;
+}
+
+.lightbox {
+ background-color: rgba(0, 0, 0, 0.4);
+}
+
+.flashspot {
+ background-color: white;
+}
+
+.modal-dialog {
+ color: #FFFFFF;
+ background-color: rgba(45, 45, 45, 0.95);
+ padding: 0 5px 6px 5px;
+ border-radius: 6px;
+ box-shadow: 0 3px 8px rgba(0, 0, 0, 0.75), 0 5px 18px rgba(0, 0, 0, 0.55);
+}
+
+.modal-dialog > StBoxLayout:first-child {
+ padding: 20px 10px 10px 10px;
+}
+
+.modal-dialog-button-box {
+ spacing: 0;
+ margin: 0;
+ padding: 14px 10px;
+ background-color: transparent;
+ border: none;
+}
+
+.modal-dialog-button-box .modal-dialog-button {
+ padding-top: 0;
+ padding-bottom: 0;
+ height: 30px;
+}
+
+.run-dialog {
+ padding: 6px 12px;
+ background-color: rgba(52, 52, 52, 0.9);
+ border-radius: 6px;
+ color: #FFFFFF;
+}
+
+.run-dialog > * {
+ padding: 0;
+}
+
+.run-dialog-label {
+ font-size: 0;
+ font-weight: bold;
+ color: #FFFFFF;
+ padding-bottom: 0;
+}
+
+.run-dialog-error-label {
+ color: #E53935;
+}
+
+.run-dialog-error-box {
+ padding-top: 15px;
+ spacing: 5px;
+}
+
+.run-dialog-completion-box {
+ padding-left: 15px;
+ font-size: 10px;
+}
+
+.run-dialog-entry {
+ width: 21em;
+ padding: 3px 12px;
+ border-radius: 6px;
+ caret-color: #FFFFFF;
+ selected-color: #FFFFFF;
+ selection-background-color: #3c84f7;
+ color: #FFFFFF;
+ background-color: rgba(255, 255, 255, 0.04);
+ border: 2px solid transparent;
+}
+
+.run-dialog-entry:focus {
+ color: #FFFFFF;
+ background-color: rgba(255, 255, 255, 0.04);
+ border: 2px solid #3c84f7;
+}
+
+.run-dialog .modal-dialog-button-box {
+ border: none;
+ box-shadow: none;
+ background: none;
+ background-gradient-direction: none;
+}
+
+/* CinnamonMountOperation Dialogs */
+.cinnamon-mount-operation-icon {
+ icon-size: 48px;
+}
+
+.mount-password-reask {
+ color: #FFD600;
+}
+
+.show-processes-dialog,
+.mount-question-dialog {
+ spacing: 24px;
+}
+
+.show-processes-dialog-subject,
+.mount-question-dialog-subject {
+ padding-top: 10px;
+ padding-left: 17px;
+ padding-bottom: 6px;
+}
+
+.show-processes-dialog-subject:rtl,
+.mount-question-dialog-subject:rtl {
+ padding-left: 0px;
+ padding-right: 17px;
+}
+
+.show-processes-dialog-description,
+.mount-question-dialog-description {
+ padding-left: 17px;
+ width: 28em;
+}
+
+.show-processes-dialog-description:rtl,
+.mount-question-dialog-description:rtl {
+ padding-right: 17px;
+}
+
+.show-processes-dialog-app-list {
+ max-height: 200px;
+ padding-top: 24px;
+ padding-left: 49px;
+ padding-right: 32px;
+}
+
+.show-processes-dialog-app-list:rtl {
+ padding-right: 49px;
+ padding-left: 32px;
+}
+
+.show-processes-dialog-app-list-item {
+ color: #ccc;
+}
+
+.show-processes-dialog-app-list-item:hover {
+ color: white;
+}
+
+.show-processes-dialog-app-list-item:ltr {
+ padding-right: 1em;
+}
+
+.show-processes-dialog-app-list-item:rtl {
+ padding-left: 1em;
+}
+
+.show-processes-dialog-app-list-item-icon:ltr {
+ padding-right: 17px;
+}
+
+.show-processes-dialog-app-list-item-icon:rtl {
+ padding-left: 17px;
+}
+
+.show-processes-dialog-app-list-item-name {
+ font-size: 1.1em;
+}
+
+.magnifier-zoom-region {
+ border: 2px solid maroon;
+}
+
+.magnifier-zoom-region .full-screen {
+ border-width: 0px;
+}
+
+#keyboard {
+ background-color: rgba(52, 52, 52, 0.9);
+ border-width: 0;
+ border-top-width: 1px;
+ border-color: rgba(0, 0, 0, 0.4);
+}
+
+.keyboard-layout {
+ spacing: 10px;
+ padding: 10px;
+}
+
+.keyboard-row {
+ spacing: 15px;
+}
+
+.keyboard-key {
+ min-height: 2em;
+ min-width: 2em;
+ font-size: 14pt;
+ font-weight: bold;
+ border-radius: 6px;
+ box-shadow: none;
+ color: rgba(255, 255, 255, 0.7);
+ background-color: rgba(255, 255, 255, 0.04);
+}
+
+.keyboard-key:hover {
+ color: #FFFFFF;
+ background-color: rgba(255, 255, 255, 0.12);
+}
+
+.keyboard-key:active, .keyboard-key:checked {
+ color: #FFFFFF;
+ background-color: rgba(255, 255, 255, 0.3);
+}
+
+.keyboard-key:grayed {
+ color: rgba(255, 255, 255, 0.3);
+ background-color: transparent;
+}
+
+.keyboard-subkeys {
+ color: #FFFFFF;
+ padding: 5px;
+ -arrow-border-radius: 6px;
+ -arrow-background-color: rgba(52, 52, 52, 0.9);
+ -arrow-border-width: 1px;
+ -arrow-border-color: rgba(0, 0, 0, 0.4);
+ -arrow-base: 20px;
+ -arrow-rise: 10px;
+ -boxpointer-gap: 5px;
+}
+
+.menu-favorites-box {
+ margin: auto;
+ margin-bottom: 6px;
+ padding: 6px;
+ transition-duration: 300;
+ background-color: rgba(0, 0, 0, 0.05);
+ border: none;
+ border-radius: 6px;
+}
+
+.menu-favorites-button {
+ padding: 9px;
+ border: none;
+ border-radius: 6px;
+}
+
+.menu-favorites-button:hover {
+ border-radius: 6px;
+ background-color: rgba(0, 0, 0, 0.1);
+}
+
+.menu-places-box {
+ margin: auto;
+ padding: 9px;
+ border: 1px solid rgba(0, 0, 0, 0);
+}
+
+.menu-places-button {
+ padding: 9px;
+}
+
+.menu-categories-box {
+ padding: 9px 30px;
+}
+
+.menu-applications-inner-box, .menu-applications-outer-box {
+ padding: 9px 9px 0 9px;
+}
+
+.menu-application-button {
+ padding: 6px;
+ border-radius: 6px;
+ border: none;
+}
+
+.menu-application-button:highlighted {
+ font-weight: bold;
+}
+
+.menu-application-button-selected {
+ color: rgba(0, 0, 0, 0.87);
+ background-color: rgba(0, 0, 0, 0.12);
+ padding: 6px;
+ border-radius: 6px;
+ border: none;
+}
+
+.menu-application-button-selected:highlighted {
+ font-weight: bold;
+}
+
+.menu-application-button-label:ltr {
+ padding-left: 6px;
+}
+
+.menu-application-button-label:rtl {
+ padding-right: 6px;
+}
+
+.menu StScrollView.menu-application-button {
+ padding: 3px 0;
+ border-radius: 6px;
+ background-color: rgba(235, 235, 235, 0.987);
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.menu StScrollView.menu-application-button .popup-menu-item {
+ padding: 0;
+ spacing: 0;
+ margin: 0 3px;
+ border-radius: 6px;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.menu StScrollView.menu-application-button .popup-menu-item:ltr {
+ padding-left: 6px;
+}
+
+.menu StScrollView.menu-application-button .popup-menu-item:rtl {
+ padding-right: 6px;
+}
+
+.menu StScrollView.menu-application-button .popup-menu-item:active {
+ border-image: none;
+ background-color: rgba(0, 0, 0, 0.12);
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.menu StScrollView.menu-application-button .popup-menu-item StIcon {
+ min-width: 22px;
+}
+
+.menu StScrollView.menu-application-button .popup-menu-item StLabel:ltr {
+ padding: 6px 0 6px 6px;
+}
+
+.menu StScrollView.menu-application-button .popup-menu-item StLabel:rtl {
+ padding: 6px 6px 6px 0;
+}
+
+.menu-category-button {
+ padding: 6px;
+ border-radius: 6px;
+}
+
+.menu-category-button-selected {
+ padding: 6px;
+}
+
+.menu-category-button-hover, .menu-category-button-selected {
+ color: rgba(0, 0, 0, 0.87);
+ background-color: rgba(0, 0, 0, 0.12);
+ border-radius: 6px;
+}
+
+.menu-category-button-greyed {
+ padding: 6px;
+ color: rgba(0, 0, 0, 0.38);
+}
+
+.menu-category-button-label:ltr {
+ padding-left: 6px;
+}
+
+.menu-category-button-label:rtl {
+ padding-right: 6px;
+}
+
+.menu-selected-app-box {
+ padding-right: 30px;
+ padding-left: 28px;
+ text-align: right;
+ height: 30px;
+}
+
+.menu-selected-app-box:rtl {
+ padding-top: 10px;
+ height: 30px;
+}
+
+.menu-selected-app-title {
+ font-weight: bold;
+}
+
+.menu-selected-app-description {
+ max-width: 150px;
+ margin-bottom: 6px;
+}
+
+.menu-search-box:ltr {
+ padding-left: 30px;
+}
+
+.menu-search-box-rtl {
+ padding-right: 30px;
+}
+
+#menu-search-entry {
+ width: 250px;
+ height: 15px;
+ font-weight: normal;
+ caret-color: rgba(0, 0, 0, 0.87);
+}
+
+.menu-search-entry-icon {
+ icon-size: 1em;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.info-osd {
+ text-align: center;
+ font-weight: bold;
+ spacing: 1em;
+ padding: 16px;
+ color: rgba(0, 0, 0, 0.6);
+ background-color: rgba(242, 242, 242, 0.75);
+}
+
+.osd-window {
+ text-align: center;
+ font-weight: bold;
+ spacing: 1em;
+ padding: 20px;
+ min-width: 64px;
+ min-height: 64px;
+ color: rgba(0, 0, 0, 0.6);
+ border-radius: 0;
+ background-color: rgba(242, 242, 242, 0.75);
+ border: none;
+}
+
+.osd-window .osd-monitor-label {
+ font-size: 3em;
+}
+
+.osd-window .level {
+ padding: 0;
+ height: 4px;
+ background-color: rgba(0, 0, 0, 0.35);
+ border-radius: 6px;
+ color: #3c84f7;
+}
+
+.osd-window .level-bar {
+ border-radius: 6px;
+ background-color: #3c84f7;
+}
+
+.window-list-box {
+ spacing: 2px;
+}
+
+.panel-bottom .window-list-box:ltr, .panel-top .window-list-box:ltr {
+ padding: 0 0 0 8px;
+}
+
+.panel-bottom .window-list-box:rtl, .panel-top .window-list-box:rtl {
+ padding: 0 8px 0 0;
+}
+
+.window-list-box.vertical {
+ padding: 6px 0 0 0;
+}
+
+.window-list-box.vertical #appMenuIcon {
+ padding-top: 2px;
+}
+
+.window-list-box:highlight {
+ background-color: rgba(229, 57, 53, 0.5);
+}
+
+.window-list-item-label {
+ font-weight: normal;
+ width: 15em;
+ min-width: 5px;
+}
+
+.window-list-item-box {
+ font-weight: normal;
+ background-image: none;
+ transition-duration: 100ms;
+ color: rgba(0, 0, 0, 0.9);
+ border-radius: 0;
+}
+
+.panel-bottom .window-list-item-box StLabel {
+ padding-left: 6px;
+}
+
+.panel-top .window-list-item-box StLabel {
+ padding-left: 6px;
+}
+
+.panel-left .window-list-item-box StLabel {
+ padding-top: 6px;
+}
+
+.panel-right .window-list-item-box StLabel {
+ padding-top: 6px;
+}
+
+.panel-top .window-list-item-box {
+ border-top: 2px solid transparent;
+}
+
+.panel-top .window-list-item-box StIcon, .panel-top .window-list-item-box StBin, .panel-top .window-list-item-box #appMenuIcon {
+ padding: 2px;
+ padding-top: 0;
+}
+
+.panel-bottom .window-list-item-box {
+ border-bottom: 2px solid transparent;
+}
+
+.panel-bottom .window-list-item-box StIcon, .panel-bottom .window-list-item-box StBin, .panel-bottom .window-list-item-box #appMenuIcon {
+ padding: 2px;
+ padding-bottom: 0;
+}
+
+.panel-left .window-list-item-box {
+ border-left: 2px solid transparent;
+}
+
+.panel-left .window-list-item-box StIcon, .panel-left .window-list-item-box StBin, .panel-left .window-list-item-box #appMenuIcon {
+ padding: 2px;
+ padding-left: 0;
+}
+
+.panel-right .window-list-item-box {
+ border-right: 2px solid transparent;
+}
+
+.panel-right .window-list-item-box StIcon, .panel-right .window-list-item-box StBin, .panel-right .window-list-item-box #appMenuIcon {
+ padding: 2px;
+ padding-right: 0;
+}
+
+.window-list-item-box:hover {
+ color: rgba(0, 0, 0, 0.6);
+ background-gradient-direction: none;
+ background-color: rgba(0, 0, 0, 0.15);
+}
+
+.window-list-item-box:active, .window-list-item-box:checked, .window-list-item-box:running {
+ color: rgba(0, 0, 0, 0.6);
+ background-gradient-direction: none;
+ background-color: rgba(0, 0, 0, 0.25);
+ border-color: rgba(0, 0, 0, 0.26);
+}
+
+.window-list-item-box:active:hover, .window-list-item-box:checked:hover, .window-list-item-box:running:hover {
+ background-color: rgba(0, 0, 0, 0.3);
+}
+
+.window-list-item-box:focus {
+ color: rgba(0, 0, 0, 0.6);
+ background-gradient-direction: none;
+ background-image: radial-gradient(5px 5px 45deg, circle cover, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.6) 100%);
+ border-color: #3c84f7;
+ background-color: rgba(0, 0, 0, 0.2);
+}
+
+.window-list-item-box:focus:hover {
+ background-color: rgba(0, 0, 0, 0.3);
+}
+
+.panel-top .window-list-item-box:focus {
+ background-position: top center;
+}
+
+.panel-bottom .window-list-item-box:focus {
+ background-position: bottom center;
+}
+
+.panel-left .window-list-item-box:focus {
+ background-position: left center;
+}
+
+.panel-right .window-list-item-box:focus {
+ background-position: right center;
+}
+
+.window-list-item-box.right, .window-list-item-box.left {
+ padding-left: 0px;
+ padding-right: 0px;
+}
+
+.window-list-item-box .progress {
+ background-gradient-direction: vertical;
+ background-gradient-start: #4CAF50;
+ background-gradient-end: #4CAF50;
+ border-radius: 6px;
+ box-shadow: none;
+}
+
+.window-list-item-demands-attention {
+ background-gradient-start: #FFD600;
+ background-gradient-end: #FFD600;
+}
+
+.window-list-preview {
+ padding: 6px;
+ spacing: 6px;
+ border: none;
+ background-color: #FFFFFF;
+ border-radius: 6px;
+ color: rgba(0, 0, 0, 0.87);
+ box-shadow: 0 3px 5px rgba(0, 0, 0, 0.35), 0 3px 12px rgba(0, 0, 0, 0.16);
+}
+
+.grouped-window-list-thumbnail-label {
+ padding-left: 4px;
+}
+
+.grouped-window-list-thumbnail-alert {
+ background-color: rgba(229, 57, 53, 0.5);
+}
+
+.grouped-window-list-thumbnail-menu {
+ padding: 6px;
+}
+
+.grouped-window-list-thumbnail-menu .item-box {
+ padding: 6px;
+ border-radius: 6px;
+ spacing: 6px;
+ margin: 1px;
+}
+
+.grouped-window-list-thumbnail-menu .item-box:outlined {
+ background-color: rgba(0, 0, 0, 0.1);
+}
+
+.grouped-window-list-thumbnail-menu .item-box:hover {
+ background-color: rgba(0, 0, 0, 0.15);
+}
+
+.grouped-window-list-thumbnail-menu .thumbnail {
+ width: 256px;
+}
+
+.grouped-window-list-thumbnail-menu .separator {
+ width: 1px;
+ background-color: rgba(0, 0, 0, 0.12);
+}
+
+.grouped-window-list-number-label {
+ z-index: 120;
+ text-shadow: none;
+ color: #FFFFFF;
+ padding: 0;
+}
+
+.grouped-window-list-button-label {
+ padding-left: 2px;
+}
+
+.grouped-window-list-badge {
+ border-radius: 256px;
+ background-color: #3c84f7;
+}
+
+.grouped-window-list-item-box {
+ font-weight: normal;
+ transition-duration: 100ms;
+ border: none;
+ margin: 0;
+ color: rgba(0, 0, 0, 0.6);
+ border-radius: 0;
+ spacing: 6px;
+ border-bottom: 2px solid transparent;
+}
+
+.grouped-window-list-item-box.top, .grouped-window-list-item-box.bottom {
+ padding: 0 2px;
+}
+
+.grouped-window-list-item-box:hover {
+ color: rgba(0, 0, 0, 0.6);
+ background-gradient-direction: none;
+ background-color: rgba(0, 0, 0, 0.15);
+}
+
+.grouped-window-list-item-box:active {
+ color: rgba(0, 0, 0, 0.6);
+ background-gradient-direction: none;
+ background-color: transparent;
+ border-color: rgba(0, 0, 0, 0.26);
+}
+
+.grouped-window-list-item-box:active:hover {
+ background-color: rgba(0, 0, 0, 0.15);
+}
+
+.grouped-window-list-item-box:focus {
+ color: rgba(0, 0, 0, 0.6);
+ background-gradient-direction: none;
+ background-color: rgba(0, 0, 0, 0.2);
+ border-color: #3c84f7;
+}
+
+.grouped-window-list-item-box:focus:hover {
+ background-color: rgba(0, 0, 0, 0.3);
+}
+
+.grouped-window-list-item-box .progress {
+ background-gradient-direction: vertical;
+ background-gradient-start: #4CAF50;
+ background-gradient-end: #4CAF50;
+ border-radius: 6px;
+ box-shadow: none;
+}
+
+.grouped-window-list-item-demands-attention {
+ background-gradient-start: #FFD600;
+ background-gradient-end: #FFD600;
+}
+
+.sound-button {
+ width: 22px;
+ height: 13px;
+ padding: 8px;
+}
+
+.sound-button-container {
+ padding-right: 3px;
+ padding-left: 3px;
+}
+
+.sound-button StIcon {
+ icon-size: 1.4em;
+}
+
+.sound-track-infos {
+ padding: 5px;
+}
+
+.sound-track-info {
+ padding-top: 2px;
+ padding-bottom: 2px;
+}
+
+.sound-track-info StIcon {
+ icon-size: 16px;
+}
+
+.sound-track-info StLabel {
+ padding-left: 5px;
+ padding-right: 5px;
+}
+
+.sound-track-box {
+ padding-left: 15px;
+ padding-right: 15px;
+ max-width: 220px;
+}
+
+.sound-seek-box {
+ padding-left: 15px;
+}
+
+.sound-seek-box StLabel {
+ padding-top: 2px;
+}
+
+.sound-seek-box StIcon {
+ icon-size: 16px;
+}
+
+.sound-seek-slider {
+ width: 140px;
+}
+
+.sound-volume-menu-item {
+ padding: .4em 1.75em;
+}
+
+.sound-volume-menu-item StIcon {
+ icon-size: 1.14em;
+ padding-left: 8px;
+ padding-right: 8px;
+}
+
+.sound-playback-control {
+ padding: 5px 10px 10px 10px;
+}
+
+.sound-player {
+ padding: 0 0;
+ margin-top: 6px;
+ border-radius: 6px;
+ background-color: rgba(235, 235, 235, 0.987);
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.sound-player > StBoxLayout:first-child {
+ padding: 5px 10px 10px 10px;
+ spacing: 0.5em;
+}
+
+.sound-player > StBoxLayout:first-child StButton:small {
+ width: 24px;
+ height: 24px;
+ border-radius: 9999px;
+}
+
+.sound-player > StBoxLayout:first-child StButton:small:hover {
+ background-color: rgba(0, 0, 0, 0.12);
+}
+
+.sound-player > StBoxLayout:first-child StButton:small:active {
+ background-color: rgba(0, 0, 0, 0.26);
+}
+
+.sound-player > StBoxLayout:first-child StButton:small StIcon {
+ icon-size: 16px;
+}
+
+.sound-player-generic-coverart {
+ background: rgba(0, 0, 0, 0.2);
+}
+
+.sound-player-overlay {
+ width: 290px;
+ height: 80px;
+ padding: 12px 18px;
+ spacing: 6px;
+ background-color: rgba(0, 0, 0, 0.45);
+ border: none;
+ border-radius: 0 0 6px 6px;
+ color: #FFFFFF;
+ text-shadow: none;
+}
+
+.sound-player-overlay StButton {
+ width: 16px;
+ height: 16px;
+ padding: 8px;
+ margin: 0 6px 6px;
+ color: #FFFFFF;
+ border-radius: 9999px;
+ border: none;
+ text-shadow: none;
+}
+
+.sound-player-overlay StButton StIcon {
+ icon-size: 16px;
+}
+
+.sound-player-overlay StButton:hover {
+ background-color: rgba(255, 255, 255, 0.12);
+}
+
+.sound-player-overlay StButton:active {
+ background-color: rgba(255, 255, 255, 0.3);
+}
+
+.sound-player-overlay StButton:insensitive {
+ opacty: 0.35;
+ color: rgba(255, 255, 255, 0.5);
+}
+
+.sound-player-overlay StLabel {
+ padding: 0 6px;
+}
+
+.sound-player-overlay StBoxLayout {
+ padding-top: 2px;
+}
+
+.sound-player .slider {
+ height: 0.5em;
+ padding: 0;
+ border: 0px solid rgba(32, 32, 32, 0.9);
+ border-bottom: 1px;
+ -slider-height: 0.5em;
+ -slider-background-color: rgba(0, 0, 0, 0.12);
+ -slider-border-color: rgba(0, 0, 0, 0);
+ -slider-active-background-color: #3c84f7;
+ -slider-active-border-color: rgba(0, 0, 0, 0);
+ -slider-border-width: 0px;
+ -slider-handle-radius: 0px;
+}
+
+#workspaceSwitcher {
+ spacing: 0px;
+ padding: 3px;
+}
+
+/* Controls the styling when using the "Simple buttons" option */
+.workspace-switcher {
+ padding-left: 3px;
+ padding-right: 3px;
+}
+
+.workspace-button {
+ width: 20px;
+ height: 10px;
+ color: rgba(0, 0, 0, 0.6);
+ padding: 3px;
+ padding-top: 4px;
+ transition-duration: 300;
+}
+
+.workspace-button:outlined, .workspace-button:outlined:hover {
+ color: #3c84f7;
+}
+
+.workspace-button:hover {
+ color: #6da3f9;
+}
+
+/* Controls the style when using the "Visual representation" option */
+.workspace-graph {
+ padding: 3px;
+ spacing: 3px;
+}
+
+.workspace-graph .workspace {
+ border: 1px solid rgba(0, 0, 0, 0.4);
+ background-gradient-direction: none;
+ background-color: rgba(0, 0, 0, 0.2);
+}
+
+.workspace-graph .workspace:active {
+ border: 1px solid #3c84f7;
+ background-gradient-direction: none;
+}
+
+.workspace-graph .workspace .windows {
+ -active-window-background: rgba(255, 255, 255, 0.75);
+ -active-window-border: rgba(0, 0, 0, 0.8);
+ -inactive-window-background: rgba(255, 255, 255, 0.75);
+ -inactive-window-border: rgba(0, 0, 0, 0.8);
+}
+
+.workspace-graph .workspace:active .windows {
+ -active-window-background: rgba(255, 255, 255, 0.75);
+ -active-window-border: rgba(0, 0, 0, 0.8);
+ -inactive-window-background: rgba(255, 255, 255, 0.75);
+ -inactive-window-border: rgba(0, 0, 0, 0.8);
+}
+
+#panel-launchers-box {
+ padding: 0 6px;
+}
+
+#panel-launchers-box.vertical {
+ padding: 3px 0;
+}
+
+.panel-launcher {
+ padding: 2px;
+ transition-duration: 200ms;
+ border-radius: 0;
+}
+
+.panel-launcher:hover {
+ background-gradient-direction: none;
+ background-color: rgba(0, 0, 0, 0.1);
+}
+
+.panel-launcher:active {
+ background-color: rgba(0, 0, 0, 0.2);
+}
+
+.launcher {
+ padding: 2px;
+ spacing: 2px;
+ transition-duration: 0.2s;
+ border-radius: 0;
+}
+
+.launcher:hover {
+ background-gradient-direction: none;
+ background-color: rgba(0, 0, 0, 0.1);
+}
+
+.launcher:active {
+ background-color: rgba(0, 0, 0, 0.2);
+}
+
+.launcher .icon-box {
+ padding: 2px;
+}
+
+.applet-separator {
+ padding: 1px 3px;
+}
+
+.applet-separator-line {
+ width: 1px;
+ background: rgba(0, 0, 0, 0.12);
+}
+
+.applet-box {
+ padding: 0 6px;
+ color: rgba(0, 0, 0, 0.6);
+ text-shadow: none;
+ transition-duration: 100ms;
+ border-radius: 0;
+}
+
+.applet-box.vertical {
+ padding: 6px 0;
+}
+
+.applet-box:hover {
+ color: rgba(0, 0, 0, 0.6);
+ background-color: rgba(0, 0, 0, 0.04);
+}
+
+.applet-box:checked, .applet-box:checked:hover {
+ color: rgba(0, 0, 0, 0.6);
+ background-color: rgba(0, 0, 0, 0.12);
+}
+
+.applet-box:highlight {
+ background-image: none;
+ border-image: none;
+ background-color: rgba(229, 57, 53, 0.5);
+}
+
+.applet-label {
+ font-weight: bold;
+ color: rgba(0, 0, 0, 0.6);
+}
+
+.applet-box:checked .applet-label {
+ color: rgba(0, 0, 0, 0.6);
+ text-shadow: none;
+}
+
+.applet-icon {
+ color: rgba(0, 0, 0, 0.6);
+ icon-size: 16px;
+}
+
+.applet-box:checked .applet-icon {
+ color: rgba(0, 0, 0, 0.6);
+ text-shadow: none;
+}
+
+.user-icon {
+ width: 32px;
+ height: 32px;
+ background-color: transparent;
+ border: none;
+ border-radius: 0;
+}
+
+.user-label {
+ color: rgba(0, 0, 0, 0.87);
+ font-size: 1em;
+ font-weight: bold;
+ margin: 0px;
+}
+
+.desklet {
+ color: #FFFFFF;
+}
+
+.desklet:highlight {
+ background-color: rgba(229, 57, 53, 0.5);
+}
+
+.desklet-with-borders {
+ color: #FFFFFF;
+ background-color: rgba(52, 52, 52, 0.9);
+ padding: 12px;
+ padding-bottom: 16px;
+}
+
+.desklet-with-borders:highlight {
+ background-color: rgba(229, 57, 53, 0.5);
+}
+
+.desklet-with-borders-and-header {
+ color: #FFFFFF;
+ background-color: rgba(52, 52, 52, 0.9);
+ border-radius: 6px;
+ border-radius-topleft: 0;
+ border-radius-topright: 0;
+ padding: 12px;
+ padding-bottom: 17px;
+}
+
+.desklet-with-borders-and-header:highlight {
+ background-color: rgba(229, 57, 53, 0.5);
+}
+
+.desklet-header {
+ color: #FFFFFF;
+ background-color: rgba(52, 52, 52, 0.9);
+ border-radius: 0;
+ border-radius-topleft: 6px;
+ border-radius-topright: 6px;
+ font-size: 1em;
+ padding: 12px;
+ padding-bottom: 6px;
+}
+
+.desklet-drag-placeholder {
+ border: 2px solid #3c84f7;
+ background-color: rgba(60, 132, 247, 0.3);
+}
+
+.photoframe-box {
+ color: #FFFFFF;
+ background-color: rgba(52, 52, 52, 0.9);
+ padding: 12px;
+ padding-bottom: 16px;
+}
+
+.workspace-osd {
+ text-shadow: black 5px 5px 5px;
+ font-weight: bold;
+ font-size: 48pt;
+}
+
+.notification-applet-padding {
+ padding: .5em 1em;
+}
+
+.notification-applet-container {
+ max-height: 9999px;
+}
+
+.tile-preview, .tile-preview.snap,
+.tile-hud, .tile-hud.snap {
+ background-color: rgba(60, 132, 247, 0.3);
+ border: 1px solid #3c84f7;
+}
+
+.xkcd-box {
+ padding: 6px;
+ border: 0px;
+ background-color: rgba(0, 0, 0, 0);
+ border-radius: 0px;
+}
diff --git a/src/main/cinnamon/cinnamon-light.scss b/src/main/cinnamon/cinnamon-Light.scss
similarity index 100%
rename from src/main/cinnamon/cinnamon-light.scss
rename to src/main/cinnamon/cinnamon-Light.scss
diff --git a/src/main/cinnamon/cinnamon.css b/src/main/cinnamon/cinnamon.css
new file mode 100644
index 00000000..bcb3419f
--- /dev/null
+++ b/src/main/cinnamon/cinnamon.css
@@ -0,0 +1,2338 @@
+stage {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.label-shadow {
+ color: rgba(0, 0, 0, 0);
+}
+
+.sound-button {
+ min-height: 24px;
+ padding: 5px 32px;
+ transition-duration: 100ms;
+ border-radius: 6px;
+ color: rgba(0, 0, 0, 0.6);
+ background-color: rgba(0, 0, 0, 0.04);
+}
+
+.sound-button:focus {
+ color: rgba(0, 0, 0, 0.87);
+ background-color: rgba(0, 0, 0, 0.12);
+ border-radius: 6px;
+}
+
+.sound-button:hover {
+ color: rgba(0, 0, 0, 0.87);
+ background-color: rgba(0, 0, 0, 0.12);
+ border-radius: 6px;
+}
+
+.sound-button:hover:focus {
+ color: rgba(0, 0, 0, 0.87);
+ background-color: rgba(0, 0, 0, 0.26);
+ border-radius: 6px;
+}
+
+.sound-button:active {
+ color: rgba(0, 0, 0, 0.87);
+ background-color: rgba(0, 0, 0, 0.26);
+ border-radius: 6px;
+}
+
+.sound-button:insensitive {
+ color: rgba(0, 0, 0, 0.38);
+ background-color: rgba(0, 0, 0, 0.04);
+ border-radius: 6px;
+}
+
+.notification-button, .notification-icon-button, .menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button, #notification .notification-button, #notification .notification-icon-button, .calendar-today-home-button,
+.calendar-today-home-button-enabled {
+ border-radius: 6px;
+ color: rgba(0, 0, 0, 0.6);
+ background-color: transparent;
+}
+
+.notification-button:hover, .notification-icon-button:hover, #notification .notification-button:hover, #notification .notification-icon-button:hover, .calendar-today-home-button:hover,
+.calendar-today-home-button-enabled:hover {
+ color: rgba(0, 0, 0, 0.87);
+ background-color: rgba(0, 0, 0, 0.12);
+ border-radius: 6px;
+}
+
+.notification-button:active, .notification-icon-button:active, #notification .notification-button:active, #notification .notification-icon-button:active, .calendar-today-home-button:active,
+.calendar-today-home-button-enabled:active {
+ color: rgba(0, 0, 0, 0.87);
+ background-color: rgba(0, 0, 0, 0.26);
+ border-radius: 6px;
+}
+
+.notification-button:insensitive, .notification-icon-button:insensitive, #notification .notification-button:insensitive, #notification .notification-icon-button:insensitive, .calendar-today-home-button:insensitive,
+.calendar-today-home-button-enabled:insensitive {
+ color: rgba(0, 0, 0, 0.26);
+ background-color: transparent;
+ border-radius: 6px;
+}
+
+.modal-dialog-button-box .modal-dialog-button {
+ min-height: 24px;
+ padding: 6px 30px;
+ transition-duration: 100ms;
+ border-radius: 6px;
+ color: rgba(255, 255, 255, 0.7);
+ background-color: rgba(255, 255, 255, 0.04);
+}
+
+.modal-dialog-button-box .modal-dialog-button:hover {
+ color: #FFFFFF;
+ background-color: rgba(255, 255, 255, 0.12);
+}
+
+.modal-dialog-button-box .modal-dialog-button:focus {
+ color: #3c84f7;
+}
+
+.modal-dialog-button-box .modal-dialog-button:active {
+ color: #FFFFFF;
+ background-color: rgba(255, 255, 255, 0.3);
+}
+
+.modal-dialog-button-box .modal-dialog-button:insensitive {
+ color: rgba(255, 255, 255, 0.3);
+ background-color: transparent;
+}
+
+#menu-search-entry, .notification StEntry, .menu #notification StEntry, .popup-menu #notification StEntry, #notification StEntry {
+ padding: 3px 12px;
+ min-height: 24px;
+ caret-size: 1px;
+ selection-background-color: #3c84f7;
+ selected-color: #FFFFFF;
+ transition-duration: 300ms;
+ border-radius: 6px;
+ color: rgba(0, 0, 0, 0.87);
+ border: 2px solid transparent;
+ background-color: rgba(0, 0, 0, 0.04);
+}
+
+#menu-search-entry:focus, .notification StEntry:focus, .menu #notification StEntry:focus, .popup-menu #notification StEntry:focus, #notification StEntry:focus, #menu-search-entry:hover, .notification StEntry:hover, .menu #notification StEntry:hover, .popup-menu #notification StEntry:hover, #notification StEntry:hover {
+ color: rgba(0, 0, 0, 0.87);
+ background-color: rgba(0, 0, 0, 0.04);
+ border: 2px solid #3c84f7;
+}
+
+#menu-search-entry:insensitive, .notification StEntry:insensitive, .menu #notification StEntry:insensitive, .popup-menu #notification StEntry:insensitive, #notification StEntry:insensitive {
+ border: 2px solid transparent;
+ background-color: rgba(0, 0, 0, 0.04);
+ color: rgba(0, 0, 0, 0.38);
+}
+
+#menu-search-entry StIcon.capslock-warning, .notification StEntry StIcon.capslock-warning, .menu #notification StEntry StIcon.capslock-warning, .popup-menu #notification StEntry StIcon.capslock-warning, #notification StEntry StIcon.capslock-warning {
+ icon-size: 16px;
+ warning-color: #FFD600;
+ padding: 0 6px;
+}
+
+StScrollView.vfade {
+ -st-vfade-offset: 0px;
+}
+
+StScrollView.hfade {
+ -st-hfade-offset: 0px;
+}
+
+StScrollBar {
+ padding: 8px;
+}
+
+StScrollView StScrollBar {
+ min-width: 5px;
+ min-height: 5px;
+}
+
+StScrollBar StBin#trough {
+ background-color: rgba(255, 255, 255, 0.1);
+ border-radius: 9999px;
+}
+
+StScrollBar StButton#vhandle, StScrollBar StButton#hhandle {
+ border-radius: 9999px;
+ background-color: rgba(169, 169, 169, 0.948);
+ border: 0px solid;
+ margin: 0px;
+}
+
+StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover {
+ background-color: rgba(192, 192, 192, 0.961);
+}
+
+StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
+ background-color: #3c84f7;
+}
+
+.separator {
+ -gradient-height: 1px;
+ -gradient-start: rgba(0, 0, 0, 0);
+ -gradient-end: rgba(0, 0, 0, 0);
+ -margin-horizontal: 1.5em;
+ height: 1em;
+}
+
+.popup-slider-menu-item,
+.slider {
+ -slider-height: 4px;
+ -slider-background-color: rgba(0, 0, 0, 0.12);
+ -slider-border-color: transparent;
+ -slider-active-background-color: #3c84f7;
+ -slider-active-border-color: transparent;
+ -slider-border-width: 0;
+ -slider-handle-radius: 4px;
+ height: 18px;
+ min-width: 15em;
+ border: 0 solid transparent;
+ border-right-width: 1px;
+ border-left-width: 5px;
+ color: transparent;
+}
+
+.check-box CinnamonGenericContainer {
+ spacing: .2em;
+ min-height: 30px;
+ padding-top: 2px;
+}
+
+.check-box StLabel {
+ font-weight: normal;
+}
+
+.check-box StBin {
+ width: 24px;
+ height: 24px;
+}
+
+.check-box StBin, .check-box:focus StBin {
+ background-image: url("assets/checkbox-off.svg");
+}
+
+.check-box:checked StBin, .check-box:focus:checked StBin {
+ background-image: url("assets/checkbox.svg");
+}
+
+.radiobutton CinnamonGenericContainer {
+ spacing: .2em;
+ min-height: 30px;
+ padding-top: 2px;
+}
+
+.radiobutton StLabel {
+ padding-top: 4px;
+ font-size: 0.9em;
+ box-shadow: none;
+}
+
+.radiobutton StBin {
+ width: 24px;
+ height: 24px;
+}
+
+.radiobutton StBin, .radiobutton:focus StBin {
+ background-image: url("assets/radiobutton-off.svg");
+}
+
+.radiobutton:checked StBin, .radiobutton:focus:checked StBin {
+ background-image: url("assets/radiobutton.svg");
+}
+
+.toggle-switch {
+ width: 40px;
+ height: 20px;
+ background-size: contain;
+}
+
+.toggle-switch, .popup-menu-item:active .toggle-switch {
+ background-image: url("assets/toggle-off.svg");
+}
+
+.toggle-switch:checked, .popup-menu-item:active .toggle-switch:checked {
+ background-image: url("assets/toggle-on.svg");
+}
+
+.cinnamon-link {
+ color: #3c84f7;
+ text-decoration: underline;
+}
+
+.cinnamon-link:hover {
+ color: #6da3f9;
+}
+
+#Tooltip {
+ border-radius: 9999px;
+ padding: 6px 12px;
+ background-color: rgba(52, 52, 52, 0.9);
+ color: #FFFFFF;
+ margin: 6px;
+ box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+ font-size: 1em;
+ font-weight: normal;
+ text-align: center;
+}
+
+.menu,
+.popup-menu,
+.popup-combo-menu {
+ padding: 0;
+ color: rgba(0, 0, 0, 0.87);
+ background-color: #FFFFFF;
+ border-radius: 12px;
+ margin: 6px;
+ box-shadow: 0 5px 12px rgba(0, 0, 0, 0.35);
+}
+
+.menu-arrow,
+.popup-menu-arrow {
+ icon-size: 16px;
+}
+
+.menu .popup-sub-menu,
+.popup-menu .popup-sub-menu,
+.popup-combo-menu .popup-sub-menu {
+ border-radius: 6px;
+ background-gradient-direction: none;
+ box-shadow: none;
+ background-color: rgba(235, 235, 235, 0.987);
+ color: rgba(0, 0, 0, 0.6);
+}
+
+.menu .popup-sub-menu .popup-menu-item:active,
+.popup-menu .popup-sub-menu .popup-menu-item:active,
+.popup-combo-menu .popup-sub-menu .popup-menu-item:active {
+ background-color: rgba(0, 0, 0, 0.12);
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.menu .popup-sub-menu StScrollBar,
+.popup-menu .popup-sub-menu StScrollBar,
+.popup-combo-menu .popup-sub-menu StScrollBar {
+ padding: 4px;
+}
+
+.menu .popup-sub-menu StScrollBar StBin#trough, .menu .popup-sub-menu StScrollBar StBin#vhandle,
+.popup-menu .popup-sub-menu StScrollBar StBin#trough,
+.popup-menu .popup-sub-menu StScrollBar StBin#vhandle,
+.popup-combo-menu .popup-sub-menu StScrollBar StBin#trough,
+.popup-combo-menu .popup-sub-menu StScrollBar StBin#vhandle {
+ border-width: 0;
+}
+
+.menu .popup-menu-content,
+.popup-menu .popup-menu-content,
+.popup-combo-menu .popup-menu-content {
+ padding: 6px;
+ border-radius: 12px;
+ background-clip: padding-box;
+ background-color: #FFFFFF;
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.15);
+}
+
+.menu .popup-menu-item,
+.popup-menu .popup-menu-item,
+.popup-combo-menu .popup-menu-item {
+ padding: 6px 12px;
+ spacing: 12px;
+ border-radius: 6px;
+}
+
+.menu .popup-menu-item:hover, .menu .popup-menu-item:active,
+.popup-menu .popup-menu-item:hover,
+.popup-menu .popup-menu-item:active,
+.popup-combo-menu .popup-menu-item:hover,
+.popup-combo-menu .popup-menu-item:active {
+ color: rgba(0, 0, 0, 0.87);
+ background-color: rgba(0, 0, 0, 0.12);
+}
+
+.menu .popup-menu-item:insensitive,
+.popup-menu .popup-menu-item:insensitive,
+.popup-combo-menu .popup-menu-item:insensitive {
+ color: rgba(0, 0, 0, 0.38);
+ background: none;
+}
+
+.menu .popup-inactive-menu-item,
+.popup-menu .popup-inactive-menu-item,
+.popup-combo-menu .popup-inactive-menu-item {
+ color: rgba(0, 0, 0, 0.38);
+}
+
+.menu .popup-inactive-menu-item:insensitive,
+.popup-menu .popup-inactive-menu-item:insensitive,
+.popup-combo-menu .popup-inactive-menu-item:insensitive {
+ color: rgba(0, 0, 0, 0.12);
+}
+
+.menu .popup-menu-item:active .popup-inactive-menu-item,
+.popup-menu .popup-menu-item:active .popup-inactive-menu-item,
+.popup-combo-menu .popup-menu-item:active .popup-inactive-menu-item {
+ color: rgba(0, 0, 0, 0.38);
+}
+
+.menu-icon,
+.popup-menu-icon {
+ icon-size: 16px;
+}
+
+.popup-menu-boxpointer {
+ -arrow-border-radius: 6px;
+ -arrow-background-color: rgba(0, 0, 0, 0);
+ -arrow-border-width: 0;
+ -arrow-border-color: rgba(0, 0, 0, 0);
+ -arrow-base: 0;
+ -arrow-rise: 0;
+}
+
+.popup-combo-menu {
+ padding: 6px;
+}
+
+.popup-combobox-item {
+ spacing: 1em;
+}
+
+.popup-separator-menu-item {
+ -gradient-height: 0;
+ -gradient-start: transparent;
+ -gradient-end: transparent;
+ -margin-horizontal: 1.5em;
+ height: 0;
+ margin: 0;
+ padding: 0;
+ border-color: rgba(0, 0, 0, 0.12);
+ border-bottom-width: 0;
+ border-bottom-style: solid;
+ background-color: transparent;
+}
+
+.popup-alternating-menu-item:alternate {
+ font-weight: normal;
+}
+
+.popup-device-menu-item {
+ spacing: .5em;
+}
+
+.popup-subtitle-menu-item {
+ font-weight: normal;
+}
+
+.nm-menu-item-icons {
+ spacing: .5em;
+}
+
+#panel {
+ font-weight: bold;
+ height: 36px;
+ width: 42px;
+}
+
+#panel:highlight {
+ border-image: none;
+ background-color: rgba(229, 57, 53, 0.5);
+}
+
+#panelLeft {
+ spacing: 4px;
+}
+
+#panelLeft:dnd {
+ background-gradient-direction: vertical;
+ background-gradient-start: rgba(229, 57, 53, 0.35);
+ background-gradient-end: rgba(229, 57, 53, 0.35);
+}
+
+#panelLeft:ltr {
+ padding-right: 4px;
+}
+
+#panelLeft:rtl {
+ padding-left: 4px;
+}
+
+#panelLeft.vertical {
+ padding: 0;
+}
+
+#panelLeft.vertical:ltr {
+ padding-right: 0px;
+}
+
+#panelLeft.vertical:rtl {
+ padding-left: 0px;
+}
+
+#panelRight:dnd {
+ background-gradient-direction: vertical;
+ background-gradient-start: rgba(60, 132, 247, 0.35);
+ background-gradient-end: rgba(60, 132, 247, 0.35);
+}
+
+#panelRight:ltr {
+ padding-left: 6px;
+ spacing: 0px;
+}
+
+#panelRight:rtl {
+ padding-right: 6px;
+ spacing: 0px;
+}
+
+#panelRight.vertical {
+ padding: 0;
+}
+
+#panelRight.vertical:ltr {
+ padding-right: 0px;
+}
+
+#panelRight.vertical:rtl {
+ padding-left: 0px;
+}
+
+#panelCenter {
+ spacing: 4px;
+}
+
+#panelCenter:dnd {
+ background-gradient-direction: vertical;
+ background-gradient-start: rgba(76, 175, 80, 0.35);
+ background-gradient-end: rgba(76, 175, 80, 0.35);
+}
+
+.panel-top, .panel-bottom, .panel-left, .panel-right {
+ color: rgba(255, 255, 255, 0.7);
+ font-size: 1em;
+ padding: 0px;
+ background-color: rgba(33, 33, 33, 0.75);
+ box-shadow: 0 0 5px rgba(0, 0, 0, 0.5), 0 0 16px rgba(0, 0, 0, 0.24);
+}
+
+.panel-top .panel-button:hover,
+.panel-top .panel-status-button:hover, .panel-bottom .panel-button:hover,
+.panel-bottom .panel-status-button:hover, .panel-left .panel-button:hover,
+.panel-left .panel-status-button:hover, .panel-right .panel-button:hover,
+.panel-right .panel-status-button:hover {
+ color: rgba(0, 0, 0, 0.87);
+ background-color: rgba(0, 0, 0, 0.04);
+}
+
+.panel-top .panel-button:active,
+.panel-top .panel-status-button:active, .panel-bottom .panel-button:active,
+.panel-bottom .panel-status-button:active, .panel-left .panel-button:active,
+.panel-left .panel-status-button:active, .panel-right .panel-button:active,
+.panel-right .panel-status-button:active {
+ color: rgba(0, 0, 0, 0.87);
+ background-color: rgba(0, 0, 0, 0.12);
+}
+
+.panel-dummy {
+ background-color: rgba(229, 57, 53, 0.5);
+}
+
+.panel-dummy:entered {
+ background-color: rgba(229, 57, 53, 0.6);
+}
+
+.panel-status-button {
+ border-width: 0;
+ -natural-hpadding: 3px;
+ -minimum-hpadding: 3px;
+ font-weight: bold;
+ height: 22px;
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.panel-button {
+ -natural-hpadding: 6px;
+ -minimum-hpadding: 2px;
+ font-weight: bold;
+ transition-duration: 100ms;
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.system-status-icon {
+ icon-size: 16px;
+ padding: 0 1px;
+}
+
+#overview {
+ spacing: 12px;
+}
+
+.window-caption {
+ background-color: rgba(52, 52, 52, 0.9);
+ border: 1px solid rgba(52, 52, 52, 0.9);
+ color: #FFFFFF;
+ spacing: 25px;
+ border-radius: 6px;
+ font-size: 9pt;
+ padding: 5px 8px;
+ -cinnamon-caption-spacing: 4px;
+}
+
+.window-caption#selected {
+ background-color: #3c84f7;
+ color: #FFFFFF;
+ border: 1px solid #3c84f7;
+ spacing: 25px;
+}
+
+.expo-workspaces-name-entry,
+.expo-workspaces-name-entry#selected {
+ height: 15px;
+ border-radius: 6px;
+ font-size: 9pt;
+ padding: 5px 8px;
+ -cinnamon-caption-spacing: 4px;
+ color: #FFFFFF;
+ background-color: rgba(255, 255, 255, 0.04);
+ border: 2px solid transparent;
+}
+
+.expo-workspaces-name-entry:focus,
+.expo-workspaces-name-entry#selected:focus {
+ border: 1px solid #3c84f7;
+ background-color: #3c84f7;
+ color: #FFFFFF;
+ font-style: italic;
+ transition-duration: 300;
+ selection-background-color: #FFFFFF;
+ selected-color: #3c84f7;
+}
+
+.expo-workspace-thumbnail-frame {
+ border: 4px solid rgba(255, 255, 255, 0);
+ background-color: rgba(255, 255, 255, 0);
+ border-radius: 6px;
+}
+
+.expo-workspace-thumbnail-frame#active {
+ border: 4px solid #3c84f7;
+ background-color: black;
+ border-radius: 6px;
+}
+
+.expo-background {
+ background-color: #343434;
+}
+
+.workspace-thumbnails {
+ spacing: 26px;
+}
+
+.workspace-thumbnails-background, .workspace-thumbnails-background:rtl {
+ padding: 8px;
+}
+
+.workspace-add-button {
+ background-image: url("assets/add-workspace.svg");
+ height: 200px;
+ width: 35px;
+ transition-duration: 100;
+}
+
+.workspace-add-button:hover {
+ background-image: url("assets/add-workspace-hover.svg");
+ transition-duration: 100;
+}
+
+.workspace-add-button:active {
+ background-image: url("assets/add-workspace-active.svg");
+ transition-duration: 100;
+}
+
+.workspace-overview-background-shade {
+ background-color: rgba(0, 0, 0, 0.5);
+}
+
+.workspace-close-button,
+.window-close {
+ background-image: url("assets/close.svg");
+ background-size: 26px;
+ height: 26px;
+ width: 26px;
+ -cinnamon-close-overlap: 13px;
+}
+
+.workspace-close-button:hover,
+.window-close:hover {
+ background-image: url("assets/close-hover.svg");
+ background-size: 26px;
+ height: 26px;
+ width: 26px;
+}
+
+.workspace-close-button:active,
+.window-close:active {
+ background-image: url("assets/close-active.svg");
+ background-size: 26px;
+ height: 26px;
+ width: 26px;
+}
+
+.workspace-thumbnail-indicator {
+ outline: 2px solid red;
+ border: 1px solid green;
+}
+
+.window-close:rtl {
+ -st-background-image-shadow: 2px 2px 6px rgba(0, 0, 0, 0.5);
+}
+
+.window-close-area {
+ background-image: url("assets/trash-icon.svg");
+ height: 120px;
+ width: 400px;
+}
+
+.about-content {
+ width: 550px;
+ height: 250px;
+ spacing: 8px;
+ padding-bottom: 10px;
+}
+
+.about-title {
+ font-size: 2em;
+ font-weight: bold;
+}
+
+.about-uuid {
+ font-size: 10px;
+ color: #888;
+}
+
+.about-icon {
+ padding-right: 20px;
+ padding-bottom: 14px;
+}
+
+.about-scrollBox {
+ border: 1px solid rgba(0, 0, 0, 0.12);
+ border-radius: 6px;
+ background-color: #FFFFFF;
+ padding: 4px;
+ padding-right: 0;
+ border-radius: 0;
+}
+
+.about-scrollBox-innerBox {
+ padding: 1.2em;
+ spacing: 1.2em;
+}
+
+.about-description {
+ padding-top: 4px;
+ padding-bottom: 16px;
+}
+
+.about-version {
+ padding-left: 7px;
+ font-size: 10px;
+ color: #888;
+}
+
+#LookingGlassDialog {
+ background-color: #FFFFFF;
+ spacing: 6px;
+ padding: 6px;
+ margin: 32px;
+ border-radius: 12px;
+ color: rgba(0, 0, 0, 0.87);
+ box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2), 0 16px 15px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12);
+ border: none;
+}
+
+.calendar-main-box {
+ margin: 0 6px;
+}
+
+.calendar {
+ padding: 6px 12px;
+ spacing-rows: 0px;
+ spacing-columns: 0px;
+}
+
+.calendar-today-home-button,
+.calendar-today-home-button-enabled {
+ margin: 6px 0;
+ padding: 6px;
+}
+
+.calendar-today-day-label {
+ font-size: 1.75em;
+ color: rgba(0, 0, 0, 0.6);
+ font-weight: bold;
+ text-align: center;
+ padding-bottom: .1em;
+}
+
+.calendar-today-date-label {
+ font-size: 1.1em;
+ color: rgba(0, 0, 0, 0.38);
+ font-weight: bold;
+ text-align: center;
+}
+
+.calendar-month-label {
+ color: rgba(0, 0, 0, 0.87);
+ font-weight: bold;
+ margin: 0 2px;
+ padding: 2px;
+}
+
+.calendar-change-month-back,
+.calendar-change-month-forward {
+ width: 24px;
+ height: 24px;
+ margin: 0;
+ padding: 0;
+ border-radius: 9999px;
+}
+
+.calendar-change-month-back:focus, .calendar-change-month-back:hover,
+.calendar-change-month-forward:focus,
+.calendar-change-month-forward:hover {
+ background-color: rgba(0, 0, 0, 0.1);
+}
+
+.calendar-change-month-back:active,
+.calendar-change-month-forward:active {
+ background-color: rgba(0, 0, 0, 0.25);
+}
+
+.calendar-change-month-back {
+ background-image: url("assets/calendar-arrow-left.svg");
+}
+
+.calendar-change-month-back:rtl {
+ background-image: url("assets/calendar-arrow-right.svg");
+}
+
+.calendar-change-month-forward {
+ background-image: url("assets/calendar-arrow-right.svg");
+}
+
+.calendar-change-month-forward:rtl {
+ background-image: url("assets/calendar-arrow-left.svg");
+}
+
+.datemenu-date-label {
+ padding: .4em 1.75em;
+ font-weight: normal;
+ text-align: center;
+ font-size: 14px;
+ color: rgba(0, 0, 0, 0.87);
+ border-radius: 6px;
+}
+
+.calendar-day-base {
+ text-align: center;
+ width: 28px;
+ height: 28px;
+ padding: 0;
+ margin: 2px;
+ border-radius: 9999px;
+}
+
+.calendar-day-base:hover {
+ background-color: rgba(0, 0, 0, 0.04);
+}
+
+.calendar-day-base:active {
+ background-color: rgba(0, 0, 0, 0.12);
+}
+
+.calendar-day-heading {
+ color: rgba(0, 0, 0, 0.6);
+ margin-top: 1em;
+}
+
+.calendar-day {
+ border-width: 0;
+ color: rgba(0, 0, 0, 0.6);
+}
+
+.calendar-day-top {
+ border-top-width: 0;
+}
+
+.calendar-day-left {
+ border-left-width: 0;
+}
+
+.calendar-nonwork-day {
+ color: rgba(0, 0, 0, 0.87);
+ background-color: transparent;
+ font-weight: bold;
+}
+
+.calendar-today,
+.calendar-today:active,
+.calendar-today:focus,
+.calendar-today:hover {
+ font-weight: bold;
+ color: #FFFFFF;
+ background-color: #3c84f7;
+ border-width: 0;
+}
+
+.calendar-other-month-day {
+ color: rgba(0, 0, 0, 0.6);
+ opacity: 1;
+}
+
+.calendar-week-number {
+ width: 20px;
+ height: 20px;
+ margin: 6px 0;
+ color: rgba(0, 0, 0, 0.26);
+ font-weight: bold;
+ background-color: rgba(0, 0, 0, 0.04);
+ border-radius: 9999px;
+}
+
+.calendar-week-number StLabel {
+ padding: 0;
+ margin-top: 3px;
+}
+
+.calendar-events-main-box {
+ height: 300px;
+ margin: 8px 0.8em 0 0;
+ padding: 8px;
+ min-width: 350px;
+ border: none;
+ border-radius: 6px;
+ background-gradient-direction: vertical;
+ background-gradient-start: rgba(0, 0, 0, 0.04);
+ background-gradient-end: rgba(0, 0, 0, 0.04);
+ color: rgba(0, 0, 0, 0.6);
+}
+
+.calendar-events-no-events-button {
+ margin: 6px 0;
+ padding: 6px;
+ border-radius: 6px;
+}
+
+.calendar-events-no-events-button:hover {
+ background-gradient-direction: vertical;
+ background-gradient-start: rgba(0, 0, 0, 0.04);
+ background-gradient-end: rgba(0, 0, 0, 0.04);
+ box-shadow: none;
+}
+
+.calendar-events-no-events-icon {
+ color: rgba(0, 0, 0, 0.38);
+}
+
+.calendar-events-no-events-label {
+ font-size: 1.1em;
+ color: rgba(0, 0, 0, 0.38);
+ font-weight: bold;
+ text-align: center;
+ margin-top: 9px;
+}
+
+.calendar-events-date-label {
+ padding: 3px 0 12px 3px;
+ font-size: 1.1em;
+ color: rgba(0, 0, 0, 0.6);
+ font-weight: bold;
+ text-align: center;
+}
+
+.calendar-events-event-container {
+ padding: 2px;
+}
+
+.calendar-events-main-box .separator {
+ -margin-horizontal: 1em;
+ -gradient-height: 1px;
+ -gradient-start: rgba(0, 0, 0, 0.12);
+ -gradient-end: rgba(0, 0, 0, 0.12);
+}
+
+.calendar-event-button {
+ margin: 6px 0 6px 0;
+ border-radius: 6px;
+}
+
+.calendar-event-button:hover {
+ background-gradient-direction: vertical;
+ background-gradient-start: rgba(0, 0, 0, 0.04);
+ background-gradient-end: rgba(0, 0, 0, 0.04);
+ box-shadow: none;
+}
+
+.calendar-event-color-strip {
+ width: 4px;
+ border-radius: 4px 0 0 4px;
+}
+
+.calendar-event-row-content {
+ margin: 6px;
+}
+
+.calendar-event-time-past {
+ color: rgba(0, 0, 0, 0.26);
+ font-weight: bold;
+ text-align: left;
+ margin-bottom: .6em;
+}
+
+.calendar-event-time-present {
+ font-weight: bold;
+ text-align: left;
+ margin-bottom: .6em;
+}
+
+.calendar-event-time-present:all-day {
+ color: rgba(76, 175, 80, 0.6);
+}
+
+.calendar-event-time-future {
+ text-align: left;
+ margin-bottom: .6em;
+}
+
+.calendar-event-countdown {
+ color: rgba(0, 0, 0, 0.38);
+ font-weight: bold;
+ text-align: right;
+ margin-bottom: .6em;
+}
+
+.calendar-event-countdown:soon {
+ color: white;
+}
+
+.calendar-event-countdown:imminent {
+ color: rgba(255, 214, 0, 0.6);
+}
+
+.calendar-event-countdown:current {
+ color: rgba(76, 175, 80, 0.6);
+}
+
+.calendar-event-summary {
+ color: rgba(0, 0, 0, 0.38);
+ text-align: left;
+ width: 200px;
+}
+
+#notification {
+ border-radius: 12px;
+ padding: 12px;
+ spacing-rows: 9px;
+ spacing-columns: 9px;
+ margin-from-right-edge-of-screen: 18px;
+ width: 28em;
+ color: rgba(0, 0, 0, 0.87);
+ background-color: rgba(255, 255, 255, 0.8);
+ box-shadow: 0 5px 12px rgba(0, 0, 0, 0.35);
+ margin: 7px 12px 17px 12px;
+}
+
+#notification .notification-button, #notification .notification-icon-button {
+ padding: 6px;
+}
+
+.menu #notification, .popup-menu #notification {
+ border: none;
+ border-radius: 6px;
+ background-color: rgba(0, 0, 0, 0.05);
+ box-shadow: none;
+ margin: 0;
+}
+
+.menu #notification:hover, .popup-menu #notification:hover {
+ background-color: rgba(0, 0, 0, 0.1);
+ box-shadow: 0 3px 8px rgba(0, 0, 0, 0.15);
+}
+
+.menu #notification, .menu #notification.multi-line-notification, .popup-menu #notification, .popup-menu #notification.multi-line-notification {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button {
+ padding: 6px;
+}
+
+#notification.multi-line-notification {
+ padding-bottom: 12px;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+#notification-scrollview {
+ max-height: 10em;
+}
+
+#notification-scrollview > .top-shadow, #notification-scrollview > .bottom-shadow {
+ height: 1em;
+}
+
+#notification-scrollview:ltr > StScrollBar {
+ padding-left: 6px;
+}
+
+#notification-scrollview:rtl > StScrollBar {
+ padding-right: 6px;
+}
+
+#notification-body {
+ spacing: 6px;
+}
+
+#notification-actions {
+ spacing: 9px;
+}
+
+.notification-with-image {
+ min-height: 159px;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.notification-button, .notification-icon-button {
+ padding: 6px;
+}
+
+.notification-icon-button > StIcon {
+ icon-size: 36px;
+}
+
+#altTabPopup {
+ padding: 8px;
+ spacing: 16px;
+}
+
+.switcher-list {
+ color: rgba(0, 0, 0, 0.87);
+ background-color: #FFFFFF;
+ border: none;
+ border-radius: 6px;
+ padding: 20px;
+}
+
+.switcher-list > StBoxLayout {
+ padding: 4px;
+}
+
+.switcher-list-item-container {
+ spacing: 8px;
+}
+
+.switcher-list .item-box {
+ padding: 8px;
+ border-radius: 6px;
+}
+
+.switcher-list .item-box:outlined {
+ padding: 8px;
+ border: 1px solid #3c84f7;
+}
+
+.switcher-list .item-box:selected {
+ color: #FFFFFF;
+ background-color: #3c84f7;
+ border: 0px solid #3c84f7;
+}
+
+.switcher-list .thumbnail {
+ width: 256px;
+}
+
+.switcher-list .thumbnail-box {
+ padding: 2px;
+ spacing: 4px;
+}
+
+.switcher-list .separator {
+ width: 1px;
+ background: rgba(255, 255, 255, 0.2);
+}
+
+.switcher-arrow {
+ border-color: rgba(0, 0, 0, 0);
+ color: #FFFFFF;
+}
+
+.switcher-arrow:highlighted {
+ border-color: rgba(0, 0, 0, 0);
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.thumbnail-scroll-gradient-left {
+ background-color: rgba(0, 0, 0, 0);
+ border-radius: 24px;
+ border-radius-topright: 0px;
+ border-radius-bottomright: 0px;
+ width: 60px;
+}
+
+.thumbnail-scroll-gradient-right {
+ background-color: rgba(0, 0, 0, 0);
+ border-radius: 24px;
+ border-radius-topleft: 0px;
+ border-radius-bottomleft: 0px;
+ width: 60px;
+}
+
+.ripple-box {
+ width: 104px;
+ height: 104px;
+ background-image: url("assets/corner-ripple.svg");
+ background-size: contain;
+}
+
+.lightbox {
+ background-color: rgba(0, 0, 0, 0.4);
+}
+
+.flashspot {
+ background-color: white;
+}
+
+.modal-dialog {
+ color: #FFFFFF;
+ background-color: rgba(45, 45, 45, 0.95);
+ padding: 0 5px 6px 5px;
+ border-radius: 6px;
+ box-shadow: 0 3px 8px rgba(0, 0, 0, 0.75), 0 5px 18px rgba(0, 0, 0, 0.55);
+}
+
+.modal-dialog > StBoxLayout:first-child {
+ padding: 20px 10px 10px 10px;
+}
+
+.modal-dialog-button-box {
+ spacing: 0;
+ margin: 0;
+ padding: 14px 10px;
+ background-color: transparent;
+ border: none;
+}
+
+.modal-dialog-button-box .modal-dialog-button {
+ padding-top: 0;
+ padding-bottom: 0;
+ height: 30px;
+}
+
+.run-dialog {
+ padding: 6px 12px;
+ background-color: rgba(52, 52, 52, 0.9);
+ border-radius: 6px;
+ color: #FFFFFF;
+}
+
+.run-dialog > * {
+ padding: 0;
+}
+
+.run-dialog-label {
+ font-size: 0;
+ font-weight: bold;
+ color: #FFFFFF;
+ padding-bottom: 0;
+}
+
+.run-dialog-error-label {
+ color: #E53935;
+}
+
+.run-dialog-error-box {
+ padding-top: 15px;
+ spacing: 5px;
+}
+
+.run-dialog-completion-box {
+ padding-left: 15px;
+ font-size: 10px;
+}
+
+.run-dialog-entry {
+ width: 21em;
+ padding: 3px 12px;
+ border-radius: 6px;
+ caret-color: #FFFFFF;
+ selected-color: #FFFFFF;
+ selection-background-color: #3c84f7;
+ color: #FFFFFF;
+ background-color: rgba(255, 255, 255, 0.04);
+ border: 2px solid transparent;
+}
+
+.run-dialog-entry:focus {
+ color: #FFFFFF;
+ background-color: rgba(255, 255, 255, 0.04);
+ border: 2px solid #3c84f7;
+}
+
+.run-dialog .modal-dialog-button-box {
+ border: none;
+ box-shadow: none;
+ background: none;
+ background-gradient-direction: none;
+}
+
+/* CinnamonMountOperation Dialogs */
+.cinnamon-mount-operation-icon {
+ icon-size: 48px;
+}
+
+.mount-password-reask {
+ color: #FFD600;
+}
+
+.show-processes-dialog,
+.mount-question-dialog {
+ spacing: 24px;
+}
+
+.show-processes-dialog-subject,
+.mount-question-dialog-subject {
+ padding-top: 10px;
+ padding-left: 17px;
+ padding-bottom: 6px;
+}
+
+.show-processes-dialog-subject:rtl,
+.mount-question-dialog-subject:rtl {
+ padding-left: 0px;
+ padding-right: 17px;
+}
+
+.show-processes-dialog-description,
+.mount-question-dialog-description {
+ padding-left: 17px;
+ width: 28em;
+}
+
+.show-processes-dialog-description:rtl,
+.mount-question-dialog-description:rtl {
+ padding-right: 17px;
+}
+
+.show-processes-dialog-app-list {
+ max-height: 200px;
+ padding-top: 24px;
+ padding-left: 49px;
+ padding-right: 32px;
+}
+
+.show-processes-dialog-app-list:rtl {
+ padding-right: 49px;
+ padding-left: 32px;
+}
+
+.show-processes-dialog-app-list-item {
+ color: #ccc;
+}
+
+.show-processes-dialog-app-list-item:hover {
+ color: white;
+}
+
+.show-processes-dialog-app-list-item:ltr {
+ padding-right: 1em;
+}
+
+.show-processes-dialog-app-list-item:rtl {
+ padding-left: 1em;
+}
+
+.show-processes-dialog-app-list-item-icon:ltr {
+ padding-right: 17px;
+}
+
+.show-processes-dialog-app-list-item-icon:rtl {
+ padding-left: 17px;
+}
+
+.show-processes-dialog-app-list-item-name {
+ font-size: 1.1em;
+}
+
+.magnifier-zoom-region {
+ border: 2px solid maroon;
+}
+
+.magnifier-zoom-region .full-screen {
+ border-width: 0px;
+}
+
+#keyboard {
+ background-color: rgba(52, 52, 52, 0.9);
+ border-width: 0;
+ border-top-width: 1px;
+ border-color: rgba(0, 0, 0, 0.4);
+}
+
+.keyboard-layout {
+ spacing: 10px;
+ padding: 10px;
+}
+
+.keyboard-row {
+ spacing: 15px;
+}
+
+.keyboard-key {
+ min-height: 2em;
+ min-width: 2em;
+ font-size: 14pt;
+ font-weight: bold;
+ border-radius: 6px;
+ box-shadow: none;
+ color: rgba(255, 255, 255, 0.7);
+ background-color: rgba(255, 255, 255, 0.04);
+}
+
+.keyboard-key:hover {
+ color: #FFFFFF;
+ background-color: rgba(255, 255, 255, 0.12);
+}
+
+.keyboard-key:active, .keyboard-key:checked {
+ color: #FFFFFF;
+ background-color: rgba(255, 255, 255, 0.3);
+}
+
+.keyboard-key:grayed {
+ color: rgba(255, 255, 255, 0.3);
+ background-color: transparent;
+}
+
+.keyboard-subkeys {
+ color: #FFFFFF;
+ padding: 5px;
+ -arrow-border-radius: 6px;
+ -arrow-background-color: rgba(52, 52, 52, 0.9);
+ -arrow-border-width: 1px;
+ -arrow-border-color: rgba(0, 0, 0, 0.4);
+ -arrow-base: 20px;
+ -arrow-rise: 10px;
+ -boxpointer-gap: 5px;
+}
+
+.menu-favorites-box {
+ margin: auto;
+ margin-bottom: 6px;
+ padding: 6px;
+ transition-duration: 300;
+ background-color: rgba(0, 0, 0, 0.05);
+ border: none;
+ border-radius: 6px;
+}
+
+.menu-favorites-button {
+ padding: 9px;
+ border: none;
+ border-radius: 6px;
+}
+
+.menu-favorites-button:hover {
+ border-radius: 6px;
+ background-color: rgba(0, 0, 0, 0.1);
+}
+
+.menu-places-box {
+ margin: auto;
+ padding: 9px;
+ border: 1px solid rgba(0, 0, 0, 0);
+}
+
+.menu-places-button {
+ padding: 9px;
+}
+
+.menu-categories-box {
+ padding: 9px 30px;
+}
+
+.menu-applications-inner-box, .menu-applications-outer-box {
+ padding: 9px 9px 0 9px;
+}
+
+.menu-application-button {
+ padding: 6px;
+ border-radius: 6px;
+ border: none;
+}
+
+.menu-application-button:highlighted {
+ font-weight: bold;
+}
+
+.menu-application-button-selected {
+ color: rgba(0, 0, 0, 0.87);
+ background-color: rgba(0, 0, 0, 0.12);
+ padding: 6px;
+ border-radius: 6px;
+ border: none;
+}
+
+.menu-application-button-selected:highlighted {
+ font-weight: bold;
+}
+
+.menu-application-button-label:ltr {
+ padding-left: 6px;
+}
+
+.menu-application-button-label:rtl {
+ padding-right: 6px;
+}
+
+.menu StScrollView.menu-application-button {
+ padding: 3px 0;
+ border-radius: 6px;
+ background-color: rgba(235, 235, 235, 0.987);
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.menu StScrollView.menu-application-button .popup-menu-item {
+ padding: 0;
+ spacing: 0;
+ margin: 0 3px;
+ border-radius: 6px;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.menu StScrollView.menu-application-button .popup-menu-item:ltr {
+ padding-left: 6px;
+}
+
+.menu StScrollView.menu-application-button .popup-menu-item:rtl {
+ padding-right: 6px;
+}
+
+.menu StScrollView.menu-application-button .popup-menu-item:active {
+ border-image: none;
+ background-color: rgba(0, 0, 0, 0.12);
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.menu StScrollView.menu-application-button .popup-menu-item StIcon {
+ min-width: 22px;
+}
+
+.menu StScrollView.menu-application-button .popup-menu-item StLabel:ltr {
+ padding: 6px 0 6px 6px;
+}
+
+.menu StScrollView.menu-application-button .popup-menu-item StLabel:rtl {
+ padding: 6px 6px 6px 0;
+}
+
+.menu-category-button {
+ padding: 6px;
+ border-radius: 6px;
+}
+
+.menu-category-button-selected {
+ padding: 6px;
+}
+
+.menu-category-button-hover, .menu-category-button-selected {
+ color: rgba(0, 0, 0, 0.87);
+ background-color: rgba(0, 0, 0, 0.12);
+ border-radius: 6px;
+}
+
+.menu-category-button-greyed {
+ padding: 6px;
+ color: rgba(0, 0, 0, 0.38);
+}
+
+.menu-category-button-label:ltr {
+ padding-left: 6px;
+}
+
+.menu-category-button-label:rtl {
+ padding-right: 6px;
+}
+
+.menu-selected-app-box {
+ padding-right: 30px;
+ padding-left: 28px;
+ text-align: right;
+ height: 30px;
+}
+
+.menu-selected-app-box:rtl {
+ padding-top: 10px;
+ height: 30px;
+}
+
+.menu-selected-app-title {
+ font-weight: bold;
+}
+
+.menu-selected-app-description {
+ max-width: 150px;
+ margin-bottom: 6px;
+}
+
+.menu-search-box:ltr {
+ padding-left: 30px;
+}
+
+.menu-search-box-rtl {
+ padding-right: 30px;
+}
+
+#menu-search-entry {
+ width: 250px;
+ height: 15px;
+ font-weight: normal;
+ caret-color: rgba(0, 0, 0, 0.87);
+}
+
+.menu-search-entry-icon {
+ icon-size: 1em;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.info-osd {
+ text-align: center;
+ font-weight: bold;
+ spacing: 1em;
+ padding: 16px;
+ color: rgba(255, 255, 255, 0.7);
+ background-color: rgba(33, 33, 33, 0.75);
+}
+
+.osd-window {
+ text-align: center;
+ font-weight: bold;
+ spacing: 1em;
+ padding: 20px;
+ min-width: 64px;
+ min-height: 64px;
+ color: rgba(255, 255, 255, 0.7);
+ border-radius: 0;
+ background-color: rgba(33, 33, 33, 0.75);
+ border: none;
+}
+
+.osd-window .osd-monitor-label {
+ font-size: 3em;
+}
+
+.osd-window .level {
+ padding: 0;
+ height: 4px;
+ background-color: rgba(0, 0, 0, 0.35);
+ border-radius: 6px;
+ color: #3c84f7;
+}
+
+.osd-window .level-bar {
+ border-radius: 6px;
+ background-color: #3c84f7;
+}
+
+.window-list-box {
+ spacing: 2px;
+}
+
+.panel-bottom .window-list-box:ltr, .panel-top .window-list-box:ltr {
+ padding: 0 0 0 8px;
+}
+
+.panel-bottom .window-list-box:rtl, .panel-top .window-list-box:rtl {
+ padding: 0 8px 0 0;
+}
+
+.window-list-box.vertical {
+ padding: 6px 0 0 0;
+}
+
+.window-list-box.vertical #appMenuIcon {
+ padding-top: 2px;
+}
+
+.window-list-box:highlight {
+ background-color: rgba(229, 57, 53, 0.5);
+}
+
+.window-list-item-label {
+ font-weight: normal;
+ width: 15em;
+ min-width: 5px;
+}
+
+.window-list-item-box {
+ font-weight: normal;
+ background-image: none;
+ transition-duration: 100ms;
+ color: rgba(255, 255, 255, 0.9);
+ border-radius: 0;
+}
+
+.panel-bottom .window-list-item-box StLabel {
+ padding-left: 6px;
+}
+
+.panel-top .window-list-item-box StLabel {
+ padding-left: 6px;
+}
+
+.panel-left .window-list-item-box StLabel {
+ padding-top: 6px;
+}
+
+.panel-right .window-list-item-box StLabel {
+ padding-top: 6px;
+}
+
+.panel-top .window-list-item-box {
+ border-top: 2px solid transparent;
+}
+
+.panel-top .window-list-item-box StIcon, .panel-top .window-list-item-box StBin, .panel-top .window-list-item-box #appMenuIcon {
+ padding: 2px;
+ padding-top: 0;
+}
+
+.panel-bottom .window-list-item-box {
+ border-bottom: 2px solid transparent;
+}
+
+.panel-bottom .window-list-item-box StIcon, .panel-bottom .window-list-item-box StBin, .panel-bottom .window-list-item-box #appMenuIcon {
+ padding: 2px;
+ padding-bottom: 0;
+}
+
+.panel-left .window-list-item-box {
+ border-left: 2px solid transparent;
+}
+
+.panel-left .window-list-item-box StIcon, .panel-left .window-list-item-box StBin, .panel-left .window-list-item-box #appMenuIcon {
+ padding: 2px;
+ padding-left: 0;
+}
+
+.panel-right .window-list-item-box {
+ border-right: 2px solid transparent;
+}
+
+.panel-right .window-list-item-box StIcon, .panel-right .window-list-item-box StBin, .panel-right .window-list-item-box #appMenuIcon {
+ padding: 2px;
+ padding-right: 0;
+}
+
+.window-list-item-box:hover {
+ color: rgba(255, 255, 255, 0.7);
+ background-gradient-direction: none;
+ background-color: rgba(255, 255, 255, 0.15);
+}
+
+.window-list-item-box:active, .window-list-item-box:checked, .window-list-item-box:running {
+ color: rgba(255, 255, 255, 0.7);
+ background-gradient-direction: none;
+ background-color: rgba(255, 255, 255, 0.25);
+ border-color: rgba(255, 255, 255, 0.3);
+}
+
+.window-list-item-box:active:hover, .window-list-item-box:checked:hover, .window-list-item-box:running:hover {
+ background-color: rgba(255, 255, 255, 0.3);
+}
+
+.window-list-item-box:focus {
+ color: rgba(255, 255, 255, 0.7);
+ background-gradient-direction: none;
+ background-image: radial-gradient(5px 5px 45deg, circle cover, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.7) 100%);
+ border-color: #3c84f7;
+ background-color: rgba(255, 255, 255, 0.2);
+}
+
+.window-list-item-box:focus:hover {
+ background-color: rgba(255, 255, 255, 0.3);
+}
+
+.panel-top .window-list-item-box:focus {
+ background-position: top center;
+}
+
+.panel-bottom .window-list-item-box:focus {
+ background-position: bottom center;
+}
+
+.panel-left .window-list-item-box:focus {
+ background-position: left center;
+}
+
+.panel-right .window-list-item-box:focus {
+ background-position: right center;
+}
+
+.window-list-item-box.right, .window-list-item-box.left {
+ padding-left: 0px;
+ padding-right: 0px;
+}
+
+.window-list-item-box .progress {
+ background-gradient-direction: vertical;
+ background-gradient-start: #4CAF50;
+ background-gradient-end: #4CAF50;
+ border-radius: 6px;
+ box-shadow: none;
+}
+
+.window-list-item-demands-attention {
+ background-gradient-start: #FFD600;
+ background-gradient-end: #FFD600;
+}
+
+.window-list-preview {
+ padding: 6px;
+ spacing: 6px;
+ border: none;
+ background-color: #FFFFFF;
+ border-radius: 6px;
+ color: rgba(0, 0, 0, 0.87);
+ box-shadow: 0 3px 5px rgba(0, 0, 0, 0.35), 0 3px 12px rgba(0, 0, 0, 0.16);
+}
+
+.grouped-window-list-thumbnail-label {
+ padding-left: 4px;
+}
+
+.grouped-window-list-thumbnail-alert {
+ background-color: rgba(229, 57, 53, 0.5);
+}
+
+.grouped-window-list-thumbnail-menu {
+ padding: 6px;
+}
+
+.grouped-window-list-thumbnail-menu .item-box {
+ padding: 6px;
+ border-radius: 6px;
+ spacing: 6px;
+ margin: 1px;
+}
+
+.grouped-window-list-thumbnail-menu .item-box:outlined {
+ background-color: rgba(0, 0, 0, 0.1);
+}
+
+.grouped-window-list-thumbnail-menu .item-box:hover {
+ background-color: rgba(0, 0, 0, 0.15);
+}
+
+.grouped-window-list-thumbnail-menu .thumbnail {
+ width: 256px;
+}
+
+.grouped-window-list-thumbnail-menu .separator {
+ width: 1px;
+ background-color: rgba(0, 0, 0, 0.12);
+}
+
+.grouped-window-list-number-label {
+ z-index: 120;
+ text-shadow: none;
+ color: #FFFFFF;
+ padding: 0;
+}
+
+.grouped-window-list-button-label {
+ padding-left: 2px;
+}
+
+.grouped-window-list-badge {
+ border-radius: 256px;
+ background-color: #3c84f7;
+}
+
+.grouped-window-list-item-box {
+ font-weight: normal;
+ transition-duration: 100ms;
+ border: none;
+ margin: 0;
+ color: rgba(255, 255, 255, 0.6);
+ border-radius: 0;
+ spacing: 6px;
+ border-bottom: 2px solid transparent;
+}
+
+.grouped-window-list-item-box.top, .grouped-window-list-item-box.bottom {
+ padding: 0 2px;
+}
+
+.grouped-window-list-item-box:hover {
+ color: rgba(255, 255, 255, 0.7);
+ background-gradient-direction: none;
+ background-color: rgba(255, 255, 255, 0.15);
+}
+
+.grouped-window-list-item-box:active {
+ color: rgba(255, 255, 255, 0.7);
+ background-gradient-direction: none;
+ background-color: transparent;
+ border-color: rgba(255, 255, 255, 0.3);
+}
+
+.grouped-window-list-item-box:active:hover {
+ background-color: rgba(255, 255, 255, 0.15);
+}
+
+.grouped-window-list-item-box:focus {
+ color: rgba(255, 255, 255, 0.7);
+ background-gradient-direction: none;
+ background-color: rgba(255, 255, 255, 0.2);
+ border-color: #3c84f7;
+}
+
+.grouped-window-list-item-box:focus:hover {
+ background-color: rgba(255, 255, 255, 0.3);
+}
+
+.grouped-window-list-item-box .progress {
+ background-gradient-direction: vertical;
+ background-gradient-start: #4CAF50;
+ background-gradient-end: #4CAF50;
+ border-radius: 6px;
+ box-shadow: none;
+}
+
+.grouped-window-list-item-demands-attention {
+ background-gradient-start: #FFD600;
+ background-gradient-end: #FFD600;
+}
+
+.sound-button {
+ width: 22px;
+ height: 13px;
+ padding: 8px;
+}
+
+.sound-button-container {
+ padding-right: 3px;
+ padding-left: 3px;
+}
+
+.sound-button StIcon {
+ icon-size: 1.4em;
+}
+
+.sound-track-infos {
+ padding: 5px;
+}
+
+.sound-track-info {
+ padding-top: 2px;
+ padding-bottom: 2px;
+}
+
+.sound-track-info StIcon {
+ icon-size: 16px;
+}
+
+.sound-track-info StLabel {
+ padding-left: 5px;
+ padding-right: 5px;
+}
+
+.sound-track-box {
+ padding-left: 15px;
+ padding-right: 15px;
+ max-width: 220px;
+}
+
+.sound-seek-box {
+ padding-left: 15px;
+}
+
+.sound-seek-box StLabel {
+ padding-top: 2px;
+}
+
+.sound-seek-box StIcon {
+ icon-size: 16px;
+}
+
+.sound-seek-slider {
+ width: 140px;
+}
+
+.sound-volume-menu-item {
+ padding: .4em 1.75em;
+}
+
+.sound-volume-menu-item StIcon {
+ icon-size: 1.14em;
+ padding-left: 8px;
+ padding-right: 8px;
+}
+
+.sound-playback-control {
+ padding: 5px 10px 10px 10px;
+}
+
+.sound-player {
+ padding: 0 0;
+ margin-top: 6px;
+ border-radius: 6px;
+ background-color: rgba(235, 235, 235, 0.987);
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.sound-player > StBoxLayout:first-child {
+ padding: 5px 10px 10px 10px;
+ spacing: 0.5em;
+}
+
+.sound-player > StBoxLayout:first-child StButton:small {
+ width: 24px;
+ height: 24px;
+ border-radius: 9999px;
+}
+
+.sound-player > StBoxLayout:first-child StButton:small:hover {
+ background-color: rgba(0, 0, 0, 0.12);
+}
+
+.sound-player > StBoxLayout:first-child StButton:small:active {
+ background-color: rgba(0, 0, 0, 0.26);
+}
+
+.sound-player > StBoxLayout:first-child StButton:small StIcon {
+ icon-size: 16px;
+}
+
+.sound-player-generic-coverart {
+ background: rgba(0, 0, 0, 0.2);
+}
+
+.sound-player-overlay {
+ width: 290px;
+ height: 80px;
+ padding: 12px 18px;
+ spacing: 6px;
+ background-color: rgba(0, 0, 0, 0.45);
+ border: none;
+ border-radius: 0 0 6px 6px;
+ color: #FFFFFF;
+ text-shadow: none;
+}
+
+.sound-player-overlay StButton {
+ width: 16px;
+ height: 16px;
+ padding: 8px;
+ margin: 0 6px 6px;
+ color: #FFFFFF;
+ border-radius: 9999px;
+ border: none;
+ text-shadow: none;
+}
+
+.sound-player-overlay StButton StIcon {
+ icon-size: 16px;
+}
+
+.sound-player-overlay StButton:hover {
+ background-color: rgba(255, 255, 255, 0.12);
+}
+
+.sound-player-overlay StButton:active {
+ background-color: rgba(255, 255, 255, 0.3);
+}
+
+.sound-player-overlay StButton:insensitive {
+ opacty: 0.35;
+ color: rgba(255, 255, 255, 0.5);
+}
+
+.sound-player-overlay StLabel {
+ padding: 0 6px;
+}
+
+.sound-player-overlay StBoxLayout {
+ padding-top: 2px;
+}
+
+.sound-player .slider {
+ height: 0.5em;
+ padding: 0;
+ border: 0px solid rgba(32, 32, 32, 0.9);
+ border-bottom: 1px;
+ -slider-height: 0.5em;
+ -slider-background-color: rgba(0, 0, 0, 0.12);
+ -slider-border-color: rgba(0, 0, 0, 0);
+ -slider-active-background-color: #3c84f7;
+ -slider-active-border-color: rgba(0, 0, 0, 0);
+ -slider-border-width: 0px;
+ -slider-handle-radius: 0px;
+}
+
+#workspaceSwitcher {
+ spacing: 0px;
+ padding: 3px;
+}
+
+/* Controls the styling when using the "Simple buttons" option */
+.workspace-switcher {
+ padding-left: 3px;
+ padding-right: 3px;
+}
+
+.workspace-button {
+ width: 20px;
+ height: 10px;
+ color: rgba(255, 255, 255, 0.7);
+ padding: 3px;
+ padding-top: 4px;
+ transition-duration: 300;
+}
+
+.workspace-button:outlined, .workspace-button:outlined:hover {
+ color: #3c84f7;
+}
+
+.workspace-button:hover {
+ color: #6da3f9;
+}
+
+/* Controls the style when using the "Visual representation" option */
+.workspace-graph {
+ padding: 3px;
+ spacing: 3px;
+}
+
+.workspace-graph .workspace {
+ border: 1px solid rgba(0, 0, 0, 0.4);
+ background-gradient-direction: none;
+ background-color: rgba(0, 0, 0, 0.2);
+}
+
+.workspace-graph .workspace:active {
+ border: 1px solid #3c84f7;
+ background-gradient-direction: none;
+}
+
+.workspace-graph .workspace .windows {
+ -active-window-background: rgba(71, 71, 71, 0.75);
+ -active-window-border: rgba(0, 0, 0, 0.8);
+ -inactive-window-background: rgba(71, 71, 71, 0.75);
+ -inactive-window-border: rgba(0, 0, 0, 0.8);
+}
+
+.workspace-graph .workspace:active .windows {
+ -active-window-background: rgba(84, 84, 84, 0.75);
+ -active-window-border: rgba(0, 0, 0, 0.8);
+ -inactive-window-background: rgba(46, 46, 46, 0.75);
+ -inactive-window-border: rgba(0, 0, 0, 0.8);
+}
+
+#panel-launchers-box {
+ padding: 0 6px;
+}
+
+#panel-launchers-box.vertical {
+ padding: 3px 0;
+}
+
+.panel-launcher {
+ padding: 2px;
+ transition-duration: 200ms;
+ border-radius: 0;
+}
+
+.panel-launcher:hover {
+ background-gradient-direction: none;
+ background-color: rgba(255, 255, 255, 0.1);
+}
+
+.panel-launcher:active {
+ background-color: rgba(255, 255, 255, 0.2);
+}
+
+.launcher {
+ padding: 2px;
+ spacing: 2px;
+ transition-duration: 0.2s;
+ border-radius: 0;
+}
+
+.launcher:hover {
+ background-gradient-direction: none;
+ background-color: rgba(255, 255, 255, 0.1);
+}
+
+.launcher:active {
+ background-color: rgba(255, 255, 255, 0.2);
+}
+
+.launcher .icon-box {
+ padding: 2px;
+}
+
+.applet-separator {
+ padding: 1px 3px;
+}
+
+.applet-separator-line {
+ width: 1px;
+ background: rgba(255, 255, 255, 0.12);
+}
+
+.applet-box {
+ padding: 0 6px;
+ color: rgba(255, 255, 255, 0.7);
+ text-shadow: none;
+ transition-duration: 100ms;
+ border-radius: 0;
+}
+
+.applet-box.vertical {
+ padding: 6px 0;
+}
+
+.applet-box:hover {
+ color: rgba(255, 255, 255, 0.7);
+ background-color: rgba(0, 0, 0, 0.04);
+}
+
+.applet-box:checked, .applet-box:checked:hover {
+ color: rgba(255, 255, 255, 0.7);
+ background-color: rgba(0, 0, 0, 0.12);
+}
+
+.applet-box:highlight {
+ background-image: none;
+ border-image: none;
+ background-color: rgba(229, 57, 53, 0.5);
+}
+
+.applet-label {
+ font-weight: bold;
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.applet-box:checked .applet-label {
+ color: rgba(255, 255, 255, 0.7);
+ text-shadow: none;
+}
+
+.applet-icon {
+ color: rgba(255, 255, 255, 0.7);
+ icon-size: 16px;
+}
+
+.applet-box:checked .applet-icon {
+ color: rgba(255, 255, 255, 0.7);
+ text-shadow: none;
+}
+
+.user-icon {
+ width: 32px;
+ height: 32px;
+ background-color: transparent;
+ border: none;
+ border-radius: 0;
+}
+
+.user-label {
+ color: rgba(0, 0, 0, 0.87);
+ font-size: 1em;
+ font-weight: bold;
+ margin: 0px;
+}
+
+.desklet {
+ color: #FFFFFF;
+}
+
+.desklet:highlight {
+ background-color: rgba(229, 57, 53, 0.5);
+}
+
+.desklet-with-borders {
+ color: #FFFFFF;
+ background-color: rgba(52, 52, 52, 0.9);
+ padding: 12px;
+ padding-bottom: 16px;
+}
+
+.desklet-with-borders:highlight {
+ background-color: rgba(229, 57, 53, 0.5);
+}
+
+.desklet-with-borders-and-header {
+ color: #FFFFFF;
+ background-color: rgba(52, 52, 52, 0.9);
+ border-radius: 6px;
+ border-radius-topleft: 0;
+ border-radius-topright: 0;
+ padding: 12px;
+ padding-bottom: 17px;
+}
+
+.desklet-with-borders-and-header:highlight {
+ background-color: rgba(229, 57, 53, 0.5);
+}
+
+.desklet-header {
+ color: #FFFFFF;
+ background-color: rgba(52, 52, 52, 0.9);
+ border-radius: 0;
+ border-radius-topleft: 6px;
+ border-radius-topright: 6px;
+ font-size: 1em;
+ padding: 12px;
+ padding-bottom: 6px;
+}
+
+.desklet-drag-placeholder {
+ border: 2px solid #3c84f7;
+ background-color: rgba(60, 132, 247, 0.3);
+}
+
+.photoframe-box {
+ color: #FFFFFF;
+ background-color: rgba(52, 52, 52, 0.9);
+ padding: 12px;
+ padding-bottom: 16px;
+}
+
+.workspace-osd {
+ text-shadow: black 5px 5px 5px;
+ font-weight: bold;
+ font-size: 48pt;
+}
+
+.notification-applet-padding {
+ padding: .5em 1em;
+}
+
+.notification-applet-container {
+ max-height: 9999px;
+}
+
+.tile-preview, .tile-preview.snap,
+.tile-hud, .tile-hud.snap {
+ background-color: rgba(60, 132, 247, 0.3);
+ border: 1px solid #3c84f7;
+}
+
+.xkcd-box {
+ padding: 6px;
+ border: 0px;
+ background-color: rgba(0, 0, 0, 0);
+ border-radius: 0px;
+}
diff --git a/src/main/gnome-shell/gnome-shell-Dark.css b/src/main/gnome-shell/gnome-shell-Dark.css
new file mode 100644
index 00000000..64eba4d1
--- /dev/null
+++ b/src/main/gnome-shell/gnome-shell-Dark.css
@@ -0,0 +1,3356 @@
+/* This stylesheet is generated, DO NOT EDIT */
+/* Copyright 2009, 2015 Red Hat, Inc.
+ *
+ * Portions adapted from Mx's data/style/default.css
+ * Copyright 2009 Intel Corporation
+ *
+ * This program is free software; you can redistribute it and/or modify it
+ * under the terms and conditions of the GNU Lesser General Public License,
+ * version 2.1, as published by the Free Software Foundation.
+ *
+ * This program is distributed in the hope it will be useful, but WITHOUT ANY
+ * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS
+ * FOR A PARTICULAR PURPOSE. See the GNU Lesser General Public License for
+ * more details.
+ *
+ * You should have received a copy of the GNU Lesser General Public License
+ * along with this program; if not, write to the Free Software Foundation,
+ * Inc., 51 Franklin St - Fifth Floor, Boston, MA 02110-1301 USA.
+ */
+stage {
+ font-size: 11pt;
+ color: #FFFFFF;
+}
+
+.ripple-pointer-location {
+ width: 48px;
+ height: 48px;
+ border-radius: 24px;
+ background-color: rgba(238, 244, 254, 0.3);
+ box-shadow: 0 0 2px 2px #bdd7fc;
+}
+
+.pie-timer {
+ width: 60px;
+ height: 60px;
+ -pie-border-width: 3px;
+ -pie-border-color: #5b9bf8;
+ -pie-background-color: rgba(255, 255, 255, 0.3);
+}
+
+.magnifier-zoom-region {
+ border: 2px solid #5b9bf8;
+}
+
+.magnifier-zoom-region.full-screen {
+ border-width: 0;
+}
+
+/* App Icons */
+.show-apps .overview-icon,
+.app-well-app .overview-icon,
+.grid-search-result .overview-icon {
+ color: rgba(255, 255, 255, 0.7);
+ border-radius: 16px;
+ padding: 6px;
+ border: none;
+ transition-duration: 100ms;
+ text-align: center;
+}
+
+.show-apps:hover .overview-icon, .show-apps:focus .overview-icon, .show-apps:selected .overview-icon,
+.app-well-app:hover .overview-icon,
+.app-well-app:focus .overview-icon,
+.app-well-app:selected .overview-icon,
+.grid-search-result:hover .overview-icon,
+.grid-search-result:focus .overview-icon,
+.grid-search-result:selected .overview-icon {
+ background-color: rgba(255, 255, 255, 0.12);
+ border-image: none;
+ background-image: none;
+}
+
+.show-apps:active .overview-icon, .show-apps:checked .overview-icon,
+.app-well-app:active .overview-icon,
+.app-well-app:checked .overview-icon,
+.grid-search-result:active .overview-icon,
+.grid-search-result:checked .overview-icon {
+ background-color: rgba(255, 255, 255, 0.3);
+ box-shadow: none;
+}
+
+.app-well-app.app-folder {
+ border-radius: 16px;
+}
+
+.app-well-app.app-folder, .app-well-app.app-folder:hover, .app-well-app.app-folder:active {
+ background-color: transparent;
+}
+
+.app-well-app.app-folder .overview-icon {
+ background-color: rgba(255, 255, 255, 0.12);
+ border-radius: 16px;
+}
+
+.app-well-app.app-folder:hover .overview-icon {
+ background-color: rgba(255, 255, 255, 0.2);
+}
+
+.app-well-app.app-folder:active .overview-icon {
+ background-color: rgba(255, 255, 255, 0.3);
+}
+
+.app-folder-dialog {
+ border-radius: 36px;
+ padding: 12px;
+ background-color: #212121;
+ border: 1px solid black;
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
+}
+
+.app-folder-dialog .folder-name-container {
+ padding: 24px 36px 0;
+ spacing: 12px;
+ /* FIXME: this is to keep the label in sync with the entry */
+}
+
+.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry {
+ font-size: 18pt;
+ font-weight: bold;
+}
+
+.app-folder-dialog .folder-name-container .folder-name-entry {
+ width: 300px;
+ border: none;
+ caret-color: #FFFFFF;
+}
+
+.app-folder-dialog .folder-name-container .folder-name-entry:focus {
+ background-color: rgba(255, 255, 255, 0.12);
+ color: #FFFFFF;
+}
+
+.app-folder-dialog .folder-name-container .folder-name-label {
+ padding: 9px 8px;
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.app-folder-dialog .folder-name-container .edit-folder-button {
+ background-color: rgba(255, 255, 255, 0.06);
+ color: rgba(255, 255, 255, 0.7);
+ border: none;
+ padding: 0;
+ width: 36px;
+ height: 36px;
+ border-radius: 9999px;
+}
+
+.app-folder-dialog .folder-name-container .edit-folder-button > StIcon {
+ icon-size: 16px;
+}
+
+.app-folder-dialog .folder-name-container .edit-folder-button:hover {
+ background-color: rgba(255, 255, 255, 0.12);
+}
+
+.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active {
+ background-color: #5b9bf8;
+ color: #FFFFFF;
+}
+
+.app-folder-dialog .icon-grid {
+ row-spacing: 12px;
+ column-spacing: 30px;
+ page-padding-top: 0;
+ page-padding-bottom: 0;
+ page-padding-left: 0;
+ page-padding-right: 0;
+}
+
+.app-folder-dialog .page-indicators {
+ margin-bottom: 18px;
+}
+
+.app-folder-dialog-container {
+ padding: 6px;
+ width: 620px;
+ height: 620px;
+}
+
+.app-well-app-running-dot {
+ width: 6px;
+ height: 3px;
+ border-radius: 2px;
+ background-color: rgba(255, 255, 255, 0.3);
+ margin-bottom: 0;
+}
+
+StWidget.focused .app-well-app-running-dot {
+ width: 24px;
+ background-color: #5b9bf8 !important;
+}
+
+.app-menu,
+.app-well-menu {
+ max-width: 27.25em;
+}
+
+.rename-folder-popup .rename-folder-popup-item {
+ spacing: 6px;
+}
+
+.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl {
+ padding: 0 12px;
+}
+
+.system-action-icon {
+ box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
+ background-color: #212121;
+ color: #FFFFFF;
+ border-radius: 9999px;
+ icon-size: 48px;
+}
+
+.shell-link {
+ border-radius: 6px;
+ color: #3c84f7;
+}
+
+.shell-link:hover {
+ color: #3c84f7;
+ background-color: rgba(60, 132, 247, 0.15);
+}
+
+.shell-link:active {
+ color: #3c84f7;
+ background-color: rgba(60, 132, 247, 0.25);
+}
+
+.lowres-icon {
+ icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
+}
+
+.icon-dropshadow {
+ icon-shadow: 0 1px 5px rgba(0, 0, 0, 0.8);
+}
+
+/* Buttons */
+.hotplug-notification-item {
+ color: #FFFFFF;
+ background-color: #2C2C2C;
+ box-shadow: none !important;
+}
+
+.hotplug-notification-item:focus {
+ color: #FFFFFF;
+ background-color: rgba(255, 255, 255, 0.08);
+ box-shadow: none !important;
+}
+
+.hotplug-notification-item:hover {
+ color: #FFFFFF;
+ background-color: rgba(255, 255, 255, 0.12);
+ box-shadow: none !important;
+}
+
+.hotplug-notification-item:active {
+ color: #FFFFFF;
+ background-color: rgba(255, 255, 255, 0.2);
+ box-shadow: none !important;
+}
+
+.hotplug-notification-item:insensitive {
+ color: rgba(255, 255, 255, 0.35);
+ background-color: #2C2C2C;
+ box-shadow: none !important;
+}
+
+.lg-obj-inspector-button, .candidate-page-button, .modal-dialog-linked-button, .popup-menu .button {
+ color: #FFFFFF;
+ background-color: transparent;
+ box-shadow: none !important;
+}
+
+.lg-obj-inspector-button:focus, .candidate-page-button:focus, .modal-dialog-linked-button:focus, .popup-menu .button:focus {
+ color: #FFFFFF;
+ background-color: rgba(255, 255, 255, 0.08);
+ box-shadow: none !important;
+}
+
+.lg-obj-inspector-button:hover, .candidate-page-button:hover, .modal-dialog-linked-button:hover, .popup-menu .button:hover {
+ color: #FFFFFF;
+ background-color: rgba(255, 255, 255, 0.12);
+}
+
+.lg-obj-inspector-button:active, .candidate-page-button:active, .modal-dialog-linked-button:active, .popup-menu .button:active {
+ color: #FFFFFF;
+ background-color: rgba(255, 255, 255, 0.2);
+ box-shadow: none !important;
+}
+
+.lg-obj-inspector-button:insensitive, .candidate-page-button:insensitive, .modal-dialog-linked-button:insensitive, .popup-menu .button:insensitive {
+ background-color: transparent;
+ color: rgba(255, 255, 255, 0.35);
+ box-shadow: none !important;
+}
+
+.button {
+ min-height: 32px;
+ padding: 0 12px;
+ border-radius: 6px;
+ border: none;
+}
+
+/* Date/Time Menu */
+.popup-menu .message, .world-clocks-button,
+.weather-button,
+.events-button {
+ color: rgba(255, 255, 255, 0.7);
+ background-color: rgba(255, 255, 255, 0.04);
+ border-radius: 6px;
+ border: none;
+ box-shadow: none;
+ text-shadow: none;
+}
+
+.popup-menu .message:hover, .world-clocks-button:hover,
+.weather-button:hover,
+.events-button:hover, .popup-menu .message:focus, .world-clocks-button:focus,
+.weather-button:focus,
+.events-button:focus {
+ color: #FFFFFF;
+ background-color: rgba(255, 255, 255, 0.12);
+ box-shadow: none;
+}
+
+.popup-menu .message:active, .world-clocks-button:active,
+.weather-button:active,
+.events-button:active {
+ color: #FFFFFF;
+ background-color: rgba(255, 255, 255, 0.2);
+ box-shadow: none;
+}
+
+.clock-display-box {
+ spacing: 2px;
+}
+
+.clock-display-box .clock {
+ padding-left: 12px;
+ padding-right: 12px;
+}
+
+#calendarArea {
+ padding: 6px 0;
+}
+
+.datemenu-calendar-column {
+ spacing: 6px;
+ border: 0 solid rgba(255, 255, 255, 0.12);
+ padding: 0 12px;
+}
+
+.datemenu-calendar-column:ltr {
+ margin-right: 8px;
+ border-left-width: 0;
+}
+
+.datemenu-calendar-column:rtl {
+ margin-left: 8px;
+ border-right-width: 0;
+}
+
+.datemenu-calendar-column .datemenu-displays-section {
+ padding-bottom: 0;
+}
+
+.datemenu-calendar-column .datemenu-displays-box {
+ spacing: 6px;
+}
+
+.world-clocks-header,
+.weather-header,
+.events-section-title {
+ color: rgba(255, 255, 255, 0.7);
+ font-weight: bold;
+}
+
+.datemenu-today-button,
+.datemenu-displays-box,
+.message-list-sections {
+ margin: 4px 6px;
+}
+
+/* today button (the date) */
+.datemenu-today-button {
+ border: none;
+ box-shadow: none;
+ background: none;
+ padding: 6px;
+ margin: 0 12px;
+ text-shadow: none;
+ color: rgba(255, 255, 255, 0.7);
+ border-radius: 12px;
+}
+
+.datemenu-today-button:hover, .datemenu-today-button:focus {
+ background-color: rgba(255, 255, 255, 0.12);
+}
+
+.datemenu-today-button:active {
+ background-color: rgba(255, 255, 255, 0.2);
+}
+
+.datemenu-today-button .day-label {
+ font-size: 12pt;
+ font-weight: bold;
+}
+
+.datemenu-today-button .date-label {
+ font-size: 18pt;
+ font-weight: normal;
+}
+
+/* Calendar */
+.calendar {
+ border: none;
+ box-shadow: none;
+ background-color: transparent;
+ padding: 0 6px !important;
+ margin: 0 !important;
+ text-shadow: none;
+ border-radius: 12px;
+}
+
+.calendar .calendar-month-label {
+ padding: 6px 0;
+ color: rgba(255, 255, 255, 0.7);
+ font-weight: bold;
+ text-align: center;
+ text-shadow: none;
+ font-size: 12pt;
+}
+
+.calendar .calendar-change-month-back,
+.calendar .calendar-change-month-forward {
+ padding: 0 0 !important;
+ margin: 3px 0 !important;
+}
+
+.calendar .calendar-change-month-back StIcon,
+.calendar .calendar-change-month-forward StIcon {
+ icon-size: 16px;
+}
+
+.calendar .pager-button {
+ width: 32px;
+ height: 32px;
+ margin: 2px;
+ border-radius: 9999px;
+ background-color: transparent;
+ color: #FFFFFF;
+}
+
+.calendar .pager-button:hover, .calendar .pager-button:focus {
+ background-color: rgba(255, 255, 255, 0.12);
+}
+
+.calendar .pager-button:active {
+ background-color: rgba(255, 255, 255, 0.3);
+}
+
+.calendar .calendar-day-base {
+ font-size: 10pt;
+ text-align: center;
+ width: 34px;
+ height: 34px;
+ padding: 0;
+ margin: 2px;
+ border-radius: 9999px;
+ color: rgba(255, 255, 255, 0.7);
+ border: none;
+ font-feature-settings: "tnum";
+}
+
+.calendar .calendar-day-base:hover, .calendar .calendar-day-base:focus {
+ background-color: rgba(255, 255, 255, 0.12);
+}
+
+.calendar .calendar-day-base:active, .calendar .calendar-day-base:selected {
+ color: #FFFFFF;
+ background-color: rgba(255, 255, 255, 0.3);
+ border-color: transparent;
+}
+
+.calendar .calendar-day-base.calendar-day-heading {
+ margin-top: 1em;
+ color: rgba(255, 255, 255, 0.5);
+ font-size: 10pt;
+}
+
+.calendar .calendar-day {
+ border-width: 0;
+}
+
+.calendar .calendar-day-top {
+ border-top-width: 0;
+}
+
+.calendar .calendar-day-left {
+ border-left-width: 0;
+}
+
+.calendar .calendar-nonwork-day {
+ color: rgba(255, 255, 255, 0.5);
+ font-weight: bold;
+}
+
+.calendar .calendar-today {
+ font-weight: bold;
+ color: rgba(255, 255, 255, 0.7) !important;
+ background-color: rgba(255, 255, 255, 0.06);
+ border: none;
+}
+
+.calendar .calendar-today:hover, .calendar .calendar-today:focus {
+ background-color: rgba(255, 255, 255, 0.12);
+ color: #FFFFFF !important;
+}
+
+.calendar .calendar-today:active {
+ background-color: #438cf7;
+ color: #FFFFFF !important;
+}
+
+.calendar .calendar-today:selected {
+ background-color: #5b9bf8;
+ color: #FFFFFF !important;
+}
+
+.calendar .calendar-today:selected:hover, .calendar .calendar-today:selected:focus {
+ background-color: #82b3fa;
+ color: #FFFFFF !important;
+}
+
+.calendar .calendar-day-with-events {
+ color: rgba(255, 255, 255, 0.7);
+ background-image: url("assets/calendar-today.svg");
+}
+
+.calendar .calendar-day-with-events.calendar-work-day {
+ color: rgba(255, 255, 255, 0.7);
+ font-weight: bold;
+}
+
+.calendar .calendar-other-month-day {
+ color: rgba(255, 255, 255, 0.3);
+ opacity: 0.5;
+}
+
+.calendar .calendar-week-number {
+ width: 26px;
+ height: 20px;
+ margin: 6px 2px !important;
+ padding: 0 0;
+ border-radius: 6px;
+ background-color: rgba(255, 255, 255, 0.04);
+ color: rgba(255, 255, 255, 0.5);
+ font-size: inherit;
+ font-weight: bold;
+ text-align: center;
+}
+
+.world-clocks-button,
+.weather-button,
+.events-button {
+ padding: 12px !important;
+ margin: 2px 0 !important;
+}
+
+.events-button .events-box {
+ spacing: 6px;
+}
+
+.events-button .events-list {
+ spacing: 12px;
+ text-shadow: none;
+}
+
+.events-button .events-title {
+ color: rgba(255, 255, 255, 0.5);
+ font-weight: bold;
+ text-shadow: none;
+}
+
+.events-button .event-time {
+ color: rgba(255, 255, 255, 0.5);
+ font-feature-settings: "tnum";
+ font-size: 10pt;
+}
+
+.world-clocks-button .world-clocks-city {
+ color: rgba(255, 255, 255, 0.5);
+ font-weight: bold;
+ font-size: 11pt;
+}
+
+.world-clocks-button .world-clocks-time {
+ color: rgba(255, 255, 255, 0.5);
+ font-feature-settings: "tnum";
+ font-size: 11pt;
+}
+
+.world-clocks-button .world-clocks-time:ltr {
+ text-align: right;
+}
+
+.world-clocks-button .world-clocks-time:rtl {
+ text-align: left;
+}
+
+.world-clocks-button .world-clocks-timezone {
+ color: rgba(255, 255, 255, 0.5);
+ font-feature-settings: "tnum";
+ font-size: 10pt;
+}
+
+.world-clocks-grid,
+.weather-grid {
+ spacing-rows: 0.4em;
+ spacing-columns: 0.8em;
+}
+
+.weather-button {
+ margin-bottom: 6px !important;
+}
+
+.weather-button .weather-box {
+ spacing: 10px;
+}
+
+.weather-button .weather-header-box {
+ spacing: 6px;
+}
+
+.weather-button .weather-header {
+ color: rgba(255, 255, 255, 0.7);
+ font-weight: bold;
+}
+
+.weather-button .weather-header.location {
+ font-weight: normal;
+ color: rgba(255, 255, 255, 0.5);
+ font-size: 10pt;
+}
+
+.weather-button .weather-grid {
+ spacing-rows: 6px;
+ spacing-columns: 12px;
+}
+
+.weather-button .weather-forecast-time {
+ color: rgba(255, 255, 255, 0.7);
+ font-feature-settings: "tnum";
+ font-size: 9pt;
+ font-weight: normal;
+ padding-top: 0.2em;
+ padding-bottom: 0.4em;
+}
+
+.weather-button .weather-forecast-icon {
+ icon-size: 32px;
+}
+
+.weather-button .weather-forecast-temp {
+ font-weight: bold;
+}
+
+/* Check Boxes */
+.check-box StBoxLayout {
+ spacing: .8em;
+}
+
+.check-box StBin {
+ width: 24px;
+ height: 24px;
+ padding: 3px;
+}
+
+.check-box StBin, .check-box:focus StBin {
+ background-image: url("assets/checkbox-off.svg");
+}
+
+.check-box:hover StBin {
+ background-image: url("assets/checkbox-off-hover.svg");
+}
+
+.check-box:active StBin {
+ background-image: url("assets/checkbox-off-active.svg");
+}
+
+.check-box:checked StBin, .check-box:focus:checked StBin {
+ background-image: url("assets/checkbox-dark.svg");
+}
+
+/* Activities Ripple */
+.ripple-box {
+ background-color: rgba(91, 155, 248, 0.35);
+ box-shadow: 0 0 2px 2px #bdd7fc;
+ width: 52px;
+ height: 52px;
+ border-radius: 0 0 52px 0;
+}
+
+.ripple-box:rtl {
+ border-radius: 0 0 0 52px;
+}
+
+/* Dash */
+#dash {
+ font-size: 9pt;
+}
+
+#dash .empty-dash-drop-target {
+ width: 32px;
+ height: 32px;
+}
+
+.dash-label {
+ color: rgba(255, 255, 255, 0.9);
+ background-color: rgba(0, 0, 0, 0.75);
+ border-radius: 9999px;
+ padding: 6px 12px;
+ box-shadow: none;
+ border: none;
+ text-align: center;
+ -y-offset: 12px;
+ -x-offset: 8px;
+}
+
+/* Modal Dialogs */
+.candidate-popup-content, .modal-dialog {
+ background-color: #2C2C2C;
+ border-radius: 12px;
+ border: 1px solid rgba(0, 0, 0, 0.75);
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
+}
+
+.modal-dialog-linked-button:last-child {
+ color: #FFFFFF;
+ background-color: #5b9bf8;
+}
+
+.modal-dialog-linked-button:hover:last-child {
+ color: #FFFFFF;
+ background-color: #87b6fa;
+}
+
+.modal-dialog-linked-button:active:last-child {
+ color: #FFFFFF;
+ background-color: #438cf7;
+}
+
+.modal-dialog-linked-button:insensitive:last-child {
+ background-color: rgba(91, 155, 248, 0.05);
+ color: rgba(91, 155, 248, 0.35);
+}
+
+.headline {
+ font-size: 12pt;
+}
+
+.modal-dialog {
+ color: rgba(255, 255, 255, 0.7);
+ padding: 0 6px 6px 6px;
+}
+
+.modal-dialog-linked-button {
+ min-height: 32px;
+ padding: 6px;
+ margin: 3px;
+ border: none !important;
+ border-radius: 6px;
+}
+
+.modal-dialog-linked-button:first-child {
+ background-color: rgba(255, 255, 255, 0.04);
+}
+
+.modal-dialog-linked-button:first-child:focus {
+ color: #FFFFFF;
+ background-color: rgba(255, 255, 255, 0.08);
+ box-shadow: none !important;
+}
+
+.modal-dialog-linked-button:first-child:hover {
+ color: #FFFFFF;
+ background-color: rgba(255, 255, 255, 0.12);
+}
+
+.modal-dialog-linked-button:first-child:active {
+ color: #FFFFFF;
+ background-color: rgba(255, 255, 255, 0.2);
+ box-shadow: none !important;
+}
+
+.modal-dialog .modal-dialog-content-box {
+ margin: 30px 42px;
+ spacing: 30px;
+ max-width: 28em;
+}
+
+.end-session-dialog {
+ width: 30em;
+}
+
+.end-session-dialog .end-session-dialog-battery-warning,
+.end-session-dialog .dialog-list-title {
+ color: #FBC02D;
+}
+
+.message-dialog-content {
+ spacing: 18px;
+}
+
+.message-dialog-content .message-dialog-title {
+ text-align: center;
+ font-size: 18pt;
+ font-weight: 800;
+}
+
+.message-dialog-content .message-dialog-title.lightweight {
+ font-size: 13pt;
+ font-weight: 800;
+}
+
+.message-dialog-content .message-dialog-description {
+ text-align: center;
+}
+
+.dialog-list {
+ spacing: 18px;
+}
+
+.dialog-list .dialog-list-title {
+ text-align: center;
+ font-weight: bold;
+}
+
+.dialog-list .dialog-list-scrollview {
+ max-height: 200px;
+}
+
+.dialog-list .dialog-list-box {
+ spacing: 1em;
+}
+
+.dialog-list .dialog-list-box .dialog-list-item {
+ spacing: 1em;
+}
+
+.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title {
+ font-weight: bold;
+}
+
+.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description {
+ color: rgba(255, 255, 255, 0.7);
+ font-size: 10pt;
+}
+
+.run-dialog .modal-dialog-content-box {
+ margin-top: 24px;
+ margin-bottom: 12px;
+}
+
+.run-dialog .run-dialog-entry {
+ width: 20em;
+}
+
+.run-dialog .run-dialog-description {
+ text-align: center;
+ color: rgba(255, 255, 255, 0.7);
+ font-size: 10pt;
+}
+
+.prompt-dialog {
+ width: 28em;
+}
+
+.prompt-dialog .modal-dialog-content-box {
+ margin-bottom: 24px;
+}
+
+.prompt-dialog-password-grid {
+ spacing-rows: 8px;
+ spacing-columns: 4px;
+}
+
+.prompt-dialog-password-grid .prompt-dialog-password-entry {
+ width: auto;
+}
+
+.prompt-dialog-password-grid .prompt-dialog-password-entry:ltr {
+ margin-left: 20px;
+}
+
+.prompt-dialog-password-grid .prompt-dialog-password-entry:rtl {
+ margin-right: 20px;
+}
+
+.prompt-dialog-password-layout {
+ spacing: 8px;
+}
+
+.prompt-dialog-password-entry {
+ width: 20em;
+}
+
+.prompt-dialog-error-label,
+.prompt-dialog-info-label,
+.prompt-dialog-null-label {
+ text-align: center;
+ font-size: 10pt;
+ margin: 6px;
+}
+
+.prompt-dialog-error-label {
+ color: #F44336;
+}
+
+.prompt-dialog-info-label,
+.prompt-dialog-null-label {
+ color: rgba(255, 255, 255, 0.5);
+}
+
+.polkit-dialog-user-layout {
+ text-align: center;
+ spacing: 8px;
+ margin-bottom: 6px;
+}
+
+.polkit-dialog-user-layout .polkit-dialog-user-root-label {
+ color: #FBC02D;
+}
+
+.audio-device-selection-dialog .modal-dialog-content-box {
+ margin-bottom: 28px;
+}
+
+.audio-device-selection-dialog .audio-selection-box {
+ spacing: 20px;
+}
+
+.audio-selection-device {
+ border: 1px solid rgba(255, 255, 255, 0.12);
+ border-radius: 6px;
+}
+
+.audio-selection-device:hover, .audio-selection-device:focus {
+ background-color: rgba(255, 255, 255, 0.12);
+}
+
+.audio-selection-device:active {
+ background-color: #5b9bf8;
+ color: #FFFFFF;
+}
+
+.audio-selection-device-box {
+ padding: 18px;
+ spacing: 18px;
+}
+
+.audio-selection-device-icon {
+ icon-size: 64px;
+}
+
+.welcome-dialog-image {
+ background-image: url("resource:///org/gnome/shell/theme/gnome-shell-start.svg");
+ background-size: contain;
+ height: 300px;
+ width: 300px;
+}
+
+/* Entries */
+StEntry, .popup-menu .search-entry {
+ min-height: 32px;
+ padding: 2px 12px;
+ margin: 2px;
+ border-width: 0;
+ border-radius: 6px;
+ color: #FFFFFF;
+ caret-color: #FFFFFF;
+ selection-background-color: #5b9bf8;
+ selected-color: #FFFFFF;
+ color: #FFFFFF;
+ background-color: rgba(255, 255, 255, 0.04);
+ border: 2px solid transparent;
+ box-shadow: none;
+}
+
+StEntry:hover, .popup-menu .search-entry:hover {
+ color: #FFFFFF;
+ border-color: rgba(255, 255, 255, 0.3);
+ background-color: rgba(255, 255, 255, 0.04);
+}
+
+StEntry:focus, .popup-menu .search-entry:focus {
+ color: #FFFFFF;
+ border-color: #5b9bf8;
+ background-color: rgba(255, 255, 255, 0.04);
+ box-shadow: none;
+}
+
+StEntry:insensitive, .popup-menu .search-entry:insensitive {
+ background-color: rgba(255, 255, 255, 0.04);
+ color: rgba(255, 255, 255, 0.35);
+ border-color: transparent;
+}
+
+StEntry StIcon.capslock-warning, .popup-menu .search-entry StIcon.capslock-warning {
+ icon-size: 16px;
+ warning-color: #FBC02D;
+ padding: 0 0;
+}
+
+StEntry StIcon.peek-password, .popup-menu .search-entry StIcon.peek-password {
+ icon-size: 16px;
+ padding: 0 4px;
+}
+
+StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text {
+ margin-left: 2px;
+ color: rgba(255, 255, 255, 0.5);
+}
+
+.hotplug-notification-item {
+ padding: 12px;
+ border-style: solid;
+ border-width: 0;
+ border-left-width: 0;
+ border-bottom-width: 0;
+}
+
+.hotplug-notification-item:first-child {
+ border-radius: 0 0 0 6px;
+}
+
+.hotplug-notification-item:last-child {
+ border-right-width: 0;
+ border-radius: 0 0 6px 0;
+}
+
+.hotplug-notification-item:first-child:last-child {
+ border-radius: 0 0 6px 6px;
+}
+
+.hotplug-notification-item-icon {
+ icon-size: 24px;
+ padding: 0 4px;
+}
+
+.candidate-popup-boxpointer {
+ -arrow-border-radius: 2px;
+ -arrow-background-color: transparent;
+ -arrow-border-width: 0;
+ -arrow-border-color: transparent;
+ -arrow-base: 64px;
+ -arrow-rise: 12px;
+}
+
+.candidate-popup-content {
+ color: rgba(255, 255, 255, 0.7);
+ box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.35);
+ border: none;
+ margin: 3px 8px;
+ padding: 6px;
+ spacing: 6px;
+}
+
+.candidate-index {
+ padding: 0 0.5em 0 0;
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.candidate-box:selected .candidate-index {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.candidate-box {
+ padding: 0.3em 0.5em 0.3em 0.5em;
+ margin-right: 2px;
+ border-radius: 6px;
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.candidate-box:hover {
+ background-color: rgba(255, 255, 255, 0.12);
+ color: #FFFFFF;
+}
+
+.candidate-box:active {
+ background-color: rgba(255, 255, 255, 0.3);
+ color: #FFFFFF;
+}
+
+.candidate-box:selected {
+ background-color: #5b9bf8;
+ color: #FFFFFF;
+}
+
+.candidate-box:last-child {
+ margin-right: 0;
+}
+
+.candidate-page-button-box {
+ height: 2em;
+}
+
+.vertical .candidate-page-button-box {
+ padding-top: 0.5em;
+}
+
+.horizontal .candidate-page-button-box {
+ padding-left: 0.5em;
+}
+
+.candidate-page-button {
+ padding: 4px 8px;
+}
+
+.candidate-page-button-previous,
+.candidate-page-button-next {
+ border-radius: 6px;
+}
+
+.candidate-page-button-icon {
+ icon-size: 1em;
+}
+
+/* On-screen Keyboard */
+#keyboard {
+ background-color: #1d1d1d;
+ box-shadow: none;
+}
+
+#keyboard .page-indicator {
+ padding: 6px;
+}
+
+#keyboard .page-indicator .page-indicator-icon {
+ width: 8px;
+ height: 8px;
+}
+
+.key-container,
+.keyboard-layout {
+ padding: 4px;
+ spacing: 4px;
+}
+
+.keyboard-key {
+ font-size: 16pt;
+ font-weight: bold;
+ min-height: 1.2em;
+ min-width: 1.2em;
+ padding: 0 !important;
+ border-radius: 9px;
+ border: none;
+ color: rgba(255, 255, 255, 0.7);
+ background-color: #707070;
+ box-shadow: inset 0 -1px rgba(0, 0, 0, 0.85);
+}
+
+.keyboard-key:focus, .keyboard-key:hover {
+ color: #FFFFFF;
+ background-color: #656565;
+}
+
+.keyboard-key:checked, .keyboard-key:active {
+ color: #FFFFFF;
+ background-color: #717171;
+}
+
+.keyboard-key:grayed {
+ background-color: #4b4b4b;
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.keyboard-key.default-key {
+ background-color: #4b4b4b;
+ box-shadow: inset 0 -1px rgba(0, 0, 0, 0.85);
+}
+
+.keyboard-key.default-key:focus, .keyboard-key.default-key:hover {
+ color: #FFFFFF;
+ background-color: #585858;
+}
+
+.keyboard-key.default-key:checked, .keyboard-key.default-key:active {
+ color: #FFFFFF;
+ background-color: #6a6a6a;
+}
+
+.keyboard-key.enter-key {
+ color: #FFFFFF;
+ background-color: #5b9bf8;
+}
+
+.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover {
+ color: #FFFFFF;
+ background-color: #73aaf9;
+}
+
+.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active {
+ color: #FFFFFF;
+ background-color: #2a7df6;
+}
+
+.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active {
+ color: #5b9bf8;
+}
+
+.keyboard-key StIcon {
+ icon-size: 1.125em;
+}
+
+.keyboard-subkeys {
+ color: inherit;
+ -arrow-border-radius: 12px;
+ -arrow-background-color: #343434;
+ -arrow-border-width: 0;
+ -arrow-border-color: transparent;
+ -arrow-base: 20px;
+ -arrow-rise: 10px;
+ -boxpointer-gap: 6px;
+ box-shadow: inset 0 -1px rgba(0, 0, 0, 0.85);
+}
+
+.emoji-page .keyboard-key {
+ background-color: transparent;
+ border: none;
+ color: initial;
+}
+
+.emoji-panel .keyboard-key:latched {
+ border: none;
+ background-color: #5b9bf8;
+}
+
+.word-suggestions {
+ font-size: 14pt;
+ spacing: 12px;
+ min-height: 20pt;
+}
+
+/* Login Dialog */
+#lockDialogGroup {
+ background-color: #212121;
+}
+
+.login-dialog-banner-view {
+ padding-top: 24px;
+ max-width: 23em;
+}
+
+.login-dialog,
+.unlock-dialog {
+ border: none;
+ background-color: transparent;
+}
+
+.login-dialog StEntry,
+.unlock-dialog StEntry {
+ selection-background-color: #5b9bf8;
+ selected-color: #FFFFFF;
+ padding: 4px 8px;
+ min-height: 26px;
+ border-radius: 9999px;
+ caret-color: #FFFFFF;
+ background-color: rgba(255, 255, 255, 0.04);
+ border-radius: 0;
+ border: none;
+ box-shadow: inset 0 -1px rgba(255, 255, 255, 0.15);
+ color: #FFFFFF;
+}
+
+.login-dialog StEntry:focus,
+.unlock-dialog StEntry:focus {
+ border: none;
+ background-color: rgba(255, 255, 255, 0.04);
+ box-shadow: inset 0 -2px #5b9bf8;
+ color: #FFFFFF;
+}
+
+.login-dialog StEntry:insensitive,
+.unlock-dialog StEntry:insensitive {
+ border: none;
+ background-color: rgba(255, 255, 255, 0.04);
+ color: rgba(255, 255, 255, 0.35);
+}
+
+.login-dialog StEntry StLabel.hint-text,
+.unlock-dialog StEntry StLabel.hint-text {
+ color: rgba(255, 255, 255, 0.5);
+}
+
+.login-dialog .modal-dialog-button-box,
+.unlock-dialog .modal-dialog-button-box {
+ spacing: 3px;
+}
+
+.login-dialog .modal-dialog-button,
+.unlock-dialog .modal-dialog-button {
+ padding: 0 16px;
+ border: none;
+ color: #FFFFFF;
+ background-color: transparent;
+ box-shadow: none !important;
+}
+
+.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus,
+.unlock-dialog .modal-dialog-button:hover,
+.unlock-dialog .modal-dialog-button:focus {
+ color: #FFFFFF;
+ background-color: rgba(255, 255, 255, 0.12);
+}
+
+.login-dialog .modal-dialog-button:active,
+.unlock-dialog .modal-dialog-button:active {
+ color: #FFFFFF;
+ background-color: rgba(255, 255, 255, 0.2);
+ box-shadow: none !important;
+}
+
+.login-dialog .modal-dialog-button:insensitive,
+.unlock-dialog .modal-dialog-button:insensitive {
+ background-color: transparent;
+ color: rgba(255, 255, 255, 0.35);
+ box-shadow: none !important;
+}
+
+.login-dialog .modal-dialog-button:default,
+.unlock-dialog .modal-dialog-button:default {
+ color: #FFFFFF;
+ background-color: #2C2C2C;
+ box-shadow: none !important;
+}
+
+.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus,
+.unlock-dialog .modal-dialog-button:default:hover,
+.unlock-dialog .modal-dialog-button:default:focus {
+ color: #FFFFFF;
+ background-color: rgba(255, 255, 255, 0.12);
+ box-shadow: none !important;
+}
+
+.login-dialog .modal-dialog-button:default:active,
+.unlock-dialog .modal-dialog-button:default:active {
+ color: #FFFFFF;
+ background-color: rgba(255, 255, 255, 0.2);
+ box-shadow: none !important;
+}
+
+.login-dialog .modal-dialog-button:default:insensitive,
+.unlock-dialog .modal-dialog-button:default:insensitive {
+ color: rgba(255, 255, 255, 0.35);
+ background-color: #2C2C2C;
+ box-shadow: none !important;
+}
+
+.login-dialog .cancel-button,
+.login-dialog .switch-user-button,
+.login-dialog .login-dialog-session-list-button,
+.unlock-dialog .cancel-button,
+.unlock-dialog .switch-user-button,
+.unlock-dialog .login-dialog-session-list-button {
+ padding: 0;
+ border-radius: 100px;
+ width: 32px;
+ height: 32px;
+ border: none;
+ background-color: rgba(255, 255, 255, 0.12);
+ color: #FFFFFF;
+}
+
+.login-dialog .cancel-button StIcon,
+.login-dialog .switch-user-button StIcon,
+.login-dialog .login-dialog-session-list-button StIcon,
+.unlock-dialog .cancel-button StIcon,
+.unlock-dialog .switch-user-button StIcon,
+.unlock-dialog .login-dialog-session-list-button StIcon {
+ icon-size: 16px;
+}
+
+.login-dialog .login-dialog-message-warning,
+.unlock-dialog .login-dialog-message-warning {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.login-dialog-logo-bin {
+ padding: 24px 0px;
+}
+
+.login-dialog-banner {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.login-dialog-button-box {
+ spacing: 5px;
+}
+
+.login-dialog-message {
+ text-align: center;
+}
+
+.login-dialog-message-warning {
+ color: #FBC02D;
+}
+
+.login-dialog-message-hint {
+ padding-top: 0;
+ padding-bottom: 20px;
+}
+
+.login-dialog-user-selection-box {
+ padding: 100px 0px;
+}
+
+.login-dialog-not-listed-label {
+ padding-left: 2px;
+}
+
+.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label {
+ color: #FFFFFF;
+}
+
+.login-dialog-not-listed-label {
+ font-size: 1em;
+ font-weight: bold;
+ color: rgba(255, 255, 255, 0.7);
+ padding-top: 1em;
+}
+
+.login-dialog-not-listed-label:hover {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.login-dialog-not-listed-label:focus {
+ background-color: rgba(255, 255, 255, 0.12);
+}
+
+.login-dialog-user-list-view {
+ -st-vfade-offset: 1em;
+}
+
+.login-dialog-user-list {
+ spacing: 12px;
+ padding: .2em;
+ width: 23em;
+}
+
+.login-dialog-user-list:expanded .login-dialog-user-list-item:selected, .login-dialog-user-list:expanded .login-dialog-user-list-item:hover, .login-dialog-user-list:expanded .login-dialog-user-list-item:active {
+ background-color: rgba(255, 255, 255, 0.3);
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in {
+ border-right: 2px solid #5b9bf8;
+}
+
+.login-dialog-user-list-item {
+ border-radius: 12px;
+ padding: 6px;
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.login-dialog-user-list-item:ltr .user-widget {
+ padding-right: 1em;
+}
+
+.login-dialog-user-list-item:rtl .user-widget {
+ padding-left: 1em;
+}
+
+.login-dialog-user-list-item:focus {
+ background-color: rgba(255, 255, 255, 0.04) !important;
+}
+
+.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover {
+ background-color: rgba(255, 255, 255, 0.12) !important;
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active {
+ background-color: rgba(255, 255, 255, 0.3) !important;
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.login-dialog-user-list-item .login-dialog-timed-login-indicator {
+ height: 2px;
+ margin: 6px 0 0 0;
+ background-color: rgba(255, 255, 255, 0.12) !important;
+}
+
+.user-widget-label {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.user-widget.horizontal .user-widget-label {
+ font-size: 13pt;
+ font-weight: bold;
+ padding-left: 15px;
+}
+
+.user-widget.horizontal .user-widget-label:ltr {
+ padding-left: 14px;
+ text-align: left;
+}
+
+.user-widget.horizontal .user-widget-label:rtl {
+ padding-right: 14px;
+ text-align: right;
+}
+
+.user-widget.vertical .user-widget-label {
+ font-size: 16pt;
+ text-align: center;
+ font-weight: normal;
+ padding-top: 16px;
+}
+
+.login-dialog-prompt-layout {
+ padding-top: 24px;
+ padding-bottom: 12px;
+ spacing: 12px;
+ width: 23em;
+}
+
+.login-dialog-prompt-entry {
+ height: 1.5em;
+}
+
+.login-dialog-prompt-label {
+ color: rgba(255, 255, 255, 0.7);
+ font-size: 12pt;
+ padding-top: 1em;
+}
+
+/* Looking Glass */
+#LookingGlassDialog {
+ background-color: #2C2C2C;
+ spacing: 4px;
+ padding: 0;
+ border: none;
+ border-radius: 6px;
+ box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25);
+ color: #FFFFFF;
+}
+
+#LookingGlassDialog > #Toolbar {
+ padding: 0 8px;
+ border: none;
+ border-radius: 0;
+ background-color: #2C2C2C;
+ box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.12);
+}
+
+#LookingGlassDialog .labels {
+ spacing: 0;
+}
+
+#LookingGlassDialog .notebook-tab {
+ -natural-hpadding: 12px;
+ -minimum-hpadding: 6px;
+ font-weight: bold;
+ color: rgba(255, 255, 255, 0.5);
+ padding-left: 16px;
+ padding-right: 16px;
+ min-height: 32px;
+ padding: 0 32px;
+ transition-duration: 100ms;
+ border-bottom-width: 0;
+}
+
+#LookingGlassDialog .notebook-tab:hover {
+ background-color: rgba(255, 255, 255, 0.04);
+ color: #FFFFFF;
+ text-shadow: none;
+}
+
+#LookingGlassDialog .notebook-tab:selected {
+ border-color: transparent;
+ background-color: rgba(255, 255, 255, 0.12);
+ box-shadow: inset 0 -2px 0px #5b9bf8;
+ color: #FFFFFF;
+ text-shadow: none;
+}
+
+#LookingGlassDialog StBoxLayout#EvalBox {
+ padding: 4px;
+ spacing: 4px;
+}
+
+#LookingGlassDialog StBoxLayout#ResultsArea {
+ spacing: 4px;
+}
+
+.lg-dialog StEntry {
+ min-height: 22px;
+ selection-background-color: #5b9bf8;
+ selected-color: #FFFFFF;
+}
+
+.lg-dialog .shell-link {
+ color: #3c84f7;
+}
+
+.lg-dialog .shell-link:hover {
+ color: #6da3f9;
+}
+
+.lg-dialog .shell-link:active {
+ color: #0b65f5;
+}
+
+.lg-dialog .actor-link {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.lg-dialog .actor-link:hover {
+ color: #FFFFFF;
+}
+
+.lg-dialog .actor-link:active {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.lg-completions-text {
+ font-size: .9em;
+ font-style: italic;
+}
+
+.lg-obj-inspector-title {
+ spacing: 6px;
+}
+
+.lg-obj-inspector-button {
+ padding: 0 16px;
+ border: none;
+ border-radius: 6px;
+}
+
+.lg-obj-inspector-button:hover {
+ border: none;
+}
+
+#lookingGlassExtensions {
+ padding: 6px;
+}
+
+.lg-extensions-list {
+ padding: 6px;
+ spacing: 6px;
+}
+
+.lg-extension {
+ border: none;
+ border-radius: 6px;
+ background-color: #2C2C2C;
+ padding: 12px;
+}
+
+.lg-extension-name {
+ font-weight: bold;
+}
+
+.lg-extension-meta {
+ spacing: 6px;
+}
+
+#LookingGlassPropertyInspector {
+ color: rgba(255, 255, 255, 0.7);
+ background: #2C2C2C;
+ border: none;
+ border-radius: 6px;
+ padding: 6px;
+ margin: 5px 8px 11px;
+ box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25);
+}
+
+/* Message List */
+.message-list {
+ width: 31.5em;
+ text-shadow: none;
+ border: none;
+ padding: 0;
+}
+
+.message-list .message-list-placeholder {
+ spacing: 12px;
+}
+
+.message-list-sections {
+ margin: 0 16px;
+}
+
+.message-list-section,
+.message-list-sections,
+.message-list-section-list {
+ spacing: 6px;
+}
+
+.message {
+ margin: 3px 0;
+}
+
+.message .message-icon-bin {
+ padding: 18px;
+}
+
+.message .message-icon-bin:ltr {
+ padding-right: 6px;
+}
+
+.message .message-icon-bin:rtl {
+ padding-left: 6px;
+}
+
+.message .message-icon-bin > StIcon {
+ icon-size: 32px;
+ -st-icon-style: symbolic;
+}
+
+.message .message-icon-bin > .fallback-app-icon {
+ width: 16px;
+ height: 16px;
+}
+
+.message .message-secondary-bin {
+ padding: 0 8px;
+}
+
+.message .message-secondary-bin > .event-time {
+ color: rgba(255, 255, 255, 0.5);
+ font-size: 9pt;
+ text-align: right;
+ padding-bottom: 0.13em;
+}
+
+.message .message-secondary-bin > .event-time:ltr {
+ text-align: right;
+}
+
+.message .message-secondary-bin > .event-time:rtl {
+ text-align: left;
+}
+
+.message .message-title {
+ color: #FFFFFF;
+ font-weight: bold;
+}
+
+.message .message-content {
+ padding: 14px;
+ spacing: 4px;
+ color: rgba(255, 255, 255, 0.5);
+}
+
+.message .message-close-button {
+ color: rgba(255, 255, 255, 0.7);
+ padding: 0;
+ height: 24px;
+ width: 24px;
+ border-radius: 9999px;
+}
+
+.message .message-close-button:hover, .message .message-close-button:active {
+ color: #FFFFFF;
+}
+
+.message .message-close-button:hover, .message .message-close-button:focus {
+ background-color: rgba(255, 255, 255, 0.12);
+}
+
+.message .message-close-button:active {
+ background-color: rgba(255, 255, 255, 0.3);
+}
+
+.message .message-body {
+ color: rgba(255, 255, 255, 0.5);
+}
+
+.url-highlighter {
+ link-color: #3c84f7;
+}
+
+.message-media-control {
+ border-radius: 9999px;
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.message-media-control:last-child:ltr {
+ margin-right: 16px;
+}
+
+.message-media-control:last-child:rtl {
+ margin-left: 16px;
+}
+
+.message-media-control:hover, .message-media-control:focus {
+ color: #FFFFFF;
+ background-color: rgba(255, 255, 255, 0.12);
+}
+
+.message-media-control:active {
+ color: #FFFFFF;
+ background-color: rgba(255, 255, 255, 0.3);
+}
+
+.message-media-control:insensitive {
+ color: rgba(255, 255, 255, 0.3);
+}
+
+.media-message-cover-icon {
+ icon-size: 32px !important;
+}
+
+.media-message-cover-icon.fallback {
+ icon-size: 32px !important;
+ border: none;
+ border-radius: 6px;
+ background-color: rgba(255, 255, 255, 0.12);
+ color: rgba(255, 255, 255, 0.5);
+}
+
+.select-area-rubberband {
+ background-color: rgba(91, 155, 248, 0.3);
+ border: 1px solid #5b9bf8;
+ border-radius: 6px;
+}
+
+.user-icon {
+ background-size: contain;
+ color: rgba(255, 255, 255, 0.7);
+ border-radius: 9999px;
+ border: none;
+ box-shadow: 0 2px 3px rgba(0, 0, 0, 0.25);
+ icon-size: 64px;
+}
+
+.modal-dialog .user-icon {
+ box-shadow: none;
+}
+
+.user-icon:hover {
+ color: #FFFFFF;
+}
+
+.user-icon StIcon {
+ background-color: #FFFFFF;
+ border-radius: 9999px;
+ padding: 12px;
+ width: 40px;
+ height: 40px;
+}
+
+.user-icon.user-avatar {
+ border: 2px solid #5b9bf8;
+}
+
+.user-widget.vertical .user-icon {
+ icon-size: 96px;
+}
+
+.user-widget.vertical .user-icon StIcon {
+ padding: 20px;
+ padding-top: 18px;
+ padding-bottom: 22px;
+ width: 88px;
+ height: 88px;
+}
+
+.lightbox {
+ background-color: black;
+}
+
+.flashspot {
+ background-color: white;
+}
+
+.hidden {
+ color: rgba(0, 0, 0, 0);
+}
+
+.caps-lock-warning-label {
+ text-align: center;
+ padding-bottom: 8px;
+ font-size: 10pt;
+ color: #FBC02D;
+}
+
+/* Network Dialogs */
+.nm-dialog {
+ max-height: 34em;
+ min-height: 31em;
+ min-width: 32em;
+}
+
+.nm-dialog-content {
+ spacing: 20px;
+ padding: 24px;
+}
+
+.nm-dialog-header-hbox {
+ spacing: 10px;
+}
+
+.nm-dialog-airplane-box {
+ spacing: 12px;
+}
+
+.nm-dialog-airplane-headline {
+ font-weight: bold;
+ text-align: center;
+}
+
+.nm-dialog-airplane-text {
+ color: #FFFFFF;
+}
+
+.nm-dialog-header {
+ font-weight: bold;
+}
+
+.nm-dialog-header-icon {
+ icon-size: 32px;
+}
+
+.nm-dialog-header-hbox {
+ spacing: 10px;
+}
+
+.nm-dialog-scroll-view {
+ border: none;
+ padding: 0;
+ background-color: rgba(255, 255, 255, 0.04);
+ border-radius: 6px;
+}
+
+.nm-dialog-item {
+ font-size: 11pt;
+ border-bottom: none;
+ padding: 12px;
+ spacing: 0px;
+}
+
+.nm-dialog-item:selected {
+ background-color: #5b9bf8;
+ color: #FFFFFF;
+}
+
+.nm-dialog-item:hover, .nm-dialog-item:focus {
+ background-color: rgba(255, 255, 255, 0.12);
+}
+
+.nm-dialog-item:active {
+ background-color: rgba(255, 255, 255, 0.3);
+}
+
+.nm-dialog-icon {
+ icon-size: 16px;
+}
+
+.nm-dialog-icons {
+ spacing: 12px;
+}
+
+.no-networks-label {
+ color: rgba(255, 255, 255, 0.5);
+}
+
+.no-networks-box {
+ spacing: 6px;
+}
+
+/* Notifications & Message Tray */
+.notification-banner {
+ width: 34em;
+ min-height: 64px;
+ margin: 2px 5px 8px;
+ border-radius: 6px;
+ color: rgba(255, 255, 255, 0.7);
+ background-color: #2C2C2C;
+ border: none;
+ text-shadow: none;
+ box-shadow: 0 3px 5px rgba(0, 0, 0, 0.25);
+ border-radius: 12px;
+}
+
+.notification-banner:hover {
+ color: #FFFFFF;
+ background-color: #2C2C2C;
+ box-shadow: 0 5px 12px rgba(0, 0, 0, 0.25);
+ margin: 2px 12px 17px;
+}
+
+.notification-banner:focus {
+ color: #FFFFFF;
+ background-color: #2C2C2C;
+}
+
+.notification-banner .notification-actions {
+ background-color: transparent;
+ padding-top: 0;
+ border-top: 1px solid rgba(255, 255, 255, 0.12);
+ spacing: 0;
+}
+
+.notification-banner .notification-button {
+ min-height: 44px;
+ padding: 0 18px;
+ background-color: transparent;
+ color: rgba(255, 255, 255, 0.7);
+ font-weight: 500;
+ border-width: 0;
+}
+
+.notification-banner .notification-button:first-child {
+ border-radius: 0 0 0 12px;
+}
+
+.notification-banner .notification-button:last-child {
+ border-radius: 0 0 12px 0;
+}
+
+.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child {
+ border-radius: 0 0 12px 12px;
+}
+
+.notification-banner .notification-button:focus {
+ background-color: transparent;
+ color: #FFFFFF;
+ box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.12);
+}
+
+.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover {
+ background-color: rgba(255, 255, 255, 0.12);
+ color: #FFFFFF;
+ box-shadow: none;
+}
+
+.notification-banner .notification-button:active {
+ background-color: rgba(255, 255, 255, 0.3);
+ color: #FFFFFF;
+}
+
+.summary-source-counter {
+ font-size: fontsize(10);
+ font-weight: bold;
+ height: 1.6em;
+ width: 1.6em;
+ -shell-counter-overlap-x: 3px;
+ -shell-counter-overlap-y: 3px;
+ background-color: #5b9bf8;
+ color: #FFFFFF;
+ border: 2px solid rgba(255, 255, 255, 0.3);
+ box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);
+ border-radius: 0.9em;
+}
+
+.chat-body {
+ spacing: 5px;
+}
+
+.chat-response {
+ margin: 5px;
+}
+
+.chat-log-message {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.chat-new-group {
+ padding-top: 1em;
+}
+
+.chat-received {
+ padding-left: 4px;
+}
+
+.chat-received:rtl {
+ padding-left: 0px;
+ padding-right: 4px;
+}
+
+.chat-sent {
+ padding-left: 18pt;
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.chat-sent:rtl {
+ padding-left: 0;
+ padding-right: 18pt;
+}
+
+.chat-meta-message {
+ padding-left: 4px;
+ font-size: 9pt;
+ color: rgba(255, 255, 255, 0.5);
+}
+
+.chat-meta-message:rtl {
+ padding-left: 0;
+ padding-right: 4px;
+}
+
+/* OSD */
+.workspace-switcher-container, .switcher-list, .resize-popup, .osd-window {
+ color: rgba(255, 255, 255, 0.7);
+ background-color: #212121;
+ border: none;
+ box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25);
+ margin: 5px 8px 11px;
+ border-radius: 12px;
+ padding: 12px;
+}
+
+.osd-window {
+ text-align: center;
+ font-weight: bold;
+}
+
+.osd-window .osd-monitor-label {
+ font-size: 3em;
+}
+
+.osd-window .level {
+ height: 2px;
+ border-radius: 2px;
+ background-color: rgba(255, 255, 255, 0.12);
+ color: #FFFFFF;
+ -barlevel-height: 2px;
+ -barlevel-background-color: rgba(255, 255, 255, 0.12);
+ -barlevel-active-background-color: #5b9bf8;
+ -barlevel-overdrive-color: #F44336;
+ -barlevel-overdrive-separator-width: 2px;
+ -barlevel-border-width: 0;
+ -barlevel-border-color: rgba(255, 255, 255, 0.12);
+}
+
+.osd-window .level-bar {
+ background-color: white;
+ border-radius: 2px;
+}
+
+.pad-osd-window {
+ padding: 32px;
+ background-color: #212121;
+}
+
+.pad-osd-window .pad-osd-title-box {
+ spacing: 12px;
+}
+
+.pad-osd-window .pad-osd-title-menu-box {
+ spacing: 6px;
+}
+
+.combo-box-label {
+ width: 15em;
+}
+
+.overview-controls {
+ padding-bottom: 30px;
+}
+
+/* Top Bar */
+#panel {
+ background-color: #212121;
+ font-weight: bold;
+ height: 32px;
+ color: rgba(255, 255, 255, 0.7);
+ font-feature-settings: "tnum";
+ transition-duration: 250ms;
+ font-size: 10pt;
+}
+
+#panel .panel-corner {
+ -panel-corner-radius: 0;
+ -panel-corner-background-color: #212121;
+ -panel-corner-border-width: 2px;
+ -panel-corner-border-color: transparent;
+ -panel-corner-opacity: 1;
+ transition-duration: 250ms;
+}
+
+#panel .panel-button {
+ -natural-hpadding: 12px;
+ -minimum-hpadding: 6px;
+ font-weight: bold;
+ color: rgba(255, 255, 255, 0.7);
+ transition-duration: 150ms;
+ border-radius: 9999px;
+ text-shadow: none;
+ border: 2px solid transparent;
+}
+
+#panel .panel-button.clock-display .clock {
+ transition-duration: 150ms;
+ border: 2px solid transparent;
+ border-radius: 9999px;
+}
+
+#panel .panel-button:hover {
+ color: #FFFFFF;
+ background-color: transparent;
+ box-shadow: inset 0 0 0 1000px rgba(255, 255, 255, 0.12);
+}
+
+#panel .panel-button:hover.clock-display {
+ box-shadow: none;
+ color: rgba(255, 255, 255, 0.7);
+}
+
+#panel .panel-button:hover.clock-display .clock {
+ color: #FFFFFF;
+ box-shadow: inset 0 0 0 1000px rgba(255, 255, 255, 0.12);
+}
+
+#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover {
+ background-color: transparent;
+ color: #FFFFFF;
+ box-shadow: inset 0 0 0 1000px rgba(255, 255, 255, 0.2);
+}
+
+#panel .panel-button:active.clock-display, #panel .panel-button:overview.clock-display, #panel .panel-button:focus.clock-display, #panel .panel-button:checked.clock-display {
+ box-shadow: none;
+ color: rgba(255, 255, 255, 0.7);
+}
+
+#panel .panel-button:active.clock-display .clock, #panel .panel-button:overview.clock-display .clock, #panel .panel-button:focus.clock-display .clock, #panel .panel-button:checked.clock-display .clock {
+ box-shadow: inset 0 0 0 1000px rgba(255, 255, 255, 0.2);
+ color: #FFFFFF;
+}
+
+.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button {
+ color: #FFFFFF;
+}
+
+.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active {
+ color: #FFFFFF;
+}
+
+#panel .panel-button .system-status-icon {
+ icon-size: 16px;
+ padding: 6px;
+ margin: 0 4px;
+ -st-icon-style: symbolic;
+}
+
+#panel .panel-button .panel-status-indicators-box .system-status-icon,
+#panel .panel-button .panel-status-menu-box .system-status-icon {
+ margin: 0;
+}
+
+#panel .panel-button .app-menu-icon {
+ -st-icon-style: symbolic;
+}
+
+#panel .panel-button#panelActivities {
+ -natural-hpadding: 18px;
+}
+
+#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen {
+ background-color: transparent;
+ box-shadow: none;
+}
+
+#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover {
+ color: #FFFFFF;
+ background-color: transparent;
+ box-shadow: inset 0 0 0 1000px rgba(255, 255, 255, 0.12);
+}
+
+#panel:overview .panel-button:hover.clock-display, #panel.unlock-screen .panel-button:hover.clock-display, #panel.login-screen .panel-button:hover.clock-display, #panel.lock-screen .panel-button:hover.clock-display {
+ box-shadow: none;
+ color: #FFFFFF;
+}
+
+#panel:overview .panel-button:hover.clock-display .clock, #panel.unlock-screen .panel-button:hover.clock-display .clock, #panel.login-screen .panel-button:hover.clock-display .clock, #panel.lock-screen .panel-button:hover.clock-display .clock {
+ color: #FFFFFF;
+ box-shadow: inset 0 0 0 1000px rgba(255, 255, 255, 0.12);
+}
+
+#panel:overview .panel-button:active, #panel:overview .panel-button:overview, #panel:overview .panel-button:focus, #panel:overview .panel-button:checked, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:checked, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:checked, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:checked {
+ color: #FFFFFF;
+ background-color: transparent;
+ box-shadow: inset 0 0 0 1000px rgba(255, 255, 255, 0.2);
+}
+
+#panel:overview .panel-button:active.clock-display, #panel:overview .panel-button:overview.clock-display, #panel:overview .panel-button:focus.clock-display, #panel:overview .panel-button:checked.clock-display, #panel.unlock-screen .panel-button:active.clock-display, #panel.unlock-screen .panel-button:overview.clock-display, #panel.unlock-screen .panel-button:focus.clock-display, #panel.unlock-screen .panel-button:checked.clock-display, #panel.login-screen .panel-button:active.clock-display, #panel.login-screen .panel-button:overview.clock-display, #panel.login-screen .panel-button:focus.clock-display, #panel.login-screen .panel-button:checked.clock-display, #panel.lock-screen .panel-button:active.clock-display, #panel.lock-screen .panel-button:overview.clock-display, #panel.lock-screen .panel-button:focus.clock-display, #panel.lock-screen .panel-button:checked.clock-display {
+ box-shadow: none;
+ color: #FFFFFF;
+}
+
+#panel:overview .panel-button:active.clock-display .clock, #panel:overview .panel-button:overview.clock-display .clock, #panel:overview .panel-button:focus.clock-display .clock, #panel:overview .panel-button:checked.clock-display .clock, #panel.unlock-screen .panel-button:active.clock-display .clock, #panel.unlock-screen .panel-button:overview.clock-display .clock, #panel.unlock-screen .panel-button:focus.clock-display .clock, #panel.unlock-screen .panel-button:checked.clock-display .clock, #panel.login-screen .panel-button:active.clock-display .clock, #panel.login-screen .panel-button:overview.clock-display .clock, #panel.login-screen .panel-button:focus.clock-display .clock, #panel.login-screen .panel-button:checked.clock-display .clock, #panel.lock-screen .panel-button:active.clock-display .clock, #panel.lock-screen .panel-button:overview.clock-display .clock, #panel.lock-screen .panel-button:focus.clock-display .clock, #panel.lock-screen .panel-button:checked.clock-display .clock {
+ box-shadow: inset 0 0 0 1000px rgba(255, 255, 255, 0.2);
+ color: #FFFFFF;
+}
+
+#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner {
+ -panel-corner-radius: 0;
+ -panel-corner-background-color: transparent;
+ -panel-corner-border-color: transparent;
+}
+
+#panel .panel-status-indicators-box,
+#panel .panel-status-menu-box {
+ spacing: 2px;
+}
+
+#panel .power-status.panel-status-indicators-box {
+ spacing: 0;
+}
+
+#panel .screencast-indicator,
+#panel .remote-access-indicator {
+ color: #FBC02D;
+}
+
+/* Popovers/Menus */
+.popup-menu-boxpointer {
+ -arrow-border-radius: 9px;
+ -arrow-background-color: transparent;
+ -arrow-border-width: 0;
+ -arrow-border-color: transparent;
+ -arrow-base: 12px;
+ -arrow-rise: 6px;
+ -arrow-box-shadow: none;
+ background: transparent;
+ box-shadow: none;
+}
+
+.popup-menu {
+ min-width: 12em;
+ color: rgba(255, 255, 255, 0.7) !important;
+ padding: 0 !important;
+ font-weight: normal;
+ border-radius: 12px;
+ box-shadow: 0 3px 6px rgba(0, 0, 0, 0.08);
+ margin: 0 3px;
+ font-size: 10pt;
+}
+
+.popup-menu .popup-menu-content {
+ padding: 6px 0 !important;
+ background-color: #2C2C2C;
+ border-radius: 12px;
+ margin: 0;
+ font-weight: normal;
+ border: 1px solid rgba(0, 0, 0, 0.75);
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
+}
+
+.popup-menu .popup-menu-item {
+ spacing: 6px;
+ color: rgba(255, 255, 255, 0.7) !important;
+ text-shadow: none;
+ border-radius: 6px;
+ margin: 0 6px;
+ font-weight: normal;
+}
+
+.popup-menu .popup-menu-item:checked {
+ font-weight: normal;
+ border: none;
+ box-shadow: none;
+ color: #FFFFFF !important;
+ background-color: rgba(255, 255, 255, 0.12) !important;
+ border-radius: 6px 6px 0 0;
+}
+
+.popup-menu .popup-menu-item:checked:focus, .popup-menu .popup-menu-item:checked:hover, .popup-menu .popup-menu-item:checked.selected {
+ color: #FFFFFF !important;
+ background-color: alpha(currentColor, 0.08) !important;
+}
+
+.popup-menu .popup-menu-item:checked:active {
+ color: #FFFFFF !important;
+ background-color: alpha(currentColor, 0.12) !important;
+}
+
+.popup-menu .popup-menu-item:checked:insensitive {
+ color: rgba(255, 255, 255, 0.3) !important;
+}
+
+.popup-menu .popup-menu-item:focus, .popup-menu .popup-menu-item:hover, .popup-menu .popup-menu-item.selected {
+ color: #FFFFFF !important;
+ background-color: rgba(255, 255, 255, 0.12) !important;
+ transition-duration: 0;
+}
+
+.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active {
+ color: #FFFFFF !important;
+ background-color: rgba(255, 255, 255, 0.3) !important;
+}
+
+.popup-menu .popup-menu-item:insensitive {
+ color: rgba(255, 255, 255, 0.3) !important;
+}
+
+.popup-menu .popup-sub-menu {
+ background-color: rgba(255, 255, 255, 0.12) !important;
+ color: rgba(255, 255, 255, 0.7) !important;
+ border: none;
+ box-shadow: none;
+ margin: 0 6px;
+ border-radius: 0 0 6px 6px;
+}
+
+.popup-menu .popup-sub-menu .popup-menu-item {
+ margin: 0;
+}
+
+.popup-menu .popup-sub-menu .popup-menu-item:focus, .popup-menu .popup-sub-menu .popup-menu-item:hover, .popup-menu .popup-sub-menu .popup-menu-item.selected {
+ color: #FFFFFF !important;
+ background-color: rgba(255, 255, 255, 0.12) !important;
+}
+
+.popup-menu .popup-sub-menu .popup-menu-item:active, .popup-menu .popup-sub-menu .popup-menu-item.selected:active {
+ color: #FFFFFF !important;
+ background-color: rgba(255, 255, 255, 0.3) !important;
+}
+
+.popup-menu .popup-sub-menu .popup-menu-item:insensitive {
+ color: rgba(255, 255, 255, 0.3) !important;
+}
+
+.popup-menu .popup-inactive-menu-item {
+ color: rgba(255, 255, 255, 0.7) !important;
+}
+
+.popup-menu .popup-inactive-menu-item:insensitive {
+ color: rgba(255, 255, 255, 0.3) !important;
+}
+
+.popup-menu.panel-menu {
+ -boxpointer-gap: 4px;
+ margin-bottom: 1.75em;
+}
+
+.popup-menu-arrow,
+.popup-menu-icon {
+ icon-size: 16px;
+}
+
+.popup-menu-ornament {
+ width: 1.2em;
+}
+
+.popup-menu-ornament:ltr {
+ text-align: right;
+}
+
+.popup-menu-ornament:rtl {
+ text-align: left;
+}
+
+.background-menu {
+ -boxpointer-gap: 4px;
+ -arrow-rise: 0px;
+}
+
+.aggregate-menu {
+ min-width: 20em;
+}
+
+.aggregate-menu .popup-menu-icon {
+ padding: 0;
+ margin: 0 3px;
+ -st-icon-style: symbolic;
+}
+
+/* Screen Shield */
+.unlock-dialog-clock {
+ color: white;
+ font-weight: 300;
+ text-align: center;
+ spacing: 24px;
+ padding-bottom: 2.5em;
+}
+
+.unlock-dialog-clock-time {
+ font-size: 64pt;
+ padding-top: 42px;
+ font-feature-settings: "tnum";
+}
+
+.unlock-dialog-clock-date {
+ font-size: 16pt;
+ font-weight: normal;
+}
+
+.unlock-dialog-clock-hint {
+ font-weight: normal;
+ padding-top: 48px;
+}
+
+.unlock-dialog-notifications-container {
+ margin: 12px 0;
+ spacing: 6px;
+ width: 23em;
+ background-color: transparent;
+}
+
+.unlock-dialog-notifications-container .summary-notification-stack-scrollview {
+ padding-top: 0;
+ padding-bottom: 0;
+}
+
+.unlock-dialog-notifications-container .notification,
+.unlock-dialog-notifications-container .unlock-dialog-notification-source {
+ padding: 12px 6px;
+ border: none;
+ background-color: #212121;
+ color: #FFFFFF;
+ border-radius: 12px;
+}
+
+.unlock-dialog-notifications-container .notification.critical,
+.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical {
+ background-color: #353535;
+}
+
+.unlock-dialog-notification-label {
+ padding: 0px 0px 0px 12px;
+}
+
+.unlock-dialog-notification-count-text {
+ weight: bold;
+ padding: 0 6px;
+ color: #FFFFFF;
+ background-color: #5b9bf8;
+ border-radius: 9999px;
+ margin-right: 12px;
+}
+
+.screen-shield-background {
+ background: black;
+ box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15);
+}
+
+#unlockDialogNotifications StButton#vhandle, #unlockDialogNotifications StButton#hhandle {
+ background-color: rgba(44, 44, 44, 0.3);
+}
+
+#unlockDialogNotifications StButton#vhandle:hover, #unlockDialogNotifications StButton#vhandle:focus, #unlockDialogNotifications StButton#hhandle:hover, #unlockDialogNotifications StButton#hhandle:focus {
+ background-color: rgba(44, 44, 44, 0.5);
+}
+
+#unlockDialogNotifications StButton#vhandle:active, #unlockDialogNotifications StButton#hhandle:active {
+ background-color: rgba(91, 155, 248, 0.5);
+}
+
+/* Scrollbars */
+StScrollView.vfade {
+ -st-vfade-offset: 32px;
+}
+
+StScrollView.hfade {
+ -st-hfade-offset: 32px;
+}
+
+StScrollBar {
+ padding: 0;
+}
+
+StScrollView StScrollBar {
+ min-width: 16px;
+ min-height: 16px;
+}
+
+StScrollBar StBin#trough {
+ margin: 6px;
+ border-radius: 9999px;
+ background-color: rgba(255, 255, 255, 0.12);
+}
+
+StScrollBar StButton#vhandle, StScrollBar StButton#hhandle {
+ border-radius: 9999px;
+ background-color: rgba(255, 255, 255, 0.5);
+ margin: 6px;
+}
+
+StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover {
+ background-color: rgba(255, 255, 255, 0.7);
+}
+
+StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
+ background-color: #FFFFFF;
+}
+
+.search-entry {
+ width: 320px;
+ min-height: 32px;
+ padding: 0 12px;
+ color: rgba(255, 255, 255, 0.7);
+ transition-duration: 150ms;
+ border-radius: 6px;
+ caret-color: #FFFFFF;
+ selection-background-color: rgba(255, 255, 255, 0.12);
+ selected-color: #FFFFFF !important;
+ color: #FFFFFF;
+ background-color: #2C2C2C;
+ border: 2px solid transparent;
+ box-shadow: none;
+}
+
+.search-entry:hover {
+ color: #FFFFFF;
+ border-color: rgba(255, 255, 255, 0.3);
+ background-color: #2C2C2C;
+}
+
+.search-entry:focus {
+ color: #FFFFFF;
+ border-color: #5b9bf8;
+ background-color: #2C2C2C;
+ box-shadow: none;
+}
+
+.search-entry .search-entry-icon {
+ icon-size: 16px;
+ padding: 0 0;
+ color: rgba(255, 255, 255, 0.3);
+}
+
+.search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.search-entry:insensitive {
+ border: none;
+ color: rgba(255, 255, 255, 0.3);
+}
+
+.search-entry StLabel.hint-text {
+ color: rgba(255, 255, 255, 0.5);
+}
+
+/* Search */
+.list-search-result, .search-provider-icon {
+ border-radius: 6px;
+ padding: 6px;
+ transition-duration: 100ms;
+ text-align: center;
+}
+
+.list-search-result:focus, .search-provider-icon:focus, .list-search-result:hover, .search-provider-icon:hover, .list-search-result:selected, .search-provider-icon:selected {
+ background-color: rgba(255, 255, 255, 0.12);
+ transition-duration: 200ms;
+}
+
+.list-search-result:active, .search-provider-icon:active, .list-search-result:checked, .search-provider-icon:checked {
+ background-color: rgba(255, 255, 255, 0.2);
+}
+
+#searchResultsContent {
+ max-width: 1024px;
+ spacing: 8px;
+}
+
+.search-section {
+ spacing: 8px;
+ background: none;
+}
+
+.search-section .search-section-separator {
+ height: 1px;
+ background-color: rgba(255, 255, 255, 0.12);
+}
+
+.search-section-content {
+ spacing: 8px;
+ border-radius: 0;
+ padding: 18px;
+ border: none;
+ box-shadow: none;
+ background: none;
+ text-shadow: none;
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.search-statustext {
+ font-size: 2em;
+ font-weight: bold;
+ color: rgba(255, 255, 255, 0.5);
+}
+
+.grid-search-results {
+ spacing: 36px;
+}
+
+.search-provider-icon .list-search-provider-content {
+ spacing: 12px;
+}
+
+.search-provider-icon .list-search-provider-content .list-search-provider-details {
+ width: 120px;
+ margin-top: 0;
+ color: rgba(255, 255, 255, 0.5);
+}
+
+.list-search-results {
+ spacing: 6px;
+}
+
+.list-search-result .list-search-result-content {
+ spacing: 6px;
+}
+
+.list-search-result .list-search-result-title {
+ spacing: 12px;
+}
+
+.list-search-result .list-search-result-description {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+/* Slider */
+.slider {
+ height: 20px;
+ color: #2C2C2C;
+ -slider-height: 2px;
+ -slider-background-color: rgba(255, 255, 255, 0.3);
+ -slider-border-color: #5b9bf8;
+ -slider-active-background-color: #5b9bf8;
+ -slider-active-border-color: #5b9bf8;
+ -slider-border-width: 2px;
+ -slider-handle-radius: 7px;
+ -slider-handle-border-width: 2px;
+ -slider-handle-border-color: #5b9bf8;
+ -barlevel-height: 2px;
+ -barlevel-background-color: rgba(255, 255, 255, 0.3);
+ -barlevel-border-color: transparent;
+ -barlevel-active-background-color: #5b9bf8;
+ -barlevel-active-border-color: transparent;
+ -barlevel-overdrive-color: #F44336;
+ -barlevel-overdrive-border-color: transparent;
+ -barlevel-overdrive-separator-width: 2px;
+ -barlevel-border-width: 0;
+}
+
+/* App Switcher */
+.switcher-popup {
+ padding: 8px;
+ spacing: 24px;
+}
+
+.switcher-list .item-box {
+ padding: 8px;
+ border-radius: 6px;
+ border: 1px solid transparent;
+}
+
+.switcher-list .item-box:outlined {
+ background-color: rgba(255, 255, 255, 0.12);
+ color: #FFFFFF;
+}
+
+.switcher-list .item-box:selected {
+ background-color: #5b9bf8;
+ color: #FFFFFF;
+}
+
+.switcher-list .thumbnail-box {
+ padding: 2px;
+ spacing: 6px;
+}
+
+.switcher-list .thumbnail {
+ width: 256px;
+}
+
+.switcher-list .separator {
+ width: 1px;
+ background: rgba(255, 255, 255, 0.12);
+}
+
+.switcher-list .switcher-list-item-container {
+ spacing: 12px;
+}
+
+.switcher-arrow {
+ border-color: rgba(0, 0, 0, 0);
+ color: rgba(255, 255, 255, 0.5);
+}
+
+.switcher-arrow:highlighted {
+ color: #FFFFFF;
+}
+
+.input-source-switcher-symbol {
+ font-size: 34pt;
+ width: 96px;
+ height: 96px;
+}
+
+.cycler-highlight {
+ border: 5px solid #5b9bf8;
+}
+
+/* Switches */
+.toggle-switch {
+ width: 40px;
+ height: 20px;
+ background-size: contain;
+}
+
+.toggle-switch, .popup-sub-menu .toggle-switch {
+ background-image: url("assets/toggle-off.svg");
+}
+
+.toggle-switch:checked, .popup-sub-menu .toggle-switch:checked {
+ background-image: url("assets/toggle-on-dark.svg");
+}
+
+/* Tiled window previews */
+.tile-preview {
+ background-color: rgba(91, 155, 248, 0.3);
+ border: 1px solid #5b9bf8;
+}
+
+.tile-preview-left.on-primary {
+ border-radius: 7px 0 0 0;
+}
+
+.tile-preview-right.on-primary {
+ border-radius: 0 7px 0 0;
+}
+
+.tile-preview-left.tile-preview-right.on-primary {
+ border-radius: 7px 7px 0 0;
+}
+
+/* Workspace Switcher */
+.workspace-switcher-group {
+ padding: 12px;
+}
+
+.workspace-switcher {
+ background: transparent;
+ border: none;
+ border-radius: 0;
+ padding: 0;
+ spacing: 12px;
+}
+
+.ws-switcher-box {
+ background: transparent;
+ height: 50px;
+ background-size: 32px;
+ background: rgba(255, 255, 255, 0.12);
+ border-radius: 6px;
+}
+
+.ws-switcher-active-up,
+.ws-switcher-active-down,
+.ws-switcher-active-left,
+.ws-switcher-active-right {
+ height: 52px;
+ background-color: #5b9bf8;
+ color: #FFFFFF;
+ border-radius: 9px;
+ border: none;
+}
+
+.icon-grid {
+ row-spacing: 12px;
+ column-spacing: 12px;
+ max-row-spacing: 72px;
+ max-column-spacing: 72px;
+ page-padding-top: 24px;
+ page-padding-bottom: 24px;
+ page-padding-left: 12px;
+ page-padding-right: 12px;
+}
+
+.page-indicator {
+ padding: 6px 12px 0;
+}
+
+.page-indicator .page-indicator-icon {
+ width: 10px;
+ height: 10px;
+ border-radius: 10px;
+ background-color: white;
+}
+
+.apps-scroll-view {
+ padding: 0;
+}
+
+.page-navigation-hint {
+ width: 300px;
+}
+
+.page-navigation-hint.dnd {
+ background: rgba(255, 255, 255, 0.1);
+}
+
+.page-navigation-hint.next:ltr, .page-navigation-hint.previous:rtl {
+ background-gradient-start: rgba(255, 255, 255, 0.05);
+ background-gradient-end: transparent;
+ background-gradient-direction: horizontal;
+ border-radius: 15px 0px 0px 15px;
+}
+
+.page-navigation-hint.previous:ltr, .page-navigation-hint.next:rtl {
+ background-gradient-start: transparent;
+ background-gradient-end: rgba(255, 255, 255, 0.05);
+ background-gradient-direction: horizontal;
+ border-radius: 0px 15px 15px 0px;
+}
+
+.page-navigation-arrow {
+ margin: 0;
+ width: 24px;
+ height: 24px;
+ color: white;
+}
+
+#dash {
+ margin-top: 12px;
+ padding: 0 10px;
+}
+
+#dash .placeholder {
+ background-image: none;
+ background-size: contain;
+ height: 32px;
+}
+
+#dash .overview-icon {
+ padding: 5px;
+}
+
+.dash-background {
+ background-color: rgba(255, 255, 255, 0.3);
+ margin-bottom: 16px;
+ padding: 10px;
+ border-radius: 24px;
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0.08);
+}
+
+.dash-item-container .app-well-app, .show-apps {
+ padding: 10px 2px 26px;
+}
+
+.dash-separator {
+ width: 1px;
+ margin: 0 7px 16px;
+ background-color: rgba(255, 255, 255, 0.12);
+}
+
+.workspace-animation {
+ background-color: #212121;
+}
+
+.calendar .calendar-change-month-back,
+.calendar .calendar-change-month-forward {
+ padding: 0 2px;
+}
+
+.message-list-controls {
+ margin: 8px 16px 0;
+ padding: 4px;
+ spacing: 12px;
+}
+
+.message-media-control {
+ margin: 24px 6px;
+ padding: 9px;
+}
+
+.media-message-cover-icon {
+ padding: 6px;
+}
+
+.media-message-cover-icon.fallback {
+ padding: 6px;
+}
+
+.controls-manager, .secondary-monitor-workspaces {
+ spacing: 12px;
+}
+
+#overviewGroup {
+ background-color: #212121;
+}
+
+.osd-window {
+ spacing: 1em;
+ min-width: 64px;
+ min-height: 64px;
+}
+
+.osd-window StIcon {
+ icon-size: 96px;
+}
+
+#appMenu {
+ spacing: 6px;
+}
+
+#appMenu .label-shadow {
+ color: transparent;
+}
+
+#appMenu .panel-status-menu-box {
+ padding: 0 6px;
+ spacing: 6px;
+}
+
+.popup-menu {
+ padding: 6px 0;
+}
+
+.popup-menu .popup-menu-item:ltr {
+ padding-right: 1.5em !important;
+ padding-left: 0 !important;
+}
+
+.popup-menu .popup-menu-item:rtl {
+ padding-right: 0 !important;
+ padding-left: 1.5em !important;
+}
+
+.popup-separator-menu-item {
+ padding: 0;
+}
+
+.popup-separator-menu-item .popup-separator-menu-item-separator {
+ height: 1px;
+ margin: 0;
+ background-color: rgba(255, 255, 255, 0.12);
+ padding: 0;
+}
+
+.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator {
+ padding: 0;
+ margin: 0 32px 0 0;
+ height: 1px;
+}
+
+.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr {
+ padding-left: 18px;
+ margin-left: 1em;
+}
+
+.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl {
+ padding-right: 18px;
+ margin-right: 1em;
+}
+
+.search-entry {
+ margin-top: 24px;
+ margin-bottom: 6px;
+}
+
+.window-picker {
+ spacing: 6px;
+}
+
+.window-caption {
+ color: #FFFFFF;
+ background-color: #212121;
+ border-radius: 9999px;
+ padding: 6px 12px;
+}
+
+.window-close {
+ background-color: #242424;
+ color: #FFFFFF;
+ border-radius: 21px;
+ padding: 3px;
+ height: 30px;
+ width: 30px;
+ box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.5);
+ transition-duration: 300ms;
+}
+
+.window-close:hover {
+ color: #FFFFFF;
+ background-color: #333333;
+}
+
+.window-close:active {
+ color: #FFFFFF;
+ background-color: #151515;
+}
+
+.workspace-background {
+ border-radius: 30px;
+ background-color: #212121;
+ box-shadow: 0 4px 16px 4px rgba(0, 0, 0, 0.3);
+}
+
+/* Workspace pager */
+.workspace-thumbnails {
+ visible-width: 32px;
+ spacing: 6px;
+ padding: 6px;
+}
+
+.workspace-thumbnails .workspace-thumbnail {
+ color: rgba(255, 255, 255, 0.7);
+ background-color: rgba(255, 255, 255, 0.12);
+ border: none;
+ border-radius: 6px;
+}
+
+.workspace-thumbnails .placeholder {
+ background-image: url("assets/dash-placeholder.svg");
+ background-size: contain;
+ width: 18px;
+ height: 24px;
+}
+
+.workspace-thumbnail-indicator {
+ border: 3px solid #5b9bf8;
+ border-radius: 3px;
+ padding: 0px;
+}
+
+.bottom #dashtodockDashScrollview,
+.top #dashtodockDashScrollview {
+ -st-hfade-offset: 24px;
+}
+
+.left #dashtodockDashScrollview,
+.right #dashtodockDashScrollview {
+ -st-vfade-offset: 24px;
+}
+
+#dashtodockContainer {
+ background-color: transparent;
+}
+
+#dashtodockContainer .number-overlay {
+ color: #FFFFFF;
+ background-color: rgba(0, 0, 0, 0.75);
+ text-align: center;
+}
+
+#dashtodockContainer .notification-badge {
+ color: #FFFFFF;
+ background-color: #5b9bf8;
+ box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25);
+ border-radius: 9999px;
+ margin: 2px;
+ padding: 0.2em 0.6em;
+ font-weight: bold;
+ text-align: center;
+}
+
+#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash {
+ border-radius: 0;
+ margin: 0;
+}
+
+#dashtodockContainer.straight-corner #dash .dash-background, #dashtodockContainer.shrink.straight-corner #dash .dash-background {
+ border-radius: 0;
+}
+
+#dashtodockContainer.extended.top #dash, #dashtodockContainer.extended.bottom #dash, #dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash {
+ margin-left: 0;
+ margin-right: 0;
+ margin-top: 0;
+ margin-bottom: 0;
+ padding: 0 0;
+}
+
+#dashtodockContainer.extended.top #dash .dash-background, #dashtodockContainer.extended.bottom #dash .dash-background, #dashtodockContainer.extended.right #dash .dash-background, #dashtodockContainer.extended.left #dash .dash-background {
+ border-radius: 0;
+ margin-left: 0;
+ margin-right: 0;
+ margin-top: 0;
+ margin-bottom: 0;
+}
+
+#dashtodockContainer.left #dash, #dashtodockContainer.right #dash {
+ margin-top: 0;
+ padding: 10px 0;
+}
+
+#dashtodockContainer.left #dash .dash-background, #dashtodockContainer.right #dash .dash-background {
+ margin-bottom: 0;
+}
+
+#dashtodockContainer.left .dash-item-container .app-well-app, #dashtodockContainer.left .show-apps, #dashtodockContainer.right .dash-item-container .app-well-app, #dashtodockContainer.right .show-apps {
+ padding: 6px;
+}
+
+#dashtodockContainer.left #dash {
+ margin-left: 6px;
+}
+
+#dashtodockContainer.right #dash {
+ margin-right: 6px;
+}
+
+#dashtodockContainer.dashtodock #dash .dash-background {
+ background-color: #212121;
+}
+
+#dashtodockContainer #dash .dash-background {
+ background-color: #212121;
+}
+
+#dashtodockContainer .app-well-app-running-dot {
+ background-color: rgba(255, 255, 255, 0.3) !important;
+}
+
+#dashtodockContainer StWidget.focused .app-well-app-running-dot {
+ background-color: #5b9bf8 !important;
+}
+
+#dashtodockContainer:overview #dash .app-well-app-running-dot {
+ background-color: rgba(255, 255, 255, 0.3) !important;
+}
+
+#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot {
+ background-color: #5b9bf8 !important;
+}
+
+#dashtodockContainer .show-apps .overview-icon,
+#dashtodockContainer .app-well-app .overview-icon {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+#dashtodockContainer .show-apps:hover .overview-icon, #dashtodockContainer .show-apps:focus .overview-icon, #dashtodockContainer .show-apps:selected .overview-icon,
+#dashtodockContainer .app-well-app:hover .overview-icon,
+#dashtodockContainer .app-well-app:focus .overview-icon,
+#dashtodockContainer .app-well-app:selected .overview-icon {
+ background-color: rgba(255, 255, 255, 0.12);
+}
+
+#dashtodockContainer .show-apps:active .overview-icon, #dashtodockContainer .show-apps:checked .overview-icon,
+#dashtodockContainer .app-well-app:active .overview-icon,
+#dashtodockContainer .app-well-app:checked .overview-icon {
+ background-color: rgba(255, 255, 255, 0.3);
+}
+
+#dashtodockContainer:overview #dash .show-apps .overview-icon, #dashtodockContainer:overview #dash .app-well-app .overview-icon {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+#dashtodockContainer:overview #dash .show-apps:hover .overview-icon, #dashtodockContainer:overview #dash .show-apps:focus .overview-icon, #dashtodockContainer:overview #dash .show-apps:selected .overview-icon, #dashtodockContainer:overview #dash .app-well-app:hover .overview-icon, #dashtodockContainer:overview #dash .app-well-app:focus .overview-icon, #dashtodockContainer:overview #dash .app-well-app:selected .overview-icon {
+ background-color: rgba(255, 255, 255, 0.12);
+}
+
+#dashtodockContainer:overview #dash .show-apps:active .overview-icon, #dashtodockContainer:overview #dash .show-apps:checked .overview-icon, #dashtodockContainer:overview #dash .app-well-app:active .overview-icon, #dashtodockContainer:overview #dash .app-well-app:checked .overview-icon {
+ background-color: rgba(255, 255, 255, 0.3);
+}
+
+#dashtodockContainer .app-well-app-running-dot {
+ background-color: rgba(255, 255, 255, 0.3);
+}
+
+#dashtodockContainer StWidget.focused .app-well-app-running-dot {
+ background-color: #5b9bf8;
+}
+
+#dashtodockContainer.opaque #dash .dash-background {
+ background-color: #212121;
+}
+
+#dashtodockContainer.transparent #dash .dash-background {
+ background-color: rgba(33, 33, 33, 0.35);
+}
+
+#dashtodockContainer:overview #dash .dash-background {
+ background-color: rgba(255, 255, 255, 0.12);
+}
+
+#dashtodockContainer.opaque:overview #dash .dash-background, #dashtodockContainer.transparent:overview #dash .dash-background {
+ background-color: transparent !important;
+ box-shadow: none !important;
+}
+
+#dashtodockContainer.extended:overview #dash .dash-background, #dashtodockContainer.opaque.extended:overview #dash .dash-background, #dashtodockContainer.transparent.extended:overview #dash .dash-background {
+ background-color: #212121;
+}
+
+#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton {
+ transition-duration: 250ms;
+ background-size: contain;
+}
+
+#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton {
+ padding: 1px 2px;
+}
+
+#dashtodockContainer.extended .app-well-app .overview-icon,
+#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon,
+#dashtodockContainer.extended:overview .show-apps .overview-icon {
+ border-radius: 6px;
+}
+
+#dashtodockContainer .metro .overview-icon {
+ border-radius: 0;
+}
+
+.dashtodock-app-well-preview-menu-item {
+ padding: 1em 1em 0.5em 1em;
+}
+
+#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal {
+ width: 1px;
+ height: auto;
+ border-right-width: 1px;
+ margin: 32px 0;
+}
+
+.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box {
+ border: 1px solid transparent;
+}
+
+.openweather-provider {
+ padding: 0 16px;
+ font-weight: 500;
+ border: 1px solid transparent;
+}
+
+.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox {
+ background: none;
+ color: #FFFFFF;
+}
+
+.openweather-current-databox-values {
+ background: none;
+ color: rgba(255, 255, 255, 0.5);
+}
+
+.openweather-current-databox-captions {
+ background: none;
+ color: rgba(255, 255, 255, 0.5);
+}
+
+.openweather-forecast-icon, .openweather-forecast-summary {
+ background: none;
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.openweather-forecast-day, .openweather-forecast-temperature {
+ background: none;
+ color: rgba(255, 255, 255, 0.5);
+}
+
+.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon {
+ color: rgba(255, 255, 255, 0.7);
+}
diff --git a/src/main/gnome-shell/gnome-shell-dark.scss b/src/main/gnome-shell/gnome-shell-Dark.scss
similarity index 100%
rename from src/main/gnome-shell/gnome-shell-dark.scss
rename to src/main/gnome-shell/gnome-shell-Dark.scss
diff --git a/src/main/gnome-shell/gnome-shell-Light.css b/src/main/gnome-shell/gnome-shell-Light.css
new file mode 100644
index 00000000..834fb680
--- /dev/null
+++ b/src/main/gnome-shell/gnome-shell-Light.css
@@ -0,0 +1,3356 @@
+/* This stylesheet is generated, DO NOT EDIT */
+/* Copyright 2009, 2015 Red Hat, Inc.
+ *
+ * Portions adapted from Mx's data/style/default.css
+ * Copyright 2009 Intel Corporation
+ *
+ * This program is free software; you can redistribute it and/or modify it
+ * under the terms and conditions of the GNU Lesser General Public License,
+ * version 2.1, as published by the Free Software Foundation.
+ *
+ * This program is distributed in the hope it will be useful, but WITHOUT ANY
+ * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS
+ * FOR A PARTICULAR PURPOSE. See the GNU Lesser General Public License for
+ * more details.
+ *
+ * You should have received a copy of the GNU Lesser General Public License
+ * along with this program; if not, write to the Free Software Foundation,
+ * Inc., 51 Franklin St - Fifth Floor, Boston, MA 02110-1301 USA.
+ */
+stage {
+ font-size: 11pt;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.ripple-pointer-location {
+ width: 48px;
+ height: 48px;
+ border-radius: 24px;
+ background-color: rgba(207, 225, 253, 0.3);
+ box-shadow: 0 0 2px 2px #9ec2fb;
+}
+
+.pie-timer {
+ width: 60px;
+ height: 60px;
+ -pie-border-width: 3px;
+ -pie-border-color: #3c84f7;
+ -pie-background-color: rgba(255, 255, 255, 0.3);
+}
+
+.magnifier-zoom-region {
+ border: 2px solid #3c84f7;
+}
+
+.magnifier-zoom-region.full-screen {
+ border-width: 0;
+}
+
+/* App Icons */
+.show-apps .overview-icon,
+.app-well-app .overview-icon,
+.grid-search-result .overview-icon {
+ color: rgba(255, 255, 255, 0.7);
+ border-radius: 16px;
+ padding: 6px;
+ border: none;
+ transition-duration: 100ms;
+ text-align: center;
+}
+
+.show-apps:hover .overview-icon, .show-apps:focus .overview-icon, .show-apps:selected .overview-icon,
+.app-well-app:hover .overview-icon,
+.app-well-app:focus .overview-icon,
+.app-well-app:selected .overview-icon,
+.grid-search-result:hover .overview-icon,
+.grid-search-result:focus .overview-icon,
+.grid-search-result:selected .overview-icon {
+ background-color: rgba(255, 255, 255, 0.12);
+ border-image: none;
+ background-image: none;
+}
+
+.show-apps:active .overview-icon, .show-apps:checked .overview-icon,
+.app-well-app:active .overview-icon,
+.app-well-app:checked .overview-icon,
+.grid-search-result:active .overview-icon,
+.grid-search-result:checked .overview-icon {
+ background-color: rgba(255, 255, 255, 0.3);
+ box-shadow: none;
+}
+
+.app-well-app.app-folder {
+ border-radius: 16px;
+}
+
+.app-well-app.app-folder, .app-well-app.app-folder:hover, .app-well-app.app-folder:active {
+ background-color: transparent;
+}
+
+.app-well-app.app-folder .overview-icon {
+ background-color: rgba(255, 255, 255, 0.12);
+ border-radius: 16px;
+}
+
+.app-well-app.app-folder:hover .overview-icon {
+ background-color: rgba(255, 255, 255, 0.2);
+}
+
+.app-well-app.app-folder:active .overview-icon {
+ background-color: rgba(255, 255, 255, 0.3);
+}
+
+.app-folder-dialog {
+ border-radius: 36px;
+ padding: 12px;
+ background-color: #212121;
+ border: 1px solid black;
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
+}
+
+.app-folder-dialog .folder-name-container {
+ padding: 24px 36px 0;
+ spacing: 12px;
+ /* FIXME: this is to keep the label in sync with the entry */
+}
+
+.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry {
+ font-size: 18pt;
+ font-weight: bold;
+}
+
+.app-folder-dialog .folder-name-container .folder-name-entry {
+ width: 300px;
+ border: none;
+ caret-color: #FFFFFF;
+}
+
+.app-folder-dialog .folder-name-container .folder-name-entry:focus {
+ background-color: rgba(255, 255, 255, 0.12);
+ color: #FFFFFF;
+}
+
+.app-folder-dialog .folder-name-container .folder-name-label {
+ padding: 9px 8px;
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.app-folder-dialog .folder-name-container .edit-folder-button {
+ background-color: rgba(255, 255, 255, 0.06);
+ color: rgba(255, 255, 255, 0.7);
+ border: none;
+ padding: 0;
+ width: 36px;
+ height: 36px;
+ border-radius: 9999px;
+}
+
+.app-folder-dialog .folder-name-container .edit-folder-button > StIcon {
+ icon-size: 16px;
+}
+
+.app-folder-dialog .folder-name-container .edit-folder-button:hover {
+ background-color: rgba(255, 255, 255, 0.12);
+}
+
+.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active {
+ background-color: #3c84f7;
+ color: #FFFFFF;
+}
+
+.app-folder-dialog .icon-grid {
+ row-spacing: 12px;
+ column-spacing: 30px;
+ page-padding-top: 0;
+ page-padding-bottom: 0;
+ page-padding-left: 0;
+ page-padding-right: 0;
+}
+
+.app-folder-dialog .page-indicators {
+ margin-bottom: 18px;
+}
+
+.app-folder-dialog-container {
+ padding: 6px;
+ width: 620px;
+ height: 620px;
+}
+
+.app-well-app-running-dot {
+ width: 6px;
+ height: 3px;
+ border-radius: 2px;
+ background-color: rgba(255, 255, 255, 0.3);
+ margin-bottom: 0;
+}
+
+StWidget.focused .app-well-app-running-dot {
+ width: 24px;
+ background-color: #3c84f7 !important;
+}
+
+.app-menu,
+.app-well-menu {
+ max-width: 27.25em;
+}
+
+.rename-folder-popup .rename-folder-popup-item {
+ spacing: 6px;
+}
+
+.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl {
+ padding: 0 12px;
+}
+
+.system-action-icon {
+ box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
+ background-color: #212121;
+ color: #FFFFFF;
+ border-radius: 9999px;
+ icon-size: 48px;
+}
+
+.shell-link {
+ border-radius: 6px;
+ color: #3c84f7;
+}
+
+.shell-link:hover {
+ color: #3c84f7;
+ background-color: rgba(60, 132, 247, 0.15);
+}
+
+.shell-link:active {
+ color: #3c84f7;
+ background-color: rgba(60, 132, 247, 0.25);
+}
+
+.lowres-icon {
+ icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
+}
+
+.icon-dropshadow {
+ icon-shadow: 0 1px 5px rgba(0, 0, 0, 0.8);
+}
+
+/* Buttons */
+.hotplug-notification-item {
+ color: rgba(0, 0, 0, 0.87);
+ background-color: #FFFFFF;
+ box-shadow: none !important;
+}
+
+.hotplug-notification-item:focus {
+ color: rgba(0, 0, 0, 0.87);
+ background-color: rgba(0, 0, 0, 0.08);
+ box-shadow: none !important;
+}
+
+.hotplug-notification-item:hover {
+ color: rgba(0, 0, 0, 0.87);
+ background-color: rgba(0, 0, 0, 0.12);
+ box-shadow: none !important;
+}
+
+.hotplug-notification-item:active {
+ color: rgba(0, 0, 0, 0.87);
+ background-color: rgba(0, 0, 0, 0.2);
+ box-shadow: none !important;
+}
+
+.hotplug-notification-item:insensitive {
+ color: rgba(0, 0, 0, 0.35);
+ background-color: #FFFFFF;
+ box-shadow: none !important;
+}
+
+.lg-obj-inspector-button, .candidate-page-button, .modal-dialog-linked-button, .popup-menu .button {
+ color: rgba(0, 0, 0, 0.87);
+ background-color: transparent;
+ box-shadow: none !important;
+}
+
+.lg-obj-inspector-button:focus, .candidate-page-button:focus, .modal-dialog-linked-button:focus, .popup-menu .button:focus {
+ color: rgba(0, 0, 0, 0.87);
+ background-color: rgba(0, 0, 0, 0.08);
+ box-shadow: none !important;
+}
+
+.lg-obj-inspector-button:hover, .candidate-page-button:hover, .modal-dialog-linked-button:hover, .popup-menu .button:hover {
+ color: rgba(0, 0, 0, 0.87);
+ background-color: rgba(0, 0, 0, 0.12);
+}
+
+.lg-obj-inspector-button:active, .candidate-page-button:active, .modal-dialog-linked-button:active, .popup-menu .button:active {
+ color: rgba(0, 0, 0, 0.87);
+ background-color: rgba(0, 0, 0, 0.2);
+ box-shadow: none !important;
+}
+
+.lg-obj-inspector-button:insensitive, .candidate-page-button:insensitive, .modal-dialog-linked-button:insensitive, .popup-menu .button:insensitive {
+ background-color: transparent;
+ color: rgba(0, 0, 0, 0.35);
+ box-shadow: none !important;
+}
+
+.button {
+ min-height: 32px;
+ padding: 0 12px;
+ border-radius: 6px;
+ border: none;
+}
+
+/* Date/Time Menu */
+.popup-menu .message, .world-clocks-button,
+.weather-button,
+.events-button {
+ color: rgba(0, 0, 0, 0.6);
+ background-color: rgba(0, 0, 0, 0.04);
+ border-radius: 6px;
+ border: none;
+ box-shadow: none;
+ text-shadow: none;
+}
+
+.popup-menu .message:hover, .world-clocks-button:hover,
+.weather-button:hover,
+.events-button:hover, .popup-menu .message:focus, .world-clocks-button:focus,
+.weather-button:focus,
+.events-button:focus {
+ color: rgba(0, 0, 0, 0.87);
+ background-color: rgba(0, 0, 0, 0.12);
+ box-shadow: none;
+}
+
+.popup-menu .message:active, .world-clocks-button:active,
+.weather-button:active,
+.events-button:active {
+ color: rgba(0, 0, 0, 0.87);
+ background-color: rgba(0, 0, 0, 0.2);
+ box-shadow: none;
+}
+
+.clock-display-box {
+ spacing: 2px;
+}
+
+.clock-display-box .clock {
+ padding-left: 12px;
+ padding-right: 12px;
+}
+
+#calendarArea {
+ padding: 6px 0;
+}
+
+.datemenu-calendar-column {
+ spacing: 6px;
+ border: 0 solid rgba(0, 0, 0, 0.12);
+ padding: 0 12px;
+}
+
+.datemenu-calendar-column:ltr {
+ margin-right: 8px;
+ border-left-width: 0;
+}
+
+.datemenu-calendar-column:rtl {
+ margin-left: 8px;
+ border-right-width: 0;
+}
+
+.datemenu-calendar-column .datemenu-displays-section {
+ padding-bottom: 0;
+}
+
+.datemenu-calendar-column .datemenu-displays-box {
+ spacing: 6px;
+}
+
+.world-clocks-header,
+.weather-header,
+.events-section-title {
+ color: rgba(0, 0, 0, 0.6);
+ font-weight: bold;
+}
+
+.datemenu-today-button,
+.datemenu-displays-box,
+.message-list-sections {
+ margin: 4px 6px;
+}
+
+/* today button (the date) */
+.datemenu-today-button {
+ border: none;
+ box-shadow: none;
+ background: none;
+ padding: 6px;
+ margin: 0 12px;
+ text-shadow: none;
+ color: rgba(0, 0, 0, 0.6);
+ border-radius: 12px;
+}
+
+.datemenu-today-button:hover, .datemenu-today-button:focus {
+ background-color: rgba(0, 0, 0, 0.12);
+}
+
+.datemenu-today-button:active {
+ background-color: rgba(0, 0, 0, 0.2);
+}
+
+.datemenu-today-button .day-label {
+ font-size: 12pt;
+ font-weight: bold;
+}
+
+.datemenu-today-button .date-label {
+ font-size: 18pt;
+ font-weight: normal;
+}
+
+/* Calendar */
+.calendar {
+ border: none;
+ box-shadow: none;
+ background-color: transparent;
+ padding: 0 6px !important;
+ margin: 0 !important;
+ text-shadow: none;
+ border-radius: 12px;
+}
+
+.calendar .calendar-month-label {
+ padding: 6px 0;
+ color: rgba(0, 0, 0, 0.6);
+ font-weight: bold;
+ text-align: center;
+ text-shadow: none;
+ font-size: 12pt;
+}
+
+.calendar .calendar-change-month-back,
+.calendar .calendar-change-month-forward {
+ padding: 0 0 !important;
+ margin: 3px 0 !important;
+}
+
+.calendar .calendar-change-month-back StIcon,
+.calendar .calendar-change-month-forward StIcon {
+ icon-size: 16px;
+}
+
+.calendar .pager-button {
+ width: 32px;
+ height: 32px;
+ margin: 2px;
+ border-radius: 9999px;
+ background-color: transparent;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.calendar .pager-button:hover, .calendar .pager-button:focus {
+ background-color: rgba(0, 0, 0, 0.12);
+}
+
+.calendar .pager-button:active {
+ background-color: rgba(0, 0, 0, 0.26);
+}
+
+.calendar .calendar-day-base {
+ font-size: 10pt;
+ text-align: center;
+ width: 34px;
+ height: 34px;
+ padding: 0;
+ margin: 2px;
+ border-radius: 9999px;
+ color: rgba(0, 0, 0, 0.6);
+ border: none;
+ font-feature-settings: "tnum";
+}
+
+.calendar .calendar-day-base:hover, .calendar .calendar-day-base:focus {
+ background-color: rgba(0, 0, 0, 0.12);
+}
+
+.calendar .calendar-day-base:active, .calendar .calendar-day-base:selected {
+ color: rgba(0, 0, 0, 0.87);
+ background-color: rgba(0, 0, 0, 0.26);
+ border-color: transparent;
+}
+
+.calendar .calendar-day-base.calendar-day-heading {
+ margin-top: 1em;
+ color: rgba(0, 0, 0, 0.38);
+ font-size: 10pt;
+}
+
+.calendar .calendar-day {
+ border-width: 0;
+}
+
+.calendar .calendar-day-top {
+ border-top-width: 0;
+}
+
+.calendar .calendar-day-left {
+ border-left-width: 0;
+}
+
+.calendar .calendar-nonwork-day {
+ color: rgba(0, 0, 0, 0.38);
+ font-weight: bold;
+}
+
+.calendar .calendar-today {
+ font-weight: bold;
+ color: rgba(0, 0, 0, 0.6) !important;
+ background-color: rgba(0, 0, 0, 0.06);
+ border: none;
+}
+
+.calendar .calendar-today:hover, .calendar .calendar-today:focus {
+ background-color: rgba(0, 0, 0, 0.12);
+ color: rgba(0, 0, 0, 0.87) !important;
+}
+
+.calendar .calendar-today:active {
+ background-color: #2475f6;
+ color: #FFFFFF !important;
+}
+
+.calendar .calendar-today:selected {
+ background-color: #3c84f7;
+ color: #FFFFFF !important;
+}
+
+.calendar .calendar-today:selected:hover, .calendar .calendar-today:selected:focus {
+ background-color: #639df9;
+ color: #FFFFFF !important;
+}
+
+.calendar .calendar-day-with-events {
+ color: rgba(0, 0, 0, 0.6);
+ background-image: url("assets/calendar-today.svg");
+}
+
+.calendar .calendar-day-with-events.calendar-work-day {
+ color: rgba(0, 0, 0, 0.6);
+ font-weight: bold;
+}
+
+.calendar .calendar-other-month-day {
+ color: rgba(0, 0, 0, 0.26);
+ opacity: 0.5;
+}
+
+.calendar .calendar-week-number {
+ width: 26px;
+ height: 20px;
+ margin: 6px 2px !important;
+ padding: 0 0;
+ border-radius: 6px;
+ background-color: rgba(0, 0, 0, 0.04);
+ color: rgba(0, 0, 0, 0.38);
+ font-size: inherit;
+ font-weight: bold;
+ text-align: center;
+}
+
+.world-clocks-button,
+.weather-button,
+.events-button {
+ padding: 12px !important;
+ margin: 2px 0 !important;
+}
+
+.events-button .events-box {
+ spacing: 6px;
+}
+
+.events-button .events-list {
+ spacing: 12px;
+ text-shadow: none;
+}
+
+.events-button .events-title {
+ color: rgba(0, 0, 0, 0.38);
+ font-weight: bold;
+ text-shadow: none;
+}
+
+.events-button .event-time {
+ color: rgba(0, 0, 0, 0.38);
+ font-feature-settings: "tnum";
+ font-size: 10pt;
+}
+
+.world-clocks-button .world-clocks-city {
+ color: rgba(0, 0, 0, 0.38);
+ font-weight: bold;
+ font-size: 11pt;
+}
+
+.world-clocks-button .world-clocks-time {
+ color: rgba(0, 0, 0, 0.38);
+ font-feature-settings: "tnum";
+ font-size: 11pt;
+}
+
+.world-clocks-button .world-clocks-time:ltr {
+ text-align: right;
+}
+
+.world-clocks-button .world-clocks-time:rtl {
+ text-align: left;
+}
+
+.world-clocks-button .world-clocks-timezone {
+ color: rgba(0, 0, 0, 0.38);
+ font-feature-settings: "tnum";
+ font-size: 10pt;
+}
+
+.world-clocks-grid,
+.weather-grid {
+ spacing-rows: 0.4em;
+ spacing-columns: 0.8em;
+}
+
+.weather-button {
+ margin-bottom: 6px !important;
+}
+
+.weather-button .weather-box {
+ spacing: 10px;
+}
+
+.weather-button .weather-header-box {
+ spacing: 6px;
+}
+
+.weather-button .weather-header {
+ color: rgba(0, 0, 0, 0.6);
+ font-weight: bold;
+}
+
+.weather-button .weather-header.location {
+ font-weight: normal;
+ color: rgba(0, 0, 0, 0.38);
+ font-size: 10pt;
+}
+
+.weather-button .weather-grid {
+ spacing-rows: 6px;
+ spacing-columns: 12px;
+}
+
+.weather-button .weather-forecast-time {
+ color: rgba(0, 0, 0, 0.6);
+ font-feature-settings: "tnum";
+ font-size: 9pt;
+ font-weight: normal;
+ padding-top: 0.2em;
+ padding-bottom: 0.4em;
+}
+
+.weather-button .weather-forecast-icon {
+ icon-size: 32px;
+}
+
+.weather-button .weather-forecast-temp {
+ font-weight: bold;
+}
+
+/* Check Boxes */
+.check-box StBoxLayout {
+ spacing: .8em;
+}
+
+.check-box StBin {
+ width: 24px;
+ height: 24px;
+ padding: 3px;
+}
+
+.check-box StBin, .check-box:focus StBin {
+ background-image: url("assets/checkbox-off.svg");
+}
+
+.check-box:hover StBin {
+ background-image: url("assets/checkbox-off-hover.svg");
+}
+
+.check-box:active StBin {
+ background-image: url("assets/checkbox-off-active.svg");
+}
+
+.check-box:checked StBin, .check-box:focus:checked StBin {
+ background-image: url("assets/checkbox.svg");
+}
+
+/* Activities Ripple */
+.ripple-box {
+ background-color: rgba(60, 132, 247, 0.35);
+ box-shadow: 0 0 2px 2px #9ec2fb;
+ width: 52px;
+ height: 52px;
+ border-radius: 0 0 52px 0;
+}
+
+.ripple-box:rtl {
+ border-radius: 0 0 0 52px;
+}
+
+/* Dash */
+#dash {
+ font-size: 9pt;
+}
+
+#dash .empty-dash-drop-target {
+ width: 32px;
+ height: 32px;
+}
+
+.dash-label {
+ color: rgba(255, 255, 255, 0.9);
+ background-color: rgba(0, 0, 0, 0.75);
+ border-radius: 9999px;
+ padding: 6px 12px;
+ box-shadow: none;
+ border: none;
+ text-align: center;
+ -y-offset: 12px;
+ -x-offset: 8px;
+}
+
+/* Modal Dialogs */
+.candidate-popup-content, .modal-dialog {
+ background-color: #FFFFFF;
+ border-radius: 12px;
+ border: 1px solid rgba(0, 0, 0, 0.12);
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.15);
+}
+
+.modal-dialog-linked-button:last-child {
+ color: #FFFFFF;
+ background-color: #3c84f7;
+}
+
+.modal-dialog-linked-button:hover:last-child {
+ color: #FFFFFF;
+ background-color: #68a0f9;
+}
+
+.modal-dialog-linked-button:active:last-child {
+ color: #FFFFFF;
+ background-color: #2475f6;
+}
+
+.modal-dialog-linked-button:insensitive:last-child {
+ background-color: rgba(60, 132, 247, 0.05);
+ color: rgba(60, 132, 247, 0.35);
+}
+
+.headline {
+ font-size: 12pt;
+}
+
+.modal-dialog {
+ color: rgba(0, 0, 0, 0.6);
+ padding: 0 6px 6px 6px;
+}
+
+.modal-dialog-linked-button {
+ min-height: 32px;
+ padding: 6px;
+ margin: 3px;
+ border: none !important;
+ border-radius: 6px;
+}
+
+.modal-dialog-linked-button:first-child {
+ background-color: rgba(0, 0, 0, 0.04);
+}
+
+.modal-dialog-linked-button:first-child:focus {
+ color: rgba(0, 0, 0, 0.87);
+ background-color: rgba(0, 0, 0, 0.08);
+ box-shadow: none !important;
+}
+
+.modal-dialog-linked-button:first-child:hover {
+ color: rgba(0, 0, 0, 0.87);
+ background-color: rgba(0, 0, 0, 0.12);
+}
+
+.modal-dialog-linked-button:first-child:active {
+ color: rgba(0, 0, 0, 0.87);
+ background-color: rgba(0, 0, 0, 0.2);
+ box-shadow: none !important;
+}
+
+.modal-dialog .modal-dialog-content-box {
+ margin: 30px 42px;
+ spacing: 30px;
+ max-width: 28em;
+}
+
+.end-session-dialog {
+ width: 30em;
+}
+
+.end-session-dialog .end-session-dialog-battery-warning,
+.end-session-dialog .dialog-list-title {
+ color: #FFD600;
+}
+
+.message-dialog-content {
+ spacing: 18px;
+}
+
+.message-dialog-content .message-dialog-title {
+ text-align: center;
+ font-size: 18pt;
+ font-weight: 800;
+}
+
+.message-dialog-content .message-dialog-title.lightweight {
+ font-size: 13pt;
+ font-weight: 800;
+}
+
+.message-dialog-content .message-dialog-description {
+ text-align: center;
+}
+
+.dialog-list {
+ spacing: 18px;
+}
+
+.dialog-list .dialog-list-title {
+ text-align: center;
+ font-weight: bold;
+}
+
+.dialog-list .dialog-list-scrollview {
+ max-height: 200px;
+}
+
+.dialog-list .dialog-list-box {
+ spacing: 1em;
+}
+
+.dialog-list .dialog-list-box .dialog-list-item {
+ spacing: 1em;
+}
+
+.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title {
+ font-weight: bold;
+}
+
+.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description {
+ color: rgba(0, 0, 0, 0.6);
+ font-size: 10pt;
+}
+
+.run-dialog .modal-dialog-content-box {
+ margin-top: 24px;
+ margin-bottom: 12px;
+}
+
+.run-dialog .run-dialog-entry {
+ width: 20em;
+}
+
+.run-dialog .run-dialog-description {
+ text-align: center;
+ color: rgba(0, 0, 0, 0.6);
+ font-size: 10pt;
+}
+
+.prompt-dialog {
+ width: 28em;
+}
+
+.prompt-dialog .modal-dialog-content-box {
+ margin-bottom: 24px;
+}
+
+.prompt-dialog-password-grid {
+ spacing-rows: 8px;
+ spacing-columns: 4px;
+}
+
+.prompt-dialog-password-grid .prompt-dialog-password-entry {
+ width: auto;
+}
+
+.prompt-dialog-password-grid .prompt-dialog-password-entry:ltr {
+ margin-left: 20px;
+}
+
+.prompt-dialog-password-grid .prompt-dialog-password-entry:rtl {
+ margin-right: 20px;
+}
+
+.prompt-dialog-password-layout {
+ spacing: 8px;
+}
+
+.prompt-dialog-password-entry {
+ width: 20em;
+}
+
+.prompt-dialog-error-label,
+.prompt-dialog-info-label,
+.prompt-dialog-null-label {
+ text-align: center;
+ font-size: 10pt;
+ margin: 6px;
+}
+
+.prompt-dialog-error-label {
+ color: #E53935;
+}
+
+.prompt-dialog-info-label,
+.prompt-dialog-null-label {
+ color: rgba(0, 0, 0, 0.38);
+}
+
+.polkit-dialog-user-layout {
+ text-align: center;
+ spacing: 8px;
+ margin-bottom: 6px;
+}
+
+.polkit-dialog-user-layout .polkit-dialog-user-root-label {
+ color: #FFD600;
+}
+
+.audio-device-selection-dialog .modal-dialog-content-box {
+ margin-bottom: 28px;
+}
+
+.audio-device-selection-dialog .audio-selection-box {
+ spacing: 20px;
+}
+
+.audio-selection-device {
+ border: 1px solid rgba(0, 0, 0, 0.12);
+ border-radius: 6px;
+}
+
+.audio-selection-device:hover, .audio-selection-device:focus {
+ background-color: rgba(0, 0, 0, 0.12);
+}
+
+.audio-selection-device:active {
+ background-color: #3c84f7;
+ color: #FFFFFF;
+}
+
+.audio-selection-device-box {
+ padding: 18px;
+ spacing: 18px;
+}
+
+.audio-selection-device-icon {
+ icon-size: 64px;
+}
+
+.welcome-dialog-image {
+ background-image: url("resource:///org/gnome/shell/theme/gnome-shell-start.svg");
+ background-size: contain;
+ height: 300px;
+ width: 300px;
+}
+
+/* Entries */
+StEntry, .popup-menu .search-entry {
+ min-height: 32px;
+ padding: 2px 12px;
+ margin: 2px;
+ border-width: 0;
+ border-radius: 6px;
+ color: rgba(0, 0, 0, 0.87);
+ caret-color: rgba(0, 0, 0, 0.87);
+ selection-background-color: #3c84f7;
+ selected-color: #FFFFFF;
+ color: rgba(0, 0, 0, 0.87);
+ background-color: rgba(0, 0, 0, 0.04);
+ border: 2px solid transparent;
+ box-shadow: none;
+}
+
+StEntry:hover, .popup-menu .search-entry:hover {
+ color: rgba(0, 0, 0, 0.87);
+ border-color: rgba(0, 0, 0, 0.26);
+ background-color: rgba(0, 0, 0, 0.04);
+}
+
+StEntry:focus, .popup-menu .search-entry:focus {
+ color: rgba(0, 0, 0, 0.87);
+ border-color: #3c84f7;
+ background-color: rgba(0, 0, 0, 0.04);
+ box-shadow: none;
+}
+
+StEntry:insensitive, .popup-menu .search-entry:insensitive {
+ background-color: rgba(0, 0, 0, 0.04);
+ color: rgba(0, 0, 0, 0.35);
+ border-color: transparent;
+}
+
+StEntry StIcon.capslock-warning, .popup-menu .search-entry StIcon.capslock-warning {
+ icon-size: 16px;
+ warning-color: #FFD600;
+ padding: 0 0;
+}
+
+StEntry StIcon.peek-password, .popup-menu .search-entry StIcon.peek-password {
+ icon-size: 16px;
+ padding: 0 4px;
+}
+
+StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text {
+ margin-left: 2px;
+ color: rgba(0, 0, 0, 0.38);
+}
+
+.hotplug-notification-item {
+ padding: 12px;
+ border-style: solid;
+ border-width: 0;
+ border-left-width: 0;
+ border-bottom-width: 0;
+}
+
+.hotplug-notification-item:first-child {
+ border-radius: 0 0 0 6px;
+}
+
+.hotplug-notification-item:last-child {
+ border-right-width: 0;
+ border-radius: 0 0 6px 0;
+}
+
+.hotplug-notification-item:first-child:last-child {
+ border-radius: 0 0 6px 6px;
+}
+
+.hotplug-notification-item-icon {
+ icon-size: 24px;
+ padding: 0 4px;
+}
+
+.candidate-popup-boxpointer {
+ -arrow-border-radius: 2px;
+ -arrow-background-color: transparent;
+ -arrow-border-width: 0;
+ -arrow-border-color: transparent;
+ -arrow-base: 64px;
+ -arrow-rise: 12px;
+}
+
+.candidate-popup-content {
+ color: rgba(0, 0, 0, 0.6);
+ box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.35);
+ border: none;
+ margin: 3px 8px;
+ padding: 6px;
+ spacing: 6px;
+}
+
+.candidate-index {
+ padding: 0 0.5em 0 0;
+ color: rgba(0, 0, 0, 0.6);
+}
+
+.candidate-box:selected .candidate-index {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.candidate-box {
+ padding: 0.3em 0.5em 0.3em 0.5em;
+ margin-right: 2px;
+ border-radius: 6px;
+ color: rgba(0, 0, 0, 0.6);
+}
+
+.candidate-box:hover {
+ background-color: rgba(0, 0, 0, 0.12);
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.candidate-box:active {
+ background-color: rgba(0, 0, 0, 0.26);
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.candidate-box:selected {
+ background-color: #3c84f7;
+ color: #FFFFFF;
+}
+
+.candidate-box:last-child {
+ margin-right: 0;
+}
+
+.candidate-page-button-box {
+ height: 2em;
+}
+
+.vertical .candidate-page-button-box {
+ padding-top: 0.5em;
+}
+
+.horizontal .candidate-page-button-box {
+ padding-left: 0.5em;
+}
+
+.candidate-page-button {
+ padding: 4px 8px;
+}
+
+.candidate-page-button-previous,
+.candidate-page-button-next {
+ border-radius: 6px;
+}
+
+.candidate-page-button-icon {
+ icon-size: 1em;
+}
+
+/* On-screen Keyboard */
+#keyboard {
+ background-color: #d8dade;
+ box-shadow: none;
+}
+
+#keyboard .page-indicator {
+ padding: 6px;
+}
+
+#keyboard .page-indicator .page-indicator-icon {
+ width: 8px;
+ height: 8px;
+}
+
+.key-container,
+.keyboard-layout {
+ padding: 4px;
+ spacing: 4px;
+}
+
+.keyboard-key {
+ font-size: 16pt;
+ font-weight: bold;
+ min-height: 1.2em;
+ min-width: 1.2em;
+ padding: 0 !important;
+ border-radius: 9px;
+ border: none;
+ color: rgba(0, 0, 0, 0.6);
+ background-color: white;
+ box-shadow: inset 0 -1px rgba(0, 0, 0, 0.35);
+}
+
+.keyboard-key:focus, .keyboard-key:hover {
+ color: rgba(0, 0, 0, 0.87);
+ background-color: #f2f2f2;
+}
+
+.keyboard-key:checked, .keyboard-key:active {
+ color: rgba(0, 0, 0, 0.87);
+ background-color: #e6e6e6;
+}
+
+.keyboard-key:grayed {
+ background-color: #adb3bc;
+ color: rgba(0, 0, 0, 0.6);
+}
+
+.keyboard-key.default-key {
+ background-color: #adb3bc;
+ box-shadow: inset 0 -1px rgba(0, 0, 0, 0.2);
+}
+
+.keyboard-key.default-key:focus, .keyboard-key.default-key:hover {
+ color: rgba(0, 0, 0, 0.87);
+ background-color: #9fa6b1;
+}
+
+.keyboard-key.default-key:checked, .keyboard-key.default-key:active {
+ color: rgba(0, 0, 0, 0.87);
+ background-color: #8b94a0;
+}
+
+.keyboard-key.enter-key {
+ color: #FFFFFF;
+ background-color: #3c84f7;
+}
+
+.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover {
+ color: #FFFFFF;
+ background-color: #5493f8;
+}
+
+.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active {
+ color: #FFFFFF;
+ background-color: #0b65f5;
+}
+
+.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active {
+ color: #3c84f7;
+}
+
+.keyboard-key StIcon {
+ icon-size: 1.125em;
+}
+
+.keyboard-subkeys {
+ color: inherit;
+ -arrow-border-radius: 12px;
+ -arrow-background-color: rgba(199, 201, 205, 0.987);
+ -arrow-border-width: 0;
+ -arrow-border-color: transparent;
+ -arrow-base: 20px;
+ -arrow-rise: 10px;
+ -boxpointer-gap: 6px;
+ box-shadow: inset 0 -1px rgba(0, 0, 0, 0.35);
+}
+
+.emoji-page .keyboard-key {
+ background-color: transparent;
+ border: none;
+ color: initial;
+}
+
+.emoji-panel .keyboard-key:latched {
+ border: none;
+ background-color: #3c84f7;
+}
+
+.word-suggestions {
+ font-size: 14pt;
+ spacing: 12px;
+ min-height: 20pt;
+}
+
+/* Login Dialog */
+#lockDialogGroup {
+ background-color: #212121;
+}
+
+.login-dialog-banner-view {
+ padding-top: 24px;
+ max-width: 23em;
+}
+
+.login-dialog,
+.unlock-dialog {
+ border: none;
+ background-color: transparent;
+}
+
+.login-dialog StEntry,
+.unlock-dialog StEntry {
+ selection-background-color: #3c84f7;
+ selected-color: #FFFFFF;
+ padding: 4px 8px;
+ min-height: 26px;
+ border-radius: 9999px;
+ caret-color: #FFFFFF;
+ background-color: rgba(0, 0, 0, 0.04);
+ border-radius: 0;
+ border: none;
+ box-shadow: inset 0 -1px rgba(255, 255, 255, 0.15);
+ color: #FFFFFF;
+}
+
+.login-dialog StEntry:focus,
+.unlock-dialog StEntry:focus {
+ border: none;
+ background-color: rgba(0, 0, 0, 0.04);
+ box-shadow: inset 0 -2px #3c84f7;
+ color: #FFFFFF;
+}
+
+.login-dialog StEntry:insensitive,
+.unlock-dialog StEntry:insensitive {
+ border: none;
+ background-color: rgba(0, 0, 0, 0.04);
+ color: rgba(255, 255, 255, 0.35);
+}
+
+.login-dialog StEntry StLabel.hint-text,
+.unlock-dialog StEntry StLabel.hint-text {
+ color: rgba(255, 255, 255, 0.5);
+}
+
+.login-dialog .modal-dialog-button-box,
+.unlock-dialog .modal-dialog-button-box {
+ spacing: 3px;
+}
+
+.login-dialog .modal-dialog-button,
+.unlock-dialog .modal-dialog-button {
+ padding: 0 16px;
+ border: none;
+ color: #FFFFFF;
+ background-color: transparent;
+ box-shadow: none !important;
+}
+
+.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus,
+.unlock-dialog .modal-dialog-button:hover,
+.unlock-dialog .modal-dialog-button:focus {
+ color: #FFFFFF;
+ background-color: rgba(0, 0, 0, 0.12);
+}
+
+.login-dialog .modal-dialog-button:active,
+.unlock-dialog .modal-dialog-button:active {
+ color: #FFFFFF;
+ background-color: rgba(0, 0, 0, 0.2);
+ box-shadow: none !important;
+}
+
+.login-dialog .modal-dialog-button:insensitive,
+.unlock-dialog .modal-dialog-button:insensitive {
+ background-color: transparent;
+ color: rgba(255, 255, 255, 0.35);
+ box-shadow: none !important;
+}
+
+.login-dialog .modal-dialog-button:default,
+.unlock-dialog .modal-dialog-button:default {
+ color: #FFFFFF;
+ background-color: #FFFFFF;
+ box-shadow: none !important;
+}
+
+.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus,
+.unlock-dialog .modal-dialog-button:default:hover,
+.unlock-dialog .modal-dialog-button:default:focus {
+ color: #FFFFFF;
+ background-color: rgba(0, 0, 0, 0.12);
+ box-shadow: none !important;
+}
+
+.login-dialog .modal-dialog-button:default:active,
+.unlock-dialog .modal-dialog-button:default:active {
+ color: #FFFFFF;
+ background-color: rgba(0, 0, 0, 0.2);
+ box-shadow: none !important;
+}
+
+.login-dialog .modal-dialog-button:default:insensitive,
+.unlock-dialog .modal-dialog-button:default:insensitive {
+ color: rgba(255, 255, 255, 0.35);
+ background-color: #FFFFFF;
+ box-shadow: none !important;
+}
+
+.login-dialog .cancel-button,
+.login-dialog .switch-user-button,
+.login-dialog .login-dialog-session-list-button,
+.unlock-dialog .cancel-button,
+.unlock-dialog .switch-user-button,
+.unlock-dialog .login-dialog-session-list-button {
+ padding: 0;
+ border-radius: 100px;
+ width: 32px;
+ height: 32px;
+ border: none;
+ background-color: rgba(0, 0, 0, 0.12);
+ color: #FFFFFF;
+}
+
+.login-dialog .cancel-button StIcon,
+.login-dialog .switch-user-button StIcon,
+.login-dialog .login-dialog-session-list-button StIcon,
+.unlock-dialog .cancel-button StIcon,
+.unlock-dialog .switch-user-button StIcon,
+.unlock-dialog .login-dialog-session-list-button StIcon {
+ icon-size: 16px;
+}
+
+.login-dialog .login-dialog-message-warning,
+.unlock-dialog .login-dialog-message-warning {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.login-dialog-logo-bin {
+ padding: 24px 0px;
+}
+
+.login-dialog-banner {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.login-dialog-button-box {
+ spacing: 5px;
+}
+
+.login-dialog-message {
+ text-align: center;
+}
+
+.login-dialog-message-warning {
+ color: #FFD600;
+}
+
+.login-dialog-message-hint {
+ padding-top: 0;
+ padding-bottom: 20px;
+}
+
+.login-dialog-user-selection-box {
+ padding: 100px 0px;
+}
+
+.login-dialog-not-listed-label {
+ padding-left: 2px;
+}
+
+.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label {
+ color: #FFFFFF;
+}
+
+.login-dialog-not-listed-label {
+ font-size: 1em;
+ font-weight: bold;
+ color: rgba(255, 255, 255, 0.7);
+ padding-top: 1em;
+}
+
+.login-dialog-not-listed-label:hover {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.login-dialog-not-listed-label:focus {
+ background-color: rgba(255, 255, 255, 0.12);
+}
+
+.login-dialog-user-list-view {
+ -st-vfade-offset: 1em;
+}
+
+.login-dialog-user-list {
+ spacing: 12px;
+ padding: .2em;
+ width: 23em;
+}
+
+.login-dialog-user-list:expanded .login-dialog-user-list-item:selected, .login-dialog-user-list:expanded .login-dialog-user-list-item:hover, .login-dialog-user-list:expanded .login-dialog-user-list-item:active {
+ background-color: rgba(255, 255, 255, 0.3);
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in {
+ border-right: 2px solid #3c84f7;
+}
+
+.login-dialog-user-list-item {
+ border-radius: 12px;
+ padding: 6px;
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.login-dialog-user-list-item:ltr .user-widget {
+ padding-right: 1em;
+}
+
+.login-dialog-user-list-item:rtl .user-widget {
+ padding-left: 1em;
+}
+
+.login-dialog-user-list-item:focus {
+ background-color: rgba(0, 0, 0, 0.04) !important;
+}
+
+.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover {
+ background-color: rgba(0, 0, 0, 0.12) !important;
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active {
+ background-color: rgba(0, 0, 0, 0.26) !important;
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.login-dialog-user-list-item .login-dialog-timed-login-indicator {
+ height: 2px;
+ margin: 6px 0 0 0;
+ background-color: rgba(255, 255, 255, 0.12) !important;
+}
+
+.user-widget-label {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.user-widget.horizontal .user-widget-label {
+ font-size: 13pt;
+ font-weight: bold;
+ padding-left: 15px;
+}
+
+.user-widget.horizontal .user-widget-label:ltr {
+ padding-left: 14px;
+ text-align: left;
+}
+
+.user-widget.horizontal .user-widget-label:rtl {
+ padding-right: 14px;
+ text-align: right;
+}
+
+.user-widget.vertical .user-widget-label {
+ font-size: 16pt;
+ text-align: center;
+ font-weight: normal;
+ padding-top: 16px;
+}
+
+.login-dialog-prompt-layout {
+ padding-top: 24px;
+ padding-bottom: 12px;
+ spacing: 12px;
+ width: 23em;
+}
+
+.login-dialog-prompt-entry {
+ height: 1.5em;
+}
+
+.login-dialog-prompt-label {
+ color: rgba(255, 255, 255, 0.7);
+ font-size: 12pt;
+ padding-top: 1em;
+}
+
+/* Looking Glass */
+#LookingGlassDialog {
+ background-color: #FFFFFF;
+ spacing: 4px;
+ padding: 0;
+ border: none;
+ border-radius: 6px;
+ box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25);
+ color: rgba(0, 0, 0, 0.87);
+}
+
+#LookingGlassDialog > #Toolbar {
+ padding: 0 8px;
+ border: none;
+ border-radius: 0;
+ background-color: #FFFFFF;
+ box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.12);
+}
+
+#LookingGlassDialog .labels {
+ spacing: 0;
+}
+
+#LookingGlassDialog .notebook-tab {
+ -natural-hpadding: 12px;
+ -minimum-hpadding: 6px;
+ font-weight: bold;
+ color: rgba(0, 0, 0, 0.38);
+ padding-left: 16px;
+ padding-right: 16px;
+ min-height: 32px;
+ padding: 0 32px;
+ transition-duration: 100ms;
+ border-bottom-width: 0;
+}
+
+#LookingGlassDialog .notebook-tab:hover {
+ background-color: rgba(0, 0, 0, 0.04);
+ color: rgba(0, 0, 0, 0.87);
+ text-shadow: none;
+}
+
+#LookingGlassDialog .notebook-tab:selected {
+ border-color: transparent;
+ background-color: rgba(0, 0, 0, 0.12);
+ box-shadow: inset 0 -2px 0px #3c84f7;
+ color: rgba(0, 0, 0, 0.87);
+ text-shadow: none;
+}
+
+#LookingGlassDialog StBoxLayout#EvalBox {
+ padding: 4px;
+ spacing: 4px;
+}
+
+#LookingGlassDialog StBoxLayout#ResultsArea {
+ spacing: 4px;
+}
+
+.lg-dialog StEntry {
+ min-height: 22px;
+ selection-background-color: #3c84f7;
+ selected-color: #FFFFFF;
+}
+
+.lg-dialog .shell-link {
+ color: #3c84f7;
+}
+
+.lg-dialog .shell-link:hover {
+ color: #6da3f9;
+}
+
+.lg-dialog .shell-link:active {
+ color: #0b65f5;
+}
+
+.lg-dialog .actor-link {
+ color: rgba(0, 0, 0, 0.6);
+}
+
+.lg-dialog .actor-link:hover {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.lg-dialog .actor-link:active {
+ color: rgba(0, 0, 0, 0.6);
+}
+
+.lg-completions-text {
+ font-size: .9em;
+ font-style: italic;
+}
+
+.lg-obj-inspector-title {
+ spacing: 6px;
+}
+
+.lg-obj-inspector-button {
+ padding: 0 16px;
+ border: none;
+ border-radius: 6px;
+}
+
+.lg-obj-inspector-button:hover {
+ border: none;
+}
+
+#lookingGlassExtensions {
+ padding: 6px;
+}
+
+.lg-extensions-list {
+ padding: 6px;
+ spacing: 6px;
+}
+
+.lg-extension {
+ border: none;
+ border-radius: 6px;
+ background-color: #FFFFFF;
+ padding: 12px;
+}
+
+.lg-extension-name {
+ font-weight: bold;
+}
+
+.lg-extension-meta {
+ spacing: 6px;
+}
+
+#LookingGlassPropertyInspector {
+ color: rgba(0, 0, 0, 0.6);
+ background: #FFFFFF;
+ border: none;
+ border-radius: 6px;
+ padding: 6px;
+ margin: 5px 8px 11px;
+ box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25);
+}
+
+/* Message List */
+.message-list {
+ width: 31.5em;
+ text-shadow: none;
+ border: none;
+ padding: 0;
+}
+
+.message-list .message-list-placeholder {
+ spacing: 12px;
+}
+
+.message-list-sections {
+ margin: 0 16px;
+}
+
+.message-list-section,
+.message-list-sections,
+.message-list-section-list {
+ spacing: 6px;
+}
+
+.message {
+ margin: 3px 0;
+}
+
+.message .message-icon-bin {
+ padding: 18px;
+}
+
+.message .message-icon-bin:ltr {
+ padding-right: 6px;
+}
+
+.message .message-icon-bin:rtl {
+ padding-left: 6px;
+}
+
+.message .message-icon-bin > StIcon {
+ icon-size: 32px;
+ -st-icon-style: symbolic;
+}
+
+.message .message-icon-bin > .fallback-app-icon {
+ width: 16px;
+ height: 16px;
+}
+
+.message .message-secondary-bin {
+ padding: 0 8px;
+}
+
+.message .message-secondary-bin > .event-time {
+ color: rgba(0, 0, 0, 0.38);
+ font-size: 9pt;
+ text-align: right;
+ padding-bottom: 0.13em;
+}
+
+.message .message-secondary-bin > .event-time:ltr {
+ text-align: right;
+}
+
+.message .message-secondary-bin > .event-time:rtl {
+ text-align: left;
+}
+
+.message .message-title {
+ color: rgba(0, 0, 0, 0.87);
+ font-weight: bold;
+}
+
+.message .message-content {
+ padding: 14px;
+ spacing: 4px;
+ color: rgba(0, 0, 0, 0.38);
+}
+
+.message .message-close-button {
+ color: rgba(0, 0, 0, 0.6);
+ padding: 0;
+ height: 24px;
+ width: 24px;
+ border-radius: 9999px;
+}
+
+.message .message-close-button:hover, .message .message-close-button:active {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.message .message-close-button:hover, .message .message-close-button:focus {
+ background-color: rgba(0, 0, 0, 0.12);
+}
+
+.message .message-close-button:active {
+ background-color: rgba(0, 0, 0, 0.26);
+}
+
+.message .message-body {
+ color: rgba(0, 0, 0, 0.38);
+}
+
+.url-highlighter {
+ link-color: #3c84f7;
+}
+
+.message-media-control {
+ border-radius: 9999px;
+ color: rgba(0, 0, 0, 0.6);
+}
+
+.message-media-control:last-child:ltr {
+ margin-right: 16px;
+}
+
+.message-media-control:last-child:rtl {
+ margin-left: 16px;
+}
+
+.message-media-control:hover, .message-media-control:focus {
+ color: rgba(0, 0, 0, 0.87);
+ background-color: rgba(0, 0, 0, 0.12);
+}
+
+.message-media-control:active {
+ color: rgba(0, 0, 0, 0.87);
+ background-color: rgba(0, 0, 0, 0.26);
+}
+
+.message-media-control:insensitive {
+ color: rgba(0, 0, 0, 0.26);
+}
+
+.media-message-cover-icon {
+ icon-size: 32px !important;
+}
+
+.media-message-cover-icon.fallback {
+ icon-size: 32px !important;
+ border: none;
+ border-radius: 6px;
+ background-color: rgba(0, 0, 0, 0.12);
+ color: rgba(0, 0, 0, 0.38);
+}
+
+.select-area-rubberband {
+ background-color: rgba(60, 132, 247, 0.3);
+ border: 1px solid #3c84f7;
+ border-radius: 6px;
+}
+
+.user-icon {
+ background-size: contain;
+ color: rgba(255, 255, 255, 0.7);
+ border-radius: 9999px;
+ border: none;
+ box-shadow: 0 2px 3px rgba(0, 0, 0, 0.25);
+ icon-size: 64px;
+}
+
+.modal-dialog .user-icon {
+ box-shadow: none;
+}
+
+.user-icon:hover {
+ color: #FFFFFF;
+}
+
+.user-icon StIcon {
+ background-color: #FFFFFF;
+ border-radius: 9999px;
+ padding: 12px;
+ width: 40px;
+ height: 40px;
+}
+
+.user-icon.user-avatar {
+ border: 2px solid #3c84f7;
+}
+
+.user-widget.vertical .user-icon {
+ icon-size: 96px;
+}
+
+.user-widget.vertical .user-icon StIcon {
+ padding: 20px;
+ padding-top: 18px;
+ padding-bottom: 22px;
+ width: 88px;
+ height: 88px;
+}
+
+.lightbox {
+ background-color: black;
+}
+
+.flashspot {
+ background-color: white;
+}
+
+.hidden {
+ color: rgba(0, 0, 0, 0);
+}
+
+.caps-lock-warning-label {
+ text-align: center;
+ padding-bottom: 8px;
+ font-size: 10pt;
+ color: #FFD600;
+}
+
+/* Network Dialogs */
+.nm-dialog {
+ max-height: 34em;
+ min-height: 31em;
+ min-width: 32em;
+}
+
+.nm-dialog-content {
+ spacing: 20px;
+ padding: 24px;
+}
+
+.nm-dialog-header-hbox {
+ spacing: 10px;
+}
+
+.nm-dialog-airplane-box {
+ spacing: 12px;
+}
+
+.nm-dialog-airplane-headline {
+ font-weight: bold;
+ text-align: center;
+}
+
+.nm-dialog-airplane-text {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.nm-dialog-header {
+ font-weight: bold;
+}
+
+.nm-dialog-header-icon {
+ icon-size: 32px;
+}
+
+.nm-dialog-header-hbox {
+ spacing: 10px;
+}
+
+.nm-dialog-scroll-view {
+ border: none;
+ padding: 0;
+ background-color: rgba(0, 0, 0, 0.04);
+ border-radius: 6px;
+}
+
+.nm-dialog-item {
+ font-size: 11pt;
+ border-bottom: none;
+ padding: 12px;
+ spacing: 0px;
+}
+
+.nm-dialog-item:selected {
+ background-color: #3c84f7;
+ color: #FFFFFF;
+}
+
+.nm-dialog-item:hover, .nm-dialog-item:focus {
+ background-color: rgba(0, 0, 0, 0.12);
+}
+
+.nm-dialog-item:active {
+ background-color: rgba(0, 0, 0, 0.26);
+}
+
+.nm-dialog-icon {
+ icon-size: 16px;
+}
+
+.nm-dialog-icons {
+ spacing: 12px;
+}
+
+.no-networks-label {
+ color: rgba(0, 0, 0, 0.38);
+}
+
+.no-networks-box {
+ spacing: 6px;
+}
+
+/* Notifications & Message Tray */
+.notification-banner {
+ width: 34em;
+ min-height: 64px;
+ margin: 2px 5px 8px;
+ border-radius: 6px;
+ color: rgba(0, 0, 0, 0.6);
+ background-color: #FFFFFF;
+ border: none;
+ text-shadow: none;
+ box-shadow: 0 3px 5px rgba(0, 0, 0, 0.25);
+ border-radius: 12px;
+}
+
+.notification-banner:hover {
+ color: rgba(0, 0, 0, 0.87);
+ background-color: #FFFFFF;
+ box-shadow: 0 5px 12px rgba(0, 0, 0, 0.25);
+ margin: 2px 12px 17px;
+}
+
+.notification-banner:focus {
+ color: rgba(0, 0, 0, 0.87);
+ background-color: #FFFFFF;
+}
+
+.notification-banner .notification-actions {
+ background-color: transparent;
+ padding-top: 0;
+ border-top: 1px solid rgba(0, 0, 0, 0.12);
+ spacing: 0;
+}
+
+.notification-banner .notification-button {
+ min-height: 44px;
+ padding: 0 18px;
+ background-color: transparent;
+ color: rgba(0, 0, 0, 0.6);
+ font-weight: 500;
+ border-width: 0;
+}
+
+.notification-banner .notification-button:first-child {
+ border-radius: 0 0 0 12px;
+}
+
+.notification-banner .notification-button:last-child {
+ border-radius: 0 0 12px 0;
+}
+
+.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child {
+ border-radius: 0 0 12px 12px;
+}
+
+.notification-banner .notification-button:focus {
+ background-color: transparent;
+ color: rgba(0, 0, 0, 0.87);
+ box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.12);
+}
+
+.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover {
+ background-color: rgba(0, 0, 0, 0.12);
+ color: rgba(0, 0, 0, 0.87);
+ box-shadow: none;
+}
+
+.notification-banner .notification-button:active {
+ background-color: rgba(0, 0, 0, 0.26);
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.summary-source-counter {
+ font-size: fontsize(10);
+ font-weight: bold;
+ height: 1.6em;
+ width: 1.6em;
+ -shell-counter-overlap-x: 3px;
+ -shell-counter-overlap-y: 3px;
+ background-color: #3c84f7;
+ color: #FFFFFF;
+ border: 2px solid rgba(0, 0, 0, 0.26);
+ box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);
+ border-radius: 0.9em;
+}
+
+.chat-body {
+ spacing: 5px;
+}
+
+.chat-response {
+ margin: 5px;
+}
+
+.chat-log-message {
+ color: rgba(0, 0, 0, 0.6);
+}
+
+.chat-new-group {
+ padding-top: 1em;
+}
+
+.chat-received {
+ padding-left: 4px;
+}
+
+.chat-received:rtl {
+ padding-left: 0px;
+ padding-right: 4px;
+}
+
+.chat-sent {
+ padding-left: 18pt;
+ color: rgba(0, 0, 0, 0.6);
+}
+
+.chat-sent:rtl {
+ padding-left: 0;
+ padding-right: 18pt;
+}
+
+.chat-meta-message {
+ padding-left: 4px;
+ font-size: 9pt;
+ color: rgba(0, 0, 0, 0.38);
+}
+
+.chat-meta-message:rtl {
+ padding-left: 0;
+ padding-right: 4px;
+}
+
+/* OSD */
+.workspace-switcher-container, .switcher-list, .resize-popup, .osd-window {
+ color: rgba(255, 255, 255, 0.7);
+ background-color: #212121;
+ border: none;
+ box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25);
+ margin: 5px 8px 11px;
+ border-radius: 12px;
+ padding: 12px;
+}
+
+.osd-window {
+ text-align: center;
+ font-weight: bold;
+}
+
+.osd-window .osd-monitor-label {
+ font-size: 3em;
+}
+
+.osd-window .level {
+ height: 2px;
+ border-radius: 2px;
+ background-color: rgba(0, 0, 0, 0.12);
+ color: rgba(0, 0, 0, 0.87);
+ -barlevel-height: 2px;
+ -barlevel-background-color: rgba(0, 0, 0, 0.12);
+ -barlevel-active-background-color: #3c84f7;
+ -barlevel-overdrive-color: #E53935;
+ -barlevel-overdrive-separator-width: 2px;
+ -barlevel-border-width: 0;
+ -barlevel-border-color: rgba(0, 0, 0, 0.12);
+}
+
+.osd-window .level-bar {
+ background-color: white;
+ border-radius: 2px;
+}
+
+.pad-osd-window {
+ padding: 32px;
+ background-color: #212121;
+}
+
+.pad-osd-window .pad-osd-title-box {
+ spacing: 12px;
+}
+
+.pad-osd-window .pad-osd-title-menu-box {
+ spacing: 6px;
+}
+
+.combo-box-label {
+ width: 15em;
+}
+
+.overview-controls {
+ padding-bottom: 30px;
+}
+
+/* Top Bar */
+#panel {
+ background-color: #f2f2f2;
+ font-weight: bold;
+ height: 32px;
+ color: rgba(0, 0, 0, 0.6);
+ font-feature-settings: "tnum";
+ transition-duration: 250ms;
+ font-size: 10pt;
+}
+
+#panel .panel-corner {
+ -panel-corner-radius: 0;
+ -panel-corner-background-color: #f2f2f2;
+ -panel-corner-border-width: 2px;
+ -panel-corner-border-color: transparent;
+ -panel-corner-opacity: 1;
+ transition-duration: 250ms;
+}
+
+#panel .panel-button {
+ -natural-hpadding: 12px;
+ -minimum-hpadding: 6px;
+ font-weight: bold;
+ color: rgba(0, 0, 0, 0.6);
+ transition-duration: 150ms;
+ border-radius: 9999px;
+ text-shadow: none;
+ border: 2px solid transparent;
+}
+
+#panel .panel-button.clock-display .clock {
+ transition-duration: 150ms;
+ border: 2px solid transparent;
+ border-radius: 9999px;
+}
+
+#panel .panel-button:hover {
+ color: rgba(0, 0, 0, 0.87);
+ background-color: transparent;
+ box-shadow: inset 0 0 0 1000px rgba(0, 0, 0, 0.12);
+}
+
+#panel .panel-button:hover.clock-display {
+ box-shadow: none;
+ color: rgba(0, 0, 0, 0.6);
+}
+
+#panel .panel-button:hover.clock-display .clock {
+ color: rgba(0, 0, 0, 0.87);
+ box-shadow: inset 0 0 0 1000px rgba(0, 0, 0, 0.12);
+}
+
+#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover {
+ background-color: transparent;
+ color: rgba(0, 0, 0, 0.87);
+ box-shadow: inset 0 0 0 1000px rgba(0, 0, 0, 0.2);
+}
+
+#panel .panel-button:active.clock-display, #panel .panel-button:overview.clock-display, #panel .panel-button:focus.clock-display, #panel .panel-button:checked.clock-display {
+ box-shadow: none;
+ color: rgba(0, 0, 0, 0.6);
+}
+
+#panel .panel-button:active.clock-display .clock, #panel .panel-button:overview.clock-display .clock, #panel .panel-button:focus.clock-display .clock, #panel .panel-button:checked.clock-display .clock {
+ box-shadow: inset 0 0 0 1000px rgba(0, 0, 0, 0.2);
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+#panel .panel-button .system-status-icon {
+ icon-size: 16px;
+ padding: 6px;
+ margin: 0 4px;
+ -st-icon-style: symbolic;
+}
+
+#panel .panel-button .panel-status-indicators-box .system-status-icon,
+#panel .panel-button .panel-status-menu-box .system-status-icon {
+ margin: 0;
+}
+
+#panel .panel-button .app-menu-icon {
+ -st-icon-style: symbolic;
+}
+
+#panel .panel-button#panelActivities {
+ -natural-hpadding: 18px;
+}
+
+#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen {
+ background-color: transparent;
+ box-shadow: none;
+}
+
+#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover {
+ color: #FFFFFF;
+ background-color: transparent;
+ box-shadow: inset 0 0 0 1000px rgba(255, 255, 255, 0.12);
+}
+
+#panel:overview .panel-button:hover.clock-display, #panel.unlock-screen .panel-button:hover.clock-display, #panel.login-screen .panel-button:hover.clock-display, #panel.lock-screen .panel-button:hover.clock-display {
+ box-shadow: none;
+ color: #FFFFFF;
+}
+
+#panel:overview .panel-button:hover.clock-display .clock, #panel.unlock-screen .panel-button:hover.clock-display .clock, #panel.login-screen .panel-button:hover.clock-display .clock, #panel.lock-screen .panel-button:hover.clock-display .clock {
+ color: #FFFFFF;
+ box-shadow: inset 0 0 0 1000px rgba(255, 255, 255, 0.12);
+}
+
+#panel:overview .panel-button:active, #panel:overview .panel-button:overview, #panel:overview .panel-button:focus, #panel:overview .panel-button:checked, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:checked, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:checked, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:checked {
+ color: #FFFFFF;
+ background-color: transparent;
+ box-shadow: inset 0 0 0 1000px rgba(255, 255, 255, 0.2);
+}
+
+#panel:overview .panel-button:active.clock-display, #panel:overview .panel-button:overview.clock-display, #panel:overview .panel-button:focus.clock-display, #panel:overview .panel-button:checked.clock-display, #panel.unlock-screen .panel-button:active.clock-display, #panel.unlock-screen .panel-button:overview.clock-display, #panel.unlock-screen .panel-button:focus.clock-display, #panel.unlock-screen .panel-button:checked.clock-display, #panel.login-screen .panel-button:active.clock-display, #panel.login-screen .panel-button:overview.clock-display, #panel.login-screen .panel-button:focus.clock-display, #panel.login-screen .panel-button:checked.clock-display, #panel.lock-screen .panel-button:active.clock-display, #panel.lock-screen .panel-button:overview.clock-display, #panel.lock-screen .panel-button:focus.clock-display, #panel.lock-screen .panel-button:checked.clock-display {
+ box-shadow: none;
+ color: #FFFFFF;
+}
+
+#panel:overview .panel-button:active.clock-display .clock, #panel:overview .panel-button:overview.clock-display .clock, #panel:overview .panel-button:focus.clock-display .clock, #panel:overview .panel-button:checked.clock-display .clock, #panel.unlock-screen .panel-button:active.clock-display .clock, #panel.unlock-screen .panel-button:overview.clock-display .clock, #panel.unlock-screen .panel-button:focus.clock-display .clock, #panel.unlock-screen .panel-button:checked.clock-display .clock, #panel.login-screen .panel-button:active.clock-display .clock, #panel.login-screen .panel-button:overview.clock-display .clock, #panel.login-screen .panel-button:focus.clock-display .clock, #panel.login-screen .panel-button:checked.clock-display .clock, #panel.lock-screen .panel-button:active.clock-display .clock, #panel.lock-screen .panel-button:overview.clock-display .clock, #panel.lock-screen .panel-button:focus.clock-display .clock, #panel.lock-screen .panel-button:checked.clock-display .clock {
+ box-shadow: inset 0 0 0 1000px rgba(255, 255, 255, 0.2);
+ color: #FFFFFF;
+}
+
+#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner {
+ -panel-corner-radius: 0;
+ -panel-corner-background-color: transparent;
+ -panel-corner-border-color: transparent;
+}
+
+#panel .panel-status-indicators-box,
+#panel .panel-status-menu-box {
+ spacing: 2px;
+}
+
+#panel .power-status.panel-status-indicators-box {
+ spacing: 0;
+}
+
+#panel .screencast-indicator,
+#panel .remote-access-indicator {
+ color: #FFD600;
+}
+
+/* Popovers/Menus */
+.popup-menu-boxpointer {
+ -arrow-border-radius: 9px;
+ -arrow-background-color: transparent;
+ -arrow-border-width: 0;
+ -arrow-border-color: transparent;
+ -arrow-base: 12px;
+ -arrow-rise: 6px;
+ -arrow-box-shadow: none;
+ background: transparent;
+ box-shadow: none;
+}
+
+.popup-menu {
+ min-width: 12em;
+ color: rgba(0, 0, 0, 0.6) !important;
+ padding: 0 !important;
+ font-weight: normal;
+ border-radius: 12px;
+ box-shadow: 0 3px 6px rgba(0, 0, 0, 0.08);
+ margin: 0 3px;
+ font-size: 10pt;
+}
+
+.popup-menu .popup-menu-content {
+ padding: 6px 0 !important;
+ background-color: #FFFFFF;
+ border-radius: 12px;
+ margin: 0;
+ font-weight: normal;
+ border: 1px solid rgba(0, 0, 0, 0.12);
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.15);
+}
+
+.popup-menu .popup-menu-item {
+ spacing: 6px;
+ color: rgba(0, 0, 0, 0.6) !important;
+ text-shadow: none;
+ border-radius: 6px;
+ margin: 0 6px;
+ font-weight: normal;
+}
+
+.popup-menu .popup-menu-item:checked {
+ font-weight: normal;
+ border: none;
+ box-shadow: none;
+ color: rgba(0, 0, 0, 0.87) !important;
+ background-color: rgba(0, 0, 0, 0.12) !important;
+ border-radius: 6px 6px 0 0;
+}
+
+.popup-menu .popup-menu-item:checked:focus, .popup-menu .popup-menu-item:checked:hover, .popup-menu .popup-menu-item:checked.selected {
+ color: rgba(0, 0, 0, 0.87) !important;
+ background-color: alpha(currentColor, 0.08) !important;
+}
+
+.popup-menu .popup-menu-item:checked:active {
+ color: rgba(0, 0, 0, 0.87) !important;
+ background-color: alpha(currentColor, 0.12) !important;
+}
+
+.popup-menu .popup-menu-item:checked:insensitive {
+ color: rgba(0, 0, 0, 0.26) !important;
+}
+
+.popup-menu .popup-menu-item:focus, .popup-menu .popup-menu-item:hover, .popup-menu .popup-menu-item.selected {
+ color: rgba(0, 0, 0, 0.87) !important;
+ background-color: rgba(0, 0, 0, 0.12) !important;
+ transition-duration: 0;
+}
+
+.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active {
+ color: rgba(0, 0, 0, 0.87) !important;
+ background-color: rgba(0, 0, 0, 0.26) !important;
+}
+
+.popup-menu .popup-menu-item:insensitive {
+ color: rgba(0, 0, 0, 0.26) !important;
+}
+
+.popup-menu .popup-sub-menu {
+ background-color: rgba(0, 0, 0, 0.12) !important;
+ color: rgba(0, 0, 0, 0.6) !important;
+ border: none;
+ box-shadow: none;
+ margin: 0 6px;
+ border-radius: 0 0 6px 6px;
+}
+
+.popup-menu .popup-sub-menu .popup-menu-item {
+ margin: 0;
+}
+
+.popup-menu .popup-sub-menu .popup-menu-item:focus, .popup-menu .popup-sub-menu .popup-menu-item:hover, .popup-menu .popup-sub-menu .popup-menu-item.selected {
+ color: rgba(0, 0, 0, 0.87) !important;
+ background-color: rgba(0, 0, 0, 0.12) !important;
+}
+
+.popup-menu .popup-sub-menu .popup-menu-item:active, .popup-menu .popup-sub-menu .popup-menu-item.selected:active {
+ color: rgba(0, 0, 0, 0.87) !important;
+ background-color: rgba(0, 0, 0, 0.26) !important;
+}
+
+.popup-menu .popup-sub-menu .popup-menu-item:insensitive {
+ color: rgba(0, 0, 0, 0.26) !important;
+}
+
+.popup-menu .popup-inactive-menu-item {
+ color: rgba(0, 0, 0, 0.6) !important;
+}
+
+.popup-menu .popup-inactive-menu-item:insensitive {
+ color: rgba(0, 0, 0, 0.26) !important;
+}
+
+.popup-menu.panel-menu {
+ -boxpointer-gap: 4px;
+ margin-bottom: 1.75em;
+}
+
+.popup-menu-arrow,
+.popup-menu-icon {
+ icon-size: 16px;
+}
+
+.popup-menu-ornament {
+ width: 1.2em;
+}
+
+.popup-menu-ornament:ltr {
+ text-align: right;
+}
+
+.popup-menu-ornament:rtl {
+ text-align: left;
+}
+
+.background-menu {
+ -boxpointer-gap: 4px;
+ -arrow-rise: 0px;
+}
+
+.aggregate-menu {
+ min-width: 20em;
+}
+
+.aggregate-menu .popup-menu-icon {
+ padding: 0;
+ margin: 0 3px;
+ -st-icon-style: symbolic;
+}
+
+/* Screen Shield */
+.unlock-dialog-clock {
+ color: white;
+ font-weight: 300;
+ text-align: center;
+ spacing: 24px;
+ padding-bottom: 2.5em;
+}
+
+.unlock-dialog-clock-time {
+ font-size: 64pt;
+ padding-top: 42px;
+ font-feature-settings: "tnum";
+}
+
+.unlock-dialog-clock-date {
+ font-size: 16pt;
+ font-weight: normal;
+}
+
+.unlock-dialog-clock-hint {
+ font-weight: normal;
+ padding-top: 48px;
+}
+
+.unlock-dialog-notifications-container {
+ margin: 12px 0;
+ spacing: 6px;
+ width: 23em;
+ background-color: transparent;
+}
+
+.unlock-dialog-notifications-container .summary-notification-stack-scrollview {
+ padding-top: 0;
+ padding-bottom: 0;
+}
+
+.unlock-dialog-notifications-container .notification,
+.unlock-dialog-notifications-container .unlock-dialog-notification-source {
+ padding: 12px 6px;
+ border: none;
+ background-color: #212121;
+ color: #FFFFFF;
+ border-radius: 12px;
+}
+
+.unlock-dialog-notifications-container .notification.critical,
+.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical {
+ background-color: #353535;
+}
+
+.unlock-dialog-notification-label {
+ padding: 0px 0px 0px 12px;
+}
+
+.unlock-dialog-notification-count-text {
+ weight: bold;
+ padding: 0 6px;
+ color: #FFFFFF;
+ background-color: #3c84f7;
+ border-radius: 9999px;
+ margin-right: 12px;
+}
+
+.screen-shield-background {
+ background: black;
+ box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15);
+}
+
+#unlockDialogNotifications StButton#vhandle, #unlockDialogNotifications StButton#hhandle {
+ background-color: rgba(255, 255, 255, 0.3);
+}
+
+#unlockDialogNotifications StButton#vhandle:hover, #unlockDialogNotifications StButton#vhandle:focus, #unlockDialogNotifications StButton#hhandle:hover, #unlockDialogNotifications StButton#hhandle:focus {
+ background-color: rgba(255, 255, 255, 0.5);
+}
+
+#unlockDialogNotifications StButton#vhandle:active, #unlockDialogNotifications StButton#hhandle:active {
+ background-color: rgba(60, 132, 247, 0.5);
+}
+
+/* Scrollbars */
+StScrollView.vfade {
+ -st-vfade-offset: 32px;
+}
+
+StScrollView.hfade {
+ -st-hfade-offset: 32px;
+}
+
+StScrollBar {
+ padding: 0;
+}
+
+StScrollView StScrollBar {
+ min-width: 16px;
+ min-height: 16px;
+}
+
+StScrollBar StBin#trough {
+ margin: 6px;
+ border-radius: 9999px;
+ background-color: rgba(0, 0, 0, 0.12);
+}
+
+StScrollBar StButton#vhandle, StScrollBar StButton#hhandle {
+ border-radius: 9999px;
+ background-color: rgba(0, 0, 0, 0.38);
+ margin: 6px;
+}
+
+StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover {
+ background-color: rgba(0, 0, 0, 0.6);
+}
+
+StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
+ background-color: rgba(0, 0, 0, 0.87);
+}
+
+.search-entry {
+ width: 320px;
+ min-height: 32px;
+ padding: 0 12px;
+ color: rgba(0, 0, 0, 0.6);
+ transition-duration: 150ms;
+ border-radius: 6px;
+ caret-color: rgba(0, 0, 0, 0.87);
+ selection-background-color: rgba(0, 0, 0, 0.12);
+ selected-color: #FFFFFF !important;
+ color: rgba(0, 0, 0, 0.87);
+ background-color: #FFFFFF;
+ border: 2px solid transparent;
+ box-shadow: none;
+}
+
+.search-entry:hover {
+ color: rgba(0, 0, 0, 0.87);
+ border-color: rgba(0, 0, 0, 0.26);
+ background-color: #FFFFFF;
+}
+
+.search-entry:focus {
+ color: rgba(0, 0, 0, 0.87);
+ border-color: #3c84f7;
+ background-color: #FFFFFF;
+ box-shadow: none;
+}
+
+.search-entry .search-entry-icon {
+ icon-size: 16px;
+ padding: 0 0;
+ color: rgba(0, 0, 0, 0.26);
+}
+
+.search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon {
+ color: rgba(0, 0, 0, 0.6);
+}
+
+.search-entry:insensitive {
+ border: none;
+ color: rgba(0, 0, 0, 0.26);
+}
+
+.search-entry StLabel.hint-text {
+ color: rgba(0, 0, 0, 0.38);
+}
+
+/* Search */
+.list-search-result, .search-provider-icon {
+ border-radius: 6px;
+ padding: 6px;
+ transition-duration: 100ms;
+ text-align: center;
+}
+
+.list-search-result:focus, .search-provider-icon:focus, .list-search-result:hover, .search-provider-icon:hover, .list-search-result:selected, .search-provider-icon:selected {
+ background-color: rgba(255, 255, 255, 0.12);
+ transition-duration: 200ms;
+}
+
+.list-search-result:active, .search-provider-icon:active, .list-search-result:checked, .search-provider-icon:checked {
+ background-color: rgba(255, 255, 255, 0.2);
+}
+
+#searchResultsContent {
+ max-width: 1024px;
+ spacing: 8px;
+}
+
+.search-section {
+ spacing: 8px;
+ background: none;
+}
+
+.search-section .search-section-separator {
+ height: 1px;
+ background-color: rgba(255, 255, 255, 0.12);
+}
+
+.search-section-content {
+ spacing: 8px;
+ border-radius: 0;
+ padding: 18px;
+ border: none;
+ box-shadow: none;
+ background: none;
+ text-shadow: none;
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.search-statustext {
+ font-size: 2em;
+ font-weight: bold;
+ color: rgba(255, 255, 255, 0.5);
+}
+
+.grid-search-results {
+ spacing: 36px;
+}
+
+.search-provider-icon .list-search-provider-content {
+ spacing: 12px;
+}
+
+.search-provider-icon .list-search-provider-content .list-search-provider-details {
+ width: 120px;
+ margin-top: 0;
+ color: rgba(255, 255, 255, 0.5);
+}
+
+.list-search-results {
+ spacing: 6px;
+}
+
+.list-search-result .list-search-result-content {
+ spacing: 6px;
+}
+
+.list-search-result .list-search-result-title {
+ spacing: 12px;
+}
+
+.list-search-result .list-search-result-description {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+/* Slider */
+.slider {
+ height: 20px;
+ color: #FFFFFF;
+ -slider-height: 2px;
+ -slider-background-color: rgba(0, 0, 0, 0.26);
+ -slider-border-color: #3c84f7;
+ -slider-active-background-color: #3c84f7;
+ -slider-active-border-color: #3c84f7;
+ -slider-border-width: 2px;
+ -slider-handle-radius: 7px;
+ -slider-handle-border-width: 2px;
+ -slider-handle-border-color: #3c84f7;
+ -barlevel-height: 2px;
+ -barlevel-background-color: rgba(0, 0, 0, 0.26);
+ -barlevel-border-color: transparent;
+ -barlevel-active-background-color: #3c84f7;
+ -barlevel-active-border-color: transparent;
+ -barlevel-overdrive-color: #E53935;
+ -barlevel-overdrive-border-color: transparent;
+ -barlevel-overdrive-separator-width: 2px;
+ -barlevel-border-width: 0;
+}
+
+/* App Switcher */
+.switcher-popup {
+ padding: 8px;
+ spacing: 24px;
+}
+
+.switcher-list .item-box {
+ padding: 8px;
+ border-radius: 6px;
+ border: 1px solid transparent;
+}
+
+.switcher-list .item-box:outlined {
+ background-color: rgba(0, 0, 0, 0.12);
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.switcher-list .item-box:selected {
+ background-color: #3c84f7;
+ color: #FFFFFF;
+}
+
+.switcher-list .thumbnail-box {
+ padding: 2px;
+ spacing: 6px;
+}
+
+.switcher-list .thumbnail {
+ width: 256px;
+}
+
+.switcher-list .separator {
+ width: 1px;
+ background: rgba(0, 0, 0, 0.12);
+}
+
+.switcher-list .switcher-list-item-container {
+ spacing: 12px;
+}
+
+.switcher-arrow {
+ border-color: rgba(0, 0, 0, 0);
+ color: rgba(0, 0, 0, 0.38);
+}
+
+.switcher-arrow:highlighted {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.input-source-switcher-symbol {
+ font-size: 34pt;
+ width: 96px;
+ height: 96px;
+}
+
+.cycler-highlight {
+ border: 5px solid #3c84f7;
+}
+
+/* Switches */
+.toggle-switch {
+ width: 40px;
+ height: 20px;
+ background-size: contain;
+}
+
+.toggle-switch, .popup-sub-menu .toggle-switch {
+ background-image: url("assets/toggle-off.svg");
+}
+
+.toggle-switch:checked, .popup-sub-menu .toggle-switch:checked {
+ background-image: url("assets/toggle-on.svg");
+}
+
+/* Tiled window previews */
+.tile-preview {
+ background-color: rgba(60, 132, 247, 0.3);
+ border: 1px solid #3c84f7;
+}
+
+.tile-preview-left.on-primary {
+ border-radius: 7px 0 0 0;
+}
+
+.tile-preview-right.on-primary {
+ border-radius: 0 7px 0 0;
+}
+
+.tile-preview-left.tile-preview-right.on-primary {
+ border-radius: 7px 7px 0 0;
+}
+
+/* Workspace Switcher */
+.workspace-switcher-group {
+ padding: 12px;
+}
+
+.workspace-switcher {
+ background: transparent;
+ border: none;
+ border-radius: 0;
+ padding: 0;
+ spacing: 12px;
+}
+
+.ws-switcher-box {
+ background: transparent;
+ height: 50px;
+ background-size: 32px;
+ background: rgba(0, 0, 0, 0.12);
+ border-radius: 6px;
+}
+
+.ws-switcher-active-up,
+.ws-switcher-active-down,
+.ws-switcher-active-left,
+.ws-switcher-active-right {
+ height: 52px;
+ background-color: #3c84f7;
+ color: #FFFFFF;
+ border-radius: 9px;
+ border: none;
+}
+
+.icon-grid {
+ row-spacing: 12px;
+ column-spacing: 12px;
+ max-row-spacing: 72px;
+ max-column-spacing: 72px;
+ page-padding-top: 24px;
+ page-padding-bottom: 24px;
+ page-padding-left: 12px;
+ page-padding-right: 12px;
+}
+
+.page-indicator {
+ padding: 6px 12px 0;
+}
+
+.page-indicator .page-indicator-icon {
+ width: 10px;
+ height: 10px;
+ border-radius: 10px;
+ background-color: white;
+}
+
+.apps-scroll-view {
+ padding: 0;
+}
+
+.page-navigation-hint {
+ width: 300px;
+}
+
+.page-navigation-hint.dnd {
+ background: rgba(255, 255, 255, 0.1);
+}
+
+.page-navigation-hint.next:ltr, .page-navigation-hint.previous:rtl {
+ background-gradient-start: rgba(255, 255, 255, 0.05);
+ background-gradient-end: transparent;
+ background-gradient-direction: horizontal;
+ border-radius: 15px 0px 0px 15px;
+}
+
+.page-navigation-hint.previous:ltr, .page-navigation-hint.next:rtl {
+ background-gradient-start: transparent;
+ background-gradient-end: rgba(255, 255, 255, 0.05);
+ background-gradient-direction: horizontal;
+ border-radius: 0px 15px 15px 0px;
+}
+
+.page-navigation-arrow {
+ margin: 0;
+ width: 24px;
+ height: 24px;
+ color: white;
+}
+
+#dash {
+ margin-top: 12px;
+ padding: 0 10px;
+}
+
+#dash .placeholder {
+ background-image: none;
+ background-size: contain;
+ height: 32px;
+}
+
+#dash .overview-icon {
+ padding: 5px;
+}
+
+.dash-background {
+ background-color: rgba(0, 0, 0, 0.26);
+ margin-bottom: 16px;
+ padding: 10px;
+ border-radius: 24px;
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0.08);
+}
+
+.dash-item-container .app-well-app, .show-apps {
+ padding: 10px 2px 26px;
+}
+
+.dash-separator {
+ width: 1px;
+ margin: 0 7px 16px;
+ background-color: rgba(0, 0, 0, 0.12);
+}
+
+.workspace-animation {
+ background-color: #212121;
+}
+
+.calendar .calendar-change-month-back,
+.calendar .calendar-change-month-forward {
+ padding: 0 2px;
+}
+
+.message-list-controls {
+ margin: 8px 16px 0;
+ padding: 4px;
+ spacing: 12px;
+}
+
+.message-media-control {
+ margin: 24px 6px;
+ padding: 9px;
+}
+
+.media-message-cover-icon {
+ padding: 6px;
+}
+
+.media-message-cover-icon.fallback {
+ padding: 6px;
+}
+
+.controls-manager, .secondary-monitor-workspaces {
+ spacing: 12px;
+}
+
+#overviewGroup {
+ background-color: #212121;
+}
+
+.osd-window {
+ spacing: 1em;
+ min-width: 64px;
+ min-height: 64px;
+}
+
+.osd-window StIcon {
+ icon-size: 96px;
+}
+
+#appMenu {
+ spacing: 6px;
+}
+
+#appMenu .label-shadow {
+ color: transparent;
+}
+
+#appMenu .panel-status-menu-box {
+ padding: 0 6px;
+ spacing: 6px;
+}
+
+.popup-menu {
+ padding: 6px 0;
+}
+
+.popup-menu .popup-menu-item:ltr {
+ padding-right: 1.5em !important;
+ padding-left: 0 !important;
+}
+
+.popup-menu .popup-menu-item:rtl {
+ padding-right: 0 !important;
+ padding-left: 1.5em !important;
+}
+
+.popup-separator-menu-item {
+ padding: 0;
+}
+
+.popup-separator-menu-item .popup-separator-menu-item-separator {
+ height: 1px;
+ margin: 0;
+ background-color: rgba(0, 0, 0, 0.12);
+ padding: 0;
+}
+
+.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator {
+ padding: 0;
+ margin: 0 32px 0 0;
+ height: 1px;
+}
+
+.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr {
+ padding-left: 18px;
+ margin-left: 1em;
+}
+
+.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl {
+ padding-right: 18px;
+ margin-right: 1em;
+}
+
+.search-entry {
+ margin-top: 24px;
+ margin-bottom: 6px;
+}
+
+.window-picker {
+ spacing: 6px;
+}
+
+.window-caption {
+ color: #FFFFFF;
+ background-color: #212121;
+ border-radius: 9999px;
+ padding: 6px 12px;
+}
+
+.window-close {
+ background-color: #242424;
+ color: #FFFFFF;
+ border-radius: 21px;
+ padding: 3px;
+ height: 30px;
+ width: 30px;
+ box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.5);
+ transition-duration: 300ms;
+}
+
+.window-close:hover {
+ color: #FFFFFF;
+ background-color: #333333;
+}
+
+.window-close:active {
+ color: #FFFFFF;
+ background-color: #151515;
+}
+
+.workspace-background {
+ border-radius: 30px;
+ background-color: #212121;
+ box-shadow: 0 4px 16px 4px rgba(0, 0, 0, 0.3);
+}
+
+/* Workspace pager */
+.workspace-thumbnails {
+ visible-width: 32px;
+ spacing: 6px;
+ padding: 6px;
+}
+
+.workspace-thumbnails .workspace-thumbnail {
+ color: rgba(255, 255, 255, 0.7);
+ background-color: rgba(255, 255, 255, 0.12);
+ border: none;
+ border-radius: 6px;
+}
+
+.workspace-thumbnails .placeholder {
+ background-image: url("assets/dash-placeholder.svg");
+ background-size: contain;
+ width: 18px;
+ height: 24px;
+}
+
+.workspace-thumbnail-indicator {
+ border: 3px solid #3c84f7;
+ border-radius: 3px;
+ padding: 0px;
+}
+
+.bottom #dashtodockDashScrollview,
+.top #dashtodockDashScrollview {
+ -st-hfade-offset: 24px;
+}
+
+.left #dashtodockDashScrollview,
+.right #dashtodockDashScrollview {
+ -st-vfade-offset: 24px;
+}
+
+#dashtodockContainer {
+ background-color: transparent;
+}
+
+#dashtodockContainer .number-overlay {
+ color: rgba(0, 0, 0, 0.87);
+ background-color: rgba(0, 0, 0, 0.75);
+ text-align: center;
+}
+
+#dashtodockContainer .notification-badge {
+ color: #FFFFFF;
+ background-color: #3c84f7;
+ box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25);
+ border-radius: 9999px;
+ margin: 2px;
+ padding: 0.2em 0.6em;
+ font-weight: bold;
+ text-align: center;
+}
+
+#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash {
+ border-radius: 0;
+ margin: 0;
+}
+
+#dashtodockContainer.straight-corner #dash .dash-background, #dashtodockContainer.shrink.straight-corner #dash .dash-background {
+ border-radius: 0;
+}
+
+#dashtodockContainer.extended.top #dash, #dashtodockContainer.extended.bottom #dash, #dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash {
+ margin-left: 0;
+ margin-right: 0;
+ margin-top: 0;
+ margin-bottom: 0;
+ padding: 0 0;
+}
+
+#dashtodockContainer.extended.top #dash .dash-background, #dashtodockContainer.extended.bottom #dash .dash-background, #dashtodockContainer.extended.right #dash .dash-background, #dashtodockContainer.extended.left #dash .dash-background {
+ border-radius: 0;
+ margin-left: 0;
+ margin-right: 0;
+ margin-top: 0;
+ margin-bottom: 0;
+}
+
+#dashtodockContainer.left #dash, #dashtodockContainer.right #dash {
+ margin-top: 0;
+ padding: 10px 0;
+}
+
+#dashtodockContainer.left #dash .dash-background, #dashtodockContainer.right #dash .dash-background {
+ margin-bottom: 0;
+}
+
+#dashtodockContainer.left .dash-item-container .app-well-app, #dashtodockContainer.left .show-apps, #dashtodockContainer.right .dash-item-container .app-well-app, #dashtodockContainer.right .show-apps {
+ padding: 6px;
+}
+
+#dashtodockContainer.left #dash {
+ margin-left: 6px;
+}
+
+#dashtodockContainer.right #dash {
+ margin-right: 6px;
+}
+
+#dashtodockContainer.dashtodock #dash .dash-background {
+ background-color: #f2f2f2;
+}
+
+#dashtodockContainer #dash .dash-background {
+ background-color: #f2f2f2;
+}
+
+#dashtodockContainer .app-well-app-running-dot {
+ background-color: rgba(0, 0, 0, 0.26) !important;
+}
+
+#dashtodockContainer StWidget.focused .app-well-app-running-dot {
+ background-color: #3c84f7 !important;
+}
+
+#dashtodockContainer:overview #dash .app-well-app-running-dot {
+ background-color: rgba(255, 255, 255, 0.3) !important;
+}
+
+#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot {
+ background-color: #3c84f7 !important;
+}
+
+#dashtodockContainer .show-apps .overview-icon,
+#dashtodockContainer .app-well-app .overview-icon {
+ color: rgba(0, 0, 0, 0.6);
+}
+
+#dashtodockContainer .show-apps:hover .overview-icon, #dashtodockContainer .show-apps:focus .overview-icon, #dashtodockContainer .show-apps:selected .overview-icon,
+#dashtodockContainer .app-well-app:hover .overview-icon,
+#dashtodockContainer .app-well-app:focus .overview-icon,
+#dashtodockContainer .app-well-app:selected .overview-icon {
+ background-color: rgba(0, 0, 0, 0.12);
+}
+
+#dashtodockContainer .show-apps:active .overview-icon, #dashtodockContainer .show-apps:checked .overview-icon,
+#dashtodockContainer .app-well-app:active .overview-icon,
+#dashtodockContainer .app-well-app:checked .overview-icon {
+ background-color: rgba(0, 0, 0, 0.26);
+}
+
+#dashtodockContainer:overview #dash .show-apps .overview-icon, #dashtodockContainer:overview #dash .app-well-app .overview-icon {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+#dashtodockContainer:overview #dash .show-apps:hover .overview-icon, #dashtodockContainer:overview #dash .show-apps:focus .overview-icon, #dashtodockContainer:overview #dash .show-apps:selected .overview-icon, #dashtodockContainer:overview #dash .app-well-app:hover .overview-icon, #dashtodockContainer:overview #dash .app-well-app:focus .overview-icon, #dashtodockContainer:overview #dash .app-well-app:selected .overview-icon {
+ background-color: rgba(255, 255, 255, 0.12);
+}
+
+#dashtodockContainer:overview #dash .show-apps:active .overview-icon, #dashtodockContainer:overview #dash .show-apps:checked .overview-icon, #dashtodockContainer:overview #dash .app-well-app:active .overview-icon, #dashtodockContainer:overview #dash .app-well-app:checked .overview-icon {
+ background-color: rgba(255, 255, 255, 0.3);
+}
+
+#dashtodockContainer .app-well-app-running-dot {
+ background-color: rgba(255, 255, 255, 0.3);
+}
+
+#dashtodockContainer StWidget.focused .app-well-app-running-dot {
+ background-color: #3c84f7;
+}
+
+#dashtodockContainer.opaque #dash .dash-background {
+ background-color: #f2f2f2;
+}
+
+#dashtodockContainer.transparent #dash .dash-background {
+ background-color: rgba(242, 242, 242, 0.35);
+}
+
+#dashtodockContainer:overview #dash .dash-background {
+ background-color: rgba(255, 255, 255, 0.12);
+}
+
+#dashtodockContainer.opaque:overview #dash .dash-background, #dashtodockContainer.transparent:overview #dash .dash-background {
+ background-color: transparent !important;
+ box-shadow: none !important;
+}
+
+#dashtodockContainer.extended:overview #dash .dash-background, #dashtodockContainer.opaque.extended:overview #dash .dash-background, #dashtodockContainer.transparent.extended:overview #dash .dash-background {
+ background-color: #f2f2f2;
+}
+
+#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton {
+ transition-duration: 250ms;
+ background-size: contain;
+}
+
+#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton {
+ padding: 1px 2px;
+}
+
+#dashtodockContainer.extended .app-well-app .overview-icon,
+#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon,
+#dashtodockContainer.extended:overview .show-apps .overview-icon {
+ border-radius: 6px;
+}
+
+#dashtodockContainer .metro .overview-icon {
+ border-radius: 0;
+}
+
+.dashtodock-app-well-preview-menu-item {
+ padding: 1em 1em 0.5em 1em;
+}
+
+#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal {
+ width: 1px;
+ height: auto;
+ border-right-width: 1px;
+ margin: 32px 0;
+}
+
+.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box {
+ border: 1px solid transparent;
+}
+
+.openweather-provider {
+ padding: 0 16px;
+ font-weight: 500;
+ border: 1px solid transparent;
+}
+
+.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox {
+ background: none;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.openweather-current-databox-values {
+ background: none;
+ color: rgba(0, 0, 0, 0.38);
+}
+
+.openweather-current-databox-captions {
+ background: none;
+ color: rgba(0, 0, 0, 0.38);
+}
+
+.openweather-forecast-icon, .openweather-forecast-summary {
+ background: none;
+ color: rgba(0, 0, 0, 0.6);
+}
+
+.openweather-forecast-day, .openweather-forecast-temperature {
+ background: none;
+ color: rgba(0, 0, 0, 0.38);
+}
+
+.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon {
+ color: rgba(0, 0, 0, 0.6);
+}
diff --git a/src/main/gnome-shell/gnome-shell-light.scss b/src/main/gnome-shell/gnome-shell-Light.scss
similarity index 100%
rename from src/main/gnome-shell/gnome-shell-light.scss
rename to src/main/gnome-shell/gnome-shell-Light.scss
diff --git a/src/main/gtk-2.0/gtkrc-dark-default b/src/main/gtk-2.0/gtkrc-Dark-default
similarity index 100%
rename from src/main/gtk-2.0/gtkrc-dark-default
rename to src/main/gtk-2.0/gtkrc-Dark-default
diff --git a/src/main/gtk-3.0/gtk-Dark.css b/src/main/gtk-3.0/gtk-Dark.css
new file mode 100644
index 00000000..179cb789
--- /dev/null
+++ b/src/main/gtk-3.0/gtk-Dark.css
@@ -0,0 +1,8021 @@
+@keyframes ripple {
+ to {
+ background-size: 1000% 1000%;
+ }
+}
+
+@keyframes ripple-on-slider {
+ to {
+ background-size: auto, 1000% 1000%;
+ }
+}
+
+@keyframes ripple-on-headerbar {
+ from {
+ background-image: radial-gradient(circle, #5b9bf8 0%, transparent 0%);
+ }
+ to {
+ background-image: radial-gradient(circle, #5b9bf8 100%, transparent 0%);
+ }
+}
+
+* {
+ background-clip: padding-box;
+ -GtkToolButton-icon-spacing: 0;
+ -GtkTextView-error-underline-color: #F44336;
+ -GtkScrolledWindow-scrollbar-spacing: 0;
+ -GtkToolItemGroup-expander-size: 11;
+ -GtkWidget-text-handle-width: 24;
+ -GtkWidget-text-handle-height: 24;
+ -GtkDialog-button-spacing: 6;
+ -GtkDialog-action-area-border: 6;
+ outline-style: solid;
+ outline-width: 2px;
+ outline-color: transparent;
+ outline-offset: -4px;
+ -gtk-outline-radius: 6px;
+ -gtk-secondary-caret-color: #5b9bf8;
+}
+
+*:focus {
+ outline-color: alpha(currentColor, 0.1);
+}
+
+XfdesktopIconView.view:active, calendar.raven-calendar:selected, box.vertical > widget > widget:selected, calendar:selected, .csd treeview.view:selected, modelbutton.flat:selected,
+.menuitem.button.flat:selected, .background.csd .view:selected {
+ color: #FFFFFF;
+ background-color: alpha(currentColor, 0.1);
+}
+
+.nemo-window .view selection, .nemo-window .view:selected, .nautilus-window notebook .view:not(treeview) selection, .nautilus-window notebook .view:not(treeview):selected, .nautilus-window flowboxchild:selected .icon-item-background, flowbox flowboxchild:selected {
+ color: #5b9bf8;
+ background-color: rgba(91, 155, 248, 0.2);
+}
+
+.nemo-window .nemo-window-pane widget.entry:selected, window.background.csd evview.view.content-view:selected, window.background.csd evview.view.content-view:selected:backdrop, .nautilus-window.background.csd notebook widget.view:selected, spinbutton.vertical selection, spinbutton:not(.vertical) selection,
+entry selection, label selection, textview text selection:focus, textview text selection, widget.view:selected, .view:selected {
+ color: #FFFFFF;
+ background-color: #5b9bf8;
+}
+
+.linked:not(.vertical) > button, .linked:not(.vertical) > spinbutton.vertical, .linked:not(.vertical) > spinbutton:not(.vertical), .linked:not(.vertical) > entry {
+ border-radius: 0;
+}
+
+.linked:not(.vertical) > button:first-child, .linked:not(.vertical) > spinbutton.vertical:first-child, .linked:not(.vertical) > spinbutton:first-child:not(.vertical), .linked:not(.vertical) > entry:first-child {
+ border-top-left-radius: 6px;
+ border-bottom-left-radius: 6px;
+}
+
+.linked:not(.vertical) > button:last-child, .linked:not(.vertical) > spinbutton.vertical:last-child, .linked:not(.vertical) > spinbutton:last-child:not(.vertical), .linked:not(.vertical) > entry:last-child {
+ border-top-right-radius: 6px;
+ border-bottom-right-radius: 6px;
+}
+
+.linked:not(.vertical) > button:only-child, .linked:not(.vertical) > spinbutton.vertical:only-child, .linked:not(.vertical) > spinbutton:only-child:not(.vertical), .linked:not(.vertical) > entry:only-child {
+ border-radius: 6px;
+}
+
+.linked.vertical > button, .linked.vertical > spinbutton.vertical, .linked.vertical > spinbutton:not(.vertical), .linked.vertical > entry {
+ border-radius: 0;
+}
+
+.linked.vertical > button:first-child, .linked.vertical > spinbutton.vertical:first-child, .linked.vertical > spinbutton:first-child:not(.vertical), .linked.vertical > entry:first-child {
+ border-top-left-radius: 6px;
+ border-top-right-radius: 6px;
+}
+
+.linked.vertical > button:last-child, .linked.vertical > spinbutton.vertical:last-child, .linked.vertical > spinbutton:last-child:not(.vertical), .linked.vertical > entry:last-child {
+ border-bottom-left-radius: 6px;
+ border-bottom-right-radius: 6px;
+}
+
+.linked.vertical > button:only-child, .linked.vertical > spinbutton.vertical:only-child, .linked.vertical > spinbutton:only-child:not(.vertical), .linked.vertical > entry:only-child {
+ border-radius: 6px;
+}
+
+/***************
+ * Base States *
+ ***************/
+.background {
+ background-color: #2C2C2C;
+ color: #FFFFFF;
+}
+
+.background.csd {
+ border-radius: 0 0 12px 12px;
+}
+
+.background.maximized, .background.solid-csd {
+ border-radius: 0;
+}
+
+*:disabled {
+ -gtk-icon-effect: dim;
+}
+
+.gtkstyle-fallback {
+ background-color: #2C2C2C;
+ color: #FFFFFF;
+}
+
+.gtkstyle-fallback:hover {
+ background-color: #1f1f1f;
+ color: #FFFFFF;
+}
+
+.gtkstyle-fallback:active {
+ background-color: #131313;
+ color: #FFFFFF;
+}
+
+.gtkstyle-fallback:disabled {
+ background-color: #2C2C2C;
+ color: rgba(255, 255, 255, 0.5);
+}
+
+.gtkstyle-fallback:selected {
+ background-color: #5b9bf8;
+ color: #FFFFFF;
+}
+
+.view {
+ background-color: #2C2C2C;
+ color: #FFFFFF;
+}
+
+.view:hover {
+ box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+.view:disabled {
+ color: rgba(255, 255, 255, 0.5);
+}
+
+.view:selected:hover {
+ box-shadow: none;
+}
+
+window.background.csd > stack.view {
+ border-radius: 0 0 12px 12px;
+}
+
+textview text {
+ background-color: #2C2C2C;
+}
+
+textview border {
+ background-color: #242424;
+ color: rgba(255, 255, 255, 0.7);
+}
+
+iconview:hover, iconview:selected {
+ border-radius: 6px;
+}
+
+.rubberband,
+rubberband,
+XfdesktopIconView.view .rubberband,
+.content-view rubberband,
+.content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view .rubberband,
+.content-view treeview.view rubberband,
+.content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view .rubberband,
+treeview.view .content-view rubberband,
+treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view treeview.view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox treeview.view .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox treeview.view .content-view .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+.content-view .rubberband,
+treeview.view rubberband,
+treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .rubberband,
+treeview.view .content-view rubberband,
+treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view .rubberband,
+.content-view treeview.view rubberband,
+.content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+treeview.view .content-view .rubberband,
+.content-view treeview.view .rubberband,
+treeview.view flowbox rubberband,
+treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view .content-view flowbox rubberband,
+treeview.view .content-view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view flowbox .rubberband,
+treeview.view .content-view flowbox treeview.view rubberband,
+treeview.view .content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view flowbox treeview.view .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+flowbox treeview.view rubberband,
+flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox .content-view treeview.view rubberband,
+flowbox .content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view .rubberband,
+flowbox .content-view treeview.view flowbox rubberband,
+flowbox .content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view flowbox .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+flowbox rubberband,
+flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .rubberband,
+flowbox .content-view treeview.view rubberband,
+flowbox .content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+treeview.view .content-view flowbox rubberband,
+treeview.view .content-view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+flowbox treeview.view rubberband,
+flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox .content-view treeview.view rubberband,
+flowbox .content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view .rubberband,
+flowbox .content-view treeview.view flowbox rubberband,
+flowbox .content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view flowbox .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+treeview.view flowbox rubberband,
+treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view .content-view flowbox rubberband,
+treeview.view .content-view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view flowbox .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband {
+ border: 1px solid #5b9bf8;
+ background-color: rgba(91, 155, 248, 0.3);
+}
+
+flowbox flowboxchild {
+ padding: 4px;
+ border-radius: 6px;
+}
+
+.content-view .tile:selected {
+ background-color: transparent;
+}
+
+label {
+ caret-color: currentColor;
+}
+
+label.separator {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+label:disabled {
+ color: rgba(255, 255, 255, 0.5);
+}
+
+headerbar label:disabled, tab label:disabled, button label:disabled {
+ color: inherit;
+}
+
+label.osd {
+ border-radius: 6px;
+ background-color: rgba(25, 25, 25, 0.9);
+ color: #FFFFFF;
+}
+
+.dim-label {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+assistant .sidebar {
+ padding: 4px 0;
+}
+
+assistant .sidebar label {
+ min-height: 36px;
+ padding: 0 12px;
+ color: rgba(255, 255, 255, 0.5);
+ font-weight: 500;
+}
+
+assistant .sidebar label.highlight {
+ color: #FFFFFF;
+}
+
+/*********************
+ * Spinner Animation *
+ *********************/
+@keyframes spin {
+ to {
+ -gtk-icon-transform: rotate(1turn);
+ }
+}
+
+spinner {
+ background: none;
+ opacity: 0;
+ -gtk-icon-source: -gtk-icontheme("process-working-symbolic");
+}
+
+spinner:checked {
+ opacity: 1;
+ animation: spin 1s linear infinite;
+}
+
+spinner:checked:disabled {
+ opacity: 0.5;
+}
+
+/****************
+ * Text Entries *
+ ****************/
+spinbutton.vertical, spinbutton:not(.vertical),
+entry {
+ min-height: 36px;
+ padding: 0 8px;
+ border-radius: 6px;
+ caret-color: currentColor;
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+ box-shadow: inset 0 0 0 2px transparent;
+ background-color: rgba(255, 255, 255, 0.08);
+ color: #FFFFFF;
+}
+
+spinbutton.vertical:focus, spinbutton:focus:not(.vertical),
+entry:focus {
+ background-color: rgba(255, 255, 255, 0.08);
+ box-shadow: inset 0 0 0 2px #5b9bf8;
+}
+
+spinbutton.vertical:drop(active), spinbutton:drop(active):not(.vertical),
+entry:drop(active) {
+ background-color: alpha(currentColor, 0.08);
+ box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+}
+
+spinbutton.vertical:disabled, spinbutton:disabled:not(.vertical),
+entry:disabled {
+ box-shadow: inset 0 0 0 2px transparent;
+ background-color: rgba(255, 255, 255, 0.08);
+ color: rgba(255, 255, 255, 0.5);
+}
+
+spinbutton.flat.vertical, spinbutton.flat:not(.vertical),
+entry.flat {
+ min-height: 0;
+ padding: 2px;
+ border-radius: 0;
+ background-color: transparent;
+}
+
+spinbutton.vertical image, spinbutton:not(.vertical) image,
+entry image {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+spinbutton.vertical image:hover, spinbutton:not(.vertical) image:hover, spinbutton.vertical image:active, spinbutton:not(.vertical) image:active,
+entry image:hover,
+entry image:active {
+ color: #FFFFFF;
+}
+
+spinbutton.vertical image:disabled, spinbutton:not(.vertical) image:disabled,
+entry image:disabled {
+ color: rgba(255, 255, 255, 0.5);
+}
+
+spinbutton.vertical image.left, spinbutton:not(.vertical) image.left,
+entry image.left {
+ margin-left: 2px;
+ margin-right: 6px;
+}
+
+spinbutton.vertical image.right, spinbutton:not(.vertical) image.right,
+entry image.right {
+ margin-left: 6px;
+ margin-right: 2px;
+}
+
+spinbutton.vertical undershoot.left, spinbutton:not(.vertical) undershoot.left,
+entry undershoot.left {
+ background-color: transparent;
+ background-image: linear-gradient(to top, transparent 50%, rgba(255, 255, 255, 0.3) 50%);
+ padding-left: 1px;
+ background-size: 1px 12px;
+ background-repeat: repeat-y;
+ background-origin: content-box;
+ background-position: left top;
+ margin: 0 4px;
+ margin: 4px 0;
+}
+
+spinbutton.vertical undershoot.right, spinbutton:not(.vertical) undershoot.right,
+entry undershoot.right {
+ background-color: transparent;
+ background-image: linear-gradient(to top, transparent 50%, rgba(255, 255, 255, 0.3) 50%);
+ padding-right: 1px;
+ background-size: 1px 12px;
+ background-repeat: repeat-y;
+ background-origin: content-box;
+ background-position: right top;
+ margin: 0 4px;
+ margin: 4px 0;
+}
+
+spinbutton.error.vertical, spinbutton.error:not(.vertical),
+entry.error {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+ box-shadow: inset 0 0 0 2px transparent;
+ background-color: rgba(255, 255, 255, 0.08);
+ color: #FFFFFF;
+}
+
+spinbutton.error.vertical:focus, spinbutton.error:focus:not(.vertical),
+entry.error:focus {
+ background-color: rgba(255, 255, 255, 0.08);
+ box-shadow: inset 0 0 0 2px #F44336;
+}
+
+spinbutton.error.vertical:disabled, spinbutton.error:disabled:not(.vertical),
+entry.error:disabled {
+ box-shadow: inset 0 0 0 2px transparent;
+ background-color: rgba(255, 255, 255, 0.08);
+ color: rgba(255, 255, 255, 0.5);
+}
+
+spinbutton.warning.vertical, spinbutton.warning:not(.vertical),
+entry.warning {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+ box-shadow: inset 0 0 0 2px transparent;
+ background-color: rgba(255, 255, 255, 0.08);
+ color: #FFFFFF;
+}
+
+spinbutton.warning.vertical:focus, spinbutton.warning:focus:not(.vertical),
+entry.warning:focus {
+ background-color: rgba(255, 255, 255, 0.08);
+ box-shadow: inset 0 0 0 2px #FBC02D;
+}
+
+spinbutton.warning.vertical:disabled, spinbutton.warning:disabled:not(.vertical),
+entry.warning:disabled {
+ box-shadow: inset 0 0 0 2px transparent;
+ background-color: rgba(255, 255, 255, 0.08);
+ color: rgba(255, 255, 255, 0.5);
+}
+
+spinbutton.vertical progress, spinbutton:not(.vertical) progress,
+entry progress {
+ margin: 2px -8px;
+ border-bottom: 2px solid #5b9bf8;
+ background-color: transparent;
+}
+
+treeview entry.flat, treeview entry {
+ background-color: #2C2C2C;
+}
+
+treeview entry.flat, treeview entry.flat:focus, treeview entry, treeview entry:focus {
+ border-image: none;
+ box-shadow: none;
+}
+
+.entry-tag, .photos-entry-tag, .documents-entry-tag {
+ margin: 2px;
+ border-radius: 9999px;
+ box-shadow: none;
+ background-color: rgba(255, 255, 255, 0.12);
+ color: #FFFFFF;
+}
+
+.entry-tag:hover, .photos-entry-tag:hover, .documents-entry-tag:hover {
+ background-image: image(alpha(currentColor, 0.08));
+}
+
+:dir(ltr) .entry-tag, :dir(ltr) .photos-entry-tag, :dir(ltr) .documents-entry-tag {
+ margin-left: 4px;
+ margin-right: 0;
+ padding-left: 12px;
+ padding-right: 8px;
+}
+
+:dir(rtl) .entry-tag, :dir(rtl) .photos-entry-tag, :dir(rtl) .documents-entry-tag {
+ margin-left: 0;
+ margin-right: 4px;
+ padding-left: 8px;
+ padding-right: 12px;
+}
+
+.entry-tag.button, .button.photos-entry-tag, .button.documents-entry-tag {
+ box-shadow: none;
+ background-color: transparent;
+}
+
+.entry-tag.button:not(:hover):not(:active), .button.photos-entry-tag:not(:hover):not(:active), .button.documents-entry-tag:not(:hover):not(:active) {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+/***********
+ * Buttons *
+ ***********/
+@keyframes needs-attention {
+ from {
+ background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#5b9bf8), to(transparent));
+ }
+ to {
+ background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#5b9bf8), to(transparent));
+ }
+}
+
+.xfce4-panel.background button, .raven-mpris button.image-button, .mate-panel-menu-bar button, infobar.warning > revealer > box button, infobar.warning:backdrop > revealer > box button {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.xfce4-panel.background button:focus, .raven-mpris button.image-button:focus, .mate-panel-menu-bar button:focus, infobar.warning > revealer > box button:focus, .xfce4-panel.background button:hover, .raven-mpris button.image-button:hover, .mate-panel-menu-bar button:hover, infobar.warning > revealer > box button:hover, .xfce4-panel.background button:active, .raven-mpris button.image-button:active, .mate-panel-menu-bar button:active, infobar.warning > revealer > box button:active, .xfce4-panel.background button:checked, .raven-mpris button.image-button:checked, .mate-panel-menu-bar button:checked, infobar.warning > revealer > box button:checked {
+ color: #FFFFFF;
+}
+
+.xfce4-panel.background button:disabled, .raven-mpris button.image-button:disabled, .mate-panel-menu-bar button:disabled, infobar.warning > revealer > box button:disabled {
+ color: rgba(255, 255, 255, 0.3);
+}
+
+.xfce4-panel.background button:checked:disabled, .raven-mpris button.image-button:checked:disabled, .mate-panel-menu-bar button:checked:disabled, infobar.warning > revealer > box button:checked:disabled {
+ color: rgba(255, 255, 255, 0.5);
+}
+
+actionbar > revealer > box .linked > button:not(.suggested-action):not(.destructive-action), button {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+ outline: none;
+ box-shadow: inset 0 0 0 9999px transparent;
+ background-color: rgba(255, 255, 255, 0.08);
+ background-image: radial-gradient(circle, transparent 10%, transparent 0%);
+ background-repeat: no-repeat;
+ background-position: center;
+ background-size: 1000% 1000%;
+ color: #FFFFFF;
+}
+
+actionbar > revealer > box .linked > button:focus:not(.suggested-action):not(.destructive-action), button:focus {
+ box-shadow: 0 0 0 2px rgba(91, 155, 248, 0.35);
+}
+
+actionbar > revealer > box .linked > button:hover:not(.suggested-action):not(.destructive-action), button:hover {
+ box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+actionbar > revealer > box .linked > button:active:not(.suggested-action):not(.destructive-action), button:active {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms, border 0ms;
+ animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+ box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+ background-image: radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%);
+ background-size: 0% 0%;
+}
+
+actionbar > revealer > box .linked > button:disabled:not(.suggested-action):not(.destructive-action), button:disabled {
+ box-shadow: none;
+ background-color: rgba(255, 255, 255, 0.04);
+ color: rgba(255, 255, 255, 0.5);
+}
+
+actionbar > revealer > box .linked > button:checked:not(.suggested-action):not(.destructive-action), button:checked {
+ background-color: #5b9bf8;
+ color: #FFFFFF;
+}
+
+actionbar > revealer > box .linked > button:checked:hover:not(.suggested-action):not(.destructive-action), button:checked:hover {
+ box-shadow: inset 0 0 0 9999px transparent;
+}
+
+actionbar > revealer > box .linked > button:checked:disabled:not(.suggested-action):not(.destructive-action), button:checked:disabled {
+ box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.1);
+ background-color: rgba(255, 255, 255, 0.04);
+ color: rgba(255, 255, 255, 0.5);
+}
+
+.raven .expander-button, window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle,
+window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem button.flat.scale, window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button,
+window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button,
+window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button,
+window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, .nautilus-window headerbar revealer > button, button.titlebutton:not(.suggested-action):not(.destructive-action), filechooser #pathbarbox > stack > box > button, button.close, button.circular, .inline-toolbar button:not(.text-button) {
+ border-radius: 9999px;
+}
+
+.raven .expander-button label, window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle label,
+window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:not(.toggle):not(.raised):not(.flat) label, window.background > box.vertical > toolbar.primary-toolbar > toolitem button.flat.scale label, window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised label, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button label,
+window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button label,
+window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button label,
+window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button label, .nautilus-window headerbar revealer > button label, button.titlebutton:not(.suggested-action):not(.destructive-action) label, filechooser #pathbarbox > stack > box > button label, button.close label, button.circular label, .inline-toolbar button:not(.text-button) label {
+ padding: 0;
+}
+
+.pluma-window paned.horizontal box.vertical box.horizontal button.flat, .gedit-document-panel row button.flat, .nautilus-window .floating-bar button, placessidebar.sidebar row button.sidebar-button, notebook > header tab button.flat, spinbutton.vertical button, spinbutton:not(.vertical) button {
+ min-height: 24px;
+ min-width: 24px;
+ padding: 0;
+ border-radius: 9999px;
+}
+
+button {
+ min-height: 24px;
+ min-width: 16px;
+ padding: 6px 10px;
+ border-radius: 6px;
+ font-weight: 500;
+}
+
+button:drop(active) {
+ box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+.budgie-session-dialog .linked.horizontal > button,
+.budgie-polkit-dialog .linked.horizontal > button,
+.budgie-run-dialog .linked.horizontal > button, .drop-shadow button, .budgie-panel button, .budgie-popover row button, .budgie-settings-window buttonbox.inline-toolbar button, #mate-menu button, #MatePanelPopupWindow button, popover.messagepopover .popover-action-area button, tabbox > tab button, placessidebar.sidebar row button.sidebar-button, calendar.button, .budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable button.circular, treeview.view header button button.circular, row.activatable button.circular, scrollbar button, notebook > header > tabs > arrow, spinbutton.vertical button, spinbutton:not(.vertical) button, modelbutton.flat,
+.menuitem.button.flat, .nemo-window .toolbar button, #buttonbox_frame button, .xfce4-panel.background button, .raven stackswitcher.linked > button, .budgie-popover.budgie-menu scrolledwindow.sidebar.categories button.flat.radio.category-button, .lock-dialog button, .mate-panel-menu-bar button, window.background.csd.geary-main-window stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button,
+window#GearyMainWindow.background.csd stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button, layouttabbar button, filechooser #pathbarbox > stack > box > button, messagedialog .dialog-action-box button, messagedialog .dialog-action-box .linked:not(.vertical) > button, .app-notification button, actionbar > revealer > box button:not(.suggested-action):not(.destructive-action), popover.background.menu button,
+popover.background button.model, .nemo-window .primary-toolbar button:not(.text-button), headerbar button:not(.suggested-action):not(.destructive-action), toolbar button, combobox > .linked:not(.vertical) > button:not(:only-child), button.flat {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+ outline: none;
+ box-shadow: inset 0 0 0 9999px transparent;
+ background-color: transparent;
+ background-image: radial-gradient(circle, transparent 10%, transparent 0%);
+ background-repeat: no-repeat;
+ background-position: center;
+ background-size: 1000% 1000%;
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.budgie-session-dialog .linked.horizontal > button:focus,
+.budgie-polkit-dialog .linked.horizontal > button:focus,
+.budgie-run-dialog .linked.horizontal > button:focus, .drop-shadow button:focus, .budgie-panel button:focus, .budgie-popover row button:focus, .budgie-settings-window buttonbox.inline-toolbar button:focus, #mate-menu button:focus, #MatePanelPopupWindow button:focus, popover.messagepopover .popover-action-area button:focus, tabbox > tab button:focus, placessidebar.sidebar row button.sidebar-button:focus, calendar.button:focus, .budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable button.circular:focus, treeview.view header button button.circular:focus, row.activatable button.circular:focus, scrollbar button:focus, notebook > header > tabs > arrow:focus, spinbutton.vertical button:focus, spinbutton:not(.vertical) button:focus, modelbutton.flat:focus,
+.menuitem.button.flat:focus, .nemo-window .toolbar button:focus, #buttonbox_frame button:focus, .xfce4-panel.background button:focus, .raven stackswitcher.linked > button:focus, .budgie-popover.budgie-menu scrolledwindow.sidebar.categories button.flat.radio.category-button:focus, .lock-dialog button:focus, .mate-panel-menu-bar button:focus, window.background.csd.geary-main-window stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:focus,
+window#GearyMainWindow.background.csd stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:focus, layouttabbar button:focus, filechooser #pathbarbox > stack > box > button:focus, messagedialog .dialog-action-box button:focus, messagedialog .dialog-action-box .linked:not(.vertical) > button:focus, .app-notification button:focus, actionbar > revealer > box button:focus:not(.suggested-action):not(.destructive-action), popover.background.menu button:focus,
+popover.background button.model:focus, .nemo-window .primary-toolbar button:focus:not(.text-button), headerbar button:focus:not(.suggested-action):not(.destructive-action), toolbar button:focus, combobox > .linked:not(.vertical) > button:focus:not(:only-child), button.flat:focus {
+ box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+ color: #FFFFFF;
+}
+
+.budgie-session-dialog .linked.horizontal > button:hover,
+.budgie-polkit-dialog .linked.horizontal > button:hover,
+.budgie-run-dialog .linked.horizontal > button:hover, .drop-shadow button:hover, .budgie-panel button:hover, .budgie-popover row button:hover, .budgie-settings-window buttonbox.inline-toolbar button:hover, #mate-menu button:hover, #MatePanelPopupWindow button:hover, popover.messagepopover .popover-action-area button:hover, tabbox > tab button:hover, placessidebar.sidebar row button.sidebar-button:hover, calendar.button:hover, .budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable button.circular:hover, treeview.view header button button.circular:hover, row.activatable button.circular:hover, scrollbar button:hover, notebook > header > tabs > arrow:hover, spinbutton.vertical button:hover, spinbutton:not(.vertical) button:hover, modelbutton.flat:hover,
+.menuitem.button.flat:hover, .nemo-window .toolbar button:hover, #buttonbox_frame button:hover, .xfce4-panel.background button:hover, .raven stackswitcher.linked > button:hover, .budgie-popover.budgie-menu scrolledwindow.sidebar.categories button.flat.radio.category-button:hover, .lock-dialog button:hover, .mate-panel-menu-bar button:hover, window.background.csd.geary-main-window stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:hover,
+window#GearyMainWindow.background.csd stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:hover, layouttabbar button:hover, filechooser #pathbarbox > stack > box > button:hover, messagedialog .dialog-action-box button:hover, messagedialog .dialog-action-box .linked:not(.vertical) > button:hover, .app-notification button:hover, actionbar > revealer > box button:hover:not(.suggested-action):not(.destructive-action), popover.background.menu button:hover,
+popover.background button.model:hover, .nemo-window .primary-toolbar button:hover:not(.text-button), headerbar button:hover:not(.suggested-action):not(.destructive-action), toolbar button:hover, combobox > .linked:not(.vertical) > button:hover:not(:only-child), button.flat:hover {
+ box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+ color: #FFFFFF;
+}
+
+.budgie-session-dialog .linked.horizontal > button:active,
+.budgie-polkit-dialog .linked.horizontal > button:active,
+.budgie-run-dialog .linked.horizontal > button:active, .drop-shadow button:active, .budgie-panel button:active, .budgie-popover row button:active, .budgie-settings-window buttonbox.inline-toolbar button:active, #mate-menu button:active, #MatePanelPopupWindow button:active, popover.messagepopover .popover-action-area button:active, tabbox > tab button:active, placessidebar.sidebar row button.sidebar-button:active, calendar.button:active, .budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable button.circular:active, treeview.view header button button.circular:active, row.activatable button.circular:active, scrollbar button:active, notebook > header > tabs > arrow:active, spinbutton.vertical button:active, spinbutton:not(.vertical) button:active, modelbutton.flat:active,
+.menuitem.button.flat:active, .nemo-window .toolbar button:active, #buttonbox_frame button:active, .xfce4-panel.background button:active, .raven stackswitcher.linked > button:active, .budgie-popover.budgie-menu scrolledwindow.sidebar.categories button.flat.radio.category-button:active, .lock-dialog button:active, .mate-panel-menu-bar button:active, window.background.csd.geary-main-window stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:active,
+window#GearyMainWindow.background.csd stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:active, layouttabbar button:active, filechooser #pathbarbox > stack > box > button:active, messagedialog .dialog-action-box button:active, messagedialog .dialog-action-box .linked:not(.vertical) > button:active, .app-notification button:active, actionbar > revealer > box button:active:not(.suggested-action):not(.destructive-action), popover.background.menu button:active,
+popover.background button.model:active, .nemo-window .primary-toolbar button:active:not(.text-button), headerbar button:active:not(.suggested-action):not(.destructive-action), toolbar button:active, combobox > .linked:not(.vertical) > button:active:not(:only-child), button.flat:active {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms;
+ animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+ box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+ background-image: radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%);
+ background-size: 0% 0%;
+ color: #FFFFFF;
+}
+
+.budgie-session-dialog .linked.horizontal > button:disabled,
+.budgie-polkit-dialog .linked.horizontal > button:disabled,
+.budgie-run-dialog .linked.horizontal > button:disabled, .drop-shadow button:disabled, .budgie-panel button:disabled, .budgie-popover row button:disabled, .budgie-settings-window buttonbox.inline-toolbar button:disabled, #mate-menu button:disabled, #MatePanelPopupWindow button:disabled, popover.messagepopover .popover-action-area button:disabled, tabbox > tab button:disabled, placessidebar.sidebar row button.sidebar-button:disabled, calendar.button:disabled, .budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable button.circular:disabled, treeview.view header button button.circular:disabled, row.activatable button.circular:disabled, scrollbar button:disabled, notebook > header > tabs > arrow:disabled, spinbutton.vertical button:disabled, spinbutton:not(.vertical) button:disabled, modelbutton.flat:disabled,
+.menuitem.button.flat:disabled, .nemo-window .toolbar button:disabled, #buttonbox_frame button:disabled, .xfce4-panel.background button:disabled, .raven stackswitcher.linked > button:disabled, .budgie-popover.budgie-menu scrolledwindow.sidebar.categories button.flat.radio.category-button:disabled, .lock-dialog button:disabled, .mate-panel-menu-bar button:disabled, window.background.csd.geary-main-window stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:disabled,
+window#GearyMainWindow.background.csd stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:disabled, layouttabbar button:disabled, filechooser #pathbarbox > stack > box > button:disabled, messagedialog .dialog-action-box button:disabled, messagedialog .dialog-action-box .linked:not(.vertical) > button:disabled, .app-notification button:disabled, actionbar > revealer > box button:disabled:not(.suggested-action):not(.destructive-action), popover.background.menu button:disabled,
+popover.background button.model:disabled, .nemo-window .primary-toolbar button:disabled:not(.text-button), headerbar button:disabled:not(.suggested-action):not(.destructive-action), toolbar button:disabled, combobox > .linked:not(.vertical) > button:disabled:not(:only-child), button.flat:disabled {
+ box-shadow: none;
+ background-color: transparent;
+ color: rgba(255, 255, 255, 0.3);
+}
+
+.nemo-window .toolbar button:checked, #buttonbox_frame button:checked, .xfce4-panel.background button:checked, .raven stackswitcher.linked > button:checked, .budgie-popover.budgie-menu scrolledwindow.sidebar.categories button.flat.radio.category-button:checked, .lock-dialog button:checked, .mate-panel-menu-bar button:checked, window.background.csd.geary-main-window stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:checked,
+window#GearyMainWindow.background.csd stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:checked, layouttabbar button:checked, filechooser #pathbarbox > stack > box > button:checked, messagedialog .dialog-action-box button:checked, messagedialog .dialog-action-box .linked:not(.vertical) > button:checked, .app-notification button:checked, actionbar > revealer > box button:checked:not(.suggested-action):not(.destructive-action), popover.background.menu button:checked,
+popover.background button.model:checked, .nemo-window .primary-toolbar button:checked:not(.text-button), headerbar button:checked:not(.suggested-action):not(.destructive-action), toolbar button:checked, combobox > .linked:not(.vertical) > button:checked:not(:only-child), button.flat:checked, button.flat:checked:hover {
+ background-color: alpha(currentColor, 0.1);
+ color: #FFFFFF;
+}
+
+.nemo-window .toolbar button:checked:disabled, #buttonbox_frame button:checked:disabled, .xfce4-panel.background button:checked:disabled, .raven stackswitcher.linked > button:checked:disabled, .budgie-popover.budgie-menu scrolledwindow.sidebar.categories button.flat.radio.category-button:checked:disabled, .lock-dialog button:checked:disabled, .mate-panel-menu-bar button:checked:disabled, window.background.csd.geary-main-window stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:checked:disabled,
+window#GearyMainWindow.background.csd stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:checked:disabled, layouttabbar button:checked:disabled, filechooser #pathbarbox > stack > box > button:checked:disabled, messagedialog .dialog-action-box button:checked:disabled, .app-notification button:checked:disabled, actionbar > revealer > box button:checked:disabled:not(.suggested-action):not(.destructive-action), popover.background.menu button:checked:disabled,
+popover.background button.model:checked:disabled, .nemo-window .primary-toolbar button:checked:disabled:not(.text-button), headerbar button:checked:disabled:not(.suggested-action):not(.destructive-action), toolbar button:checked:disabled, combobox > .linked:not(.vertical) > button:checked:disabled:not(:only-child), button.flat:checked:disabled {
+ background-color: alpha(currentColor, 0.1);
+ color: rgba(255, 255, 255, 0.5);
+}
+
+button.text-button {
+ min-width: 32px;
+ padding-left: 16px;
+ padding-right: 16px;
+}
+
+button.image-button {
+ min-width: 24px;
+ padding: 6px;
+}
+
+button.text-button.image-button {
+ min-width: 24px;
+ padding: 6px;
+ border-radius: 6px;
+}
+
+button.text-button.image-button label:first-child {
+ margin-left: 10px;
+}
+
+button.text-button.image-button label:last-child {
+ margin-right: 10px;
+}
+
+button.text-button.image-button.flat label:first-child {
+ margin-left: 6px;
+}
+
+button.text-button.image-button.flat label:last-child {
+ margin-right: 6px;
+}
+
+button.text-button.image-button image:not(:only-child) {
+ margin: 0 4px;
+}
+
+.linked:not(.vertical) > button.flat:not(:only-child), .linked.vertical > button.flat:not(:only-child) {
+ border-radius: 6px;
+}
+
+.linked:not(.vertical) > button.flat:not(:only-child).image-button:not(.text-button), .linked.vertical > button.flat:not(:only-child).image-button:not(.text-button) {
+ border-radius: 9999px;
+}
+
+button.osd {
+ min-width: 24px;
+ min-width: 24px;
+ padding: 12px 16px;
+ background-color: #5b9bf8;
+ color: #FFFFFF;
+}
+
+button.osd:hover {
+ background-color: #6fa7f9;
+ color: #FFFFFF;
+}
+
+button.osd:active {
+ background-color: #86b5fa;
+ color: #FFFFFF;
+}
+
+button.osd.image-button, button.osd.circular {
+ padding: 12px;
+}
+
+button.osd.image-button > image, button.osd.circular > image {
+ padding: 0;
+}
+
+button.osd:disabled {
+ opacity: 0;
+}
+
+button.suggested-action {
+ background-color: #5b9bf8;
+ color: #FFFFFF;
+ box-shadow: none;
+}
+
+button.suggested-action:disabled {
+ box-shadow: none;
+ background-color: rgba(255, 255, 255, 0.04);
+ color: rgba(255, 255, 255, 0.5);
+}
+
+button.suggested-action:hover {
+ box-shadow: inset 0 0 0 9999px transparent, 0 2px 2.4px -1px rgba(91, 155, 248, 0.2), 0 4px 3px 0 rgba(91, 155, 248, 0.14), 0 1px 6px 0 rgba(91, 155, 248, 0.12);
+}
+
+button.suggested-action:checked {
+ background-color: #8cb9fa;
+}
+
+button.suggested-action:checked:hover {
+ box-shadow: inset 0 0 0 9999px transparent, 0 3px 3px -3px rgba(91, 155, 248, 0.3), 0 2px 3px -1px rgba(91, 155, 248, 0.24), 0 2px 5px 0 rgba(91, 155, 248, 0.12);
+}
+
+button.suggested-action:focus {
+ box-shadow: 0 0 0 2px rgba(91, 155, 248, 0.35);
+}
+
+button.suggested-action.flat {
+ background-color: transparent;
+ color: #5b9bf8;
+}
+
+button.suggested-action.flat:disabled {
+ box-shadow: none;
+ background-color: transparent;
+ color: rgba(255, 255, 255, 0.3);
+}
+
+button.suggested-action.flat:checked {
+ background-color: rgba(91, 155, 248, 0.3);
+}
+
+button.destructive-action {
+ background-color: #F44336;
+ color: #FFFFFF;
+ box-shadow: none;
+}
+
+button.destructive-action:disabled {
+ box-shadow: none;
+ background-color: rgba(255, 255, 255, 0.04);
+ color: rgba(255, 255, 255, 0.5);
+}
+
+button.destructive-action:hover {
+ box-shadow: inset 0 0 0 9999px transparent, 0 2px 2.4px -1px rgba(244, 67, 54, 0.2), 0 4px 3px 0 rgba(244, 67, 54, 0.14), 0 1px 6px 0 rgba(244, 67, 54, 0.12);
+}
+
+button.destructive-action:checked {
+ background-color: #f77b72;
+}
+
+button.destructive-action:checked:hover {
+ box-shadow: inset 0 0 0 9999px transparent, 0 3px 3px -3px rgba(244, 67, 54, 0.3), 0 2px 3px -1px rgba(244, 67, 54, 0.24), 0 2px 5px 0 rgba(244, 67, 54, 0.12);
+}
+
+button.destructive-action:focus {
+ box-shadow: 0 0 0 2px rgba(244, 67, 54, 0.35);
+}
+
+button.destructive-action.flat {
+ background-color: transparent;
+ color: #F44336;
+}
+
+button.destructive-action.flat:disabled {
+ box-shadow: none;
+ background-color: transparent;
+ color: rgba(255, 255, 255, 0.3);
+}
+
+button.destructive-action.flat:checked {
+ background-color: rgba(244, 67, 54, 0.3);
+}
+
+.stack-switcher > button > label {
+ margin: 0 -6px;
+ padding: 0 6px;
+}
+
+.stack-switcher > button > image {
+ margin: -3px -6px;
+ padding: 3px 6px;
+}
+
+.stack-switcher > button.needs-attention:checked > label,
+.stack-switcher > button.needs-attention:checked > image {
+ animation: none;
+ background-image: none;
+}
+
+.primary-toolbar button {
+ -gtk-icon-shadow: none;
+}
+
+button.close, button.circular {
+ min-width: 24px;
+ padding: 6px;
+}
+
+stacksidebar.sidebar row.needs-attention > label, .stack-switcher > button.needs-attention > label,
+.stack-switcher > button.needs-attention > image {
+ animation: needs-attention 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+ background-repeat: no-repeat;
+ background-position: right 3px;
+ background-size: 6px 6px;
+}
+
+stacksidebar.sidebar row.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > label:dir(rtl),
+.stack-switcher > button.needs-attention > image:dir(rtl) {
+ background-position: left 3px;
+}
+
+modelbutton.flat,
+.menuitem.button.flat {
+ min-height: 28px;
+ padding: 0 8px;
+ border-radius: 6px;
+ color: #FFFFFF;
+}
+
+modelbutton.flat arrow.left {
+ -gtk-icon-source: -gtk-icontheme("pan-start-symbolic");
+}
+
+modelbutton.flat arrow.right {
+ -gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
+}
+
+button.color {
+ min-height: 24px;
+ min-width: 24px;
+ padding: 6px;
+}
+
+/*********
+ * Links *
+ *********/
+*:link {
+ color: #3c84f7;
+}
+
+*:visited {
+ color: #BA68C8;
+}
+
+button.link:link, button.link:link:focus, button.link:link:hover, button.link:link:active {
+ color: #3c84f7;
+}
+
+button.link:visited, button.link:visited:focus, button.link:visited:hover, button.link:visited:active {
+ color: #BA68C8;
+}
+
+button.link > label {
+ text-decoration-line: underline;
+}
+
+/*****************
+ * GtkSpinButton *
+ *****************/
+spinbutton:not(.vertical) {
+ padding: 0;
+}
+
+spinbutton:not(.vertical) entry {
+ min-width: 32px;
+ margin: 0;
+ border-image: none;
+ border-radius: 0;
+ box-shadow: none;
+ background-color: transparent;
+}
+
+spinbutton:not(.vertical) button {
+ border: solid 6px transparent;
+}
+
+spinbutton:not(.vertical) button:focus:not(:hover):not(:active):not(:disabled) {
+ box-shadow: inset 0 0 0 9999px transparent;
+ color: rgba(255, 255, 255, 0.7);
+}
+
+spinbutton:not(.vertical) button.up:dir(ltr), spinbutton:not(.vertical) button.down:dir(rtl) {
+ margin-left: -3px;
+}
+
+spinbutton:not(.vertical) button.up:dir(rtl), spinbutton:not(.vertical) button.down:dir(ltr) {
+ margin-right: -3px;
+}
+
+spinbutton.vertical {
+ padding: 0;
+}
+
+spinbutton.vertical:disabled {
+ color: rgba(255, 255, 255, 0.5);
+}
+
+spinbutton.vertical entry {
+ margin: 0;
+ border-image: none;
+ border-radius: 0;
+ box-shadow: none;
+ background-color: transparent;
+ min-height: 36px;
+ min-width: 42px;
+ padding: 0;
+}
+
+spinbutton.vertical button {
+ padding: 0;
+ border: solid 6px transparent;
+}
+
+spinbutton.vertical button:focus:not(:hover):not(:active) {
+ box-shadow: inset 0 0 0 9999px transparent;
+ color: rgba(255, 255, 255, 0.7);
+}
+
+spinbutton.vertical button.up {
+ margin: 0 3px;
+}
+
+spinbutton.vertical button.down {
+ margin: 0 3px;
+}
+
+treeview spinbutton:not(.vertical) {
+ min-height: 0;
+ border-style: none;
+ border-radius: 0;
+}
+
+treeview spinbutton:not(.vertical) entry {
+ min-height: 0;
+ padding: 1px 2px;
+}
+
+/**************
+ * ComboBoxes *
+ **************/
+combobox arrow {
+ -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+ min-height: 16px;
+ min-width: 16px;
+}
+
+combobox decoration {
+ transition: none;
+}
+
+combobox button.combo cellview:dir(ltr) {
+ margin-left: -2px;
+}
+
+combobox button.combo cellview:dir(rtl) {
+ margin-right: -2px;
+}
+
+combobox.linked button:nth-child(2):dir(ltr) {
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0;
+}
+
+combobox.linked button:nth-child(2):dir(rtl) {
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0;
+}
+
+combobox > .linked:not(.vertical) > entry:not(:only-child) {
+ border-radius: 6px;
+}
+
+combobox > .linked:not(.vertical) > entry:not(:only-child):first-child {
+ margin-right: -36px;
+ padding-right: 36px;
+}
+
+combobox > .linked:not(.vertical) > entry:not(:only-child):last-child {
+ margin-left: -36px;
+ padding-left: 36px;
+}
+
+combobox > .linked:not(.vertical) > button:not(:only-child) {
+ min-height: 16px;
+ min-width: 16px;
+ margin: 6px;
+ padding: 4px;
+ border-radius: 6px;
+}
+
+combobox > .linked > button.combo {
+ padding: 6px 10px;
+}
+
+.linked:not(.vertical) > combobox:not(:first-child) > box > button.combo {
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0;
+}
+
+.linked:not(.vertical) > combobox:not(:last-child) > box > button.combo {
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0;
+}
+
+.linked.vertical > combobox:not(:first-child) > box > button.combo {
+ border-top-left-radius: 0;
+ border-top-right-radius: 0;
+}
+
+.linked.vertical > combobox:not(:last-child) > box > button.combo {
+ border-bottom-left-radius: 0;
+ border-bottom-right-radius: 0;
+}
+
+button.combo:only-child {
+ border-radius: 6px;
+ font-weight: normal;
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+ box-shadow: inset 0 0 0 2px transparent;
+ background-color: rgba(255, 255, 255, 0.08);
+ color: #FFFFFF;
+}
+
+button.combo:only-child:focus {
+ background-color: alpha(currentColor, 0.08);
+ box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.3);
+}
+
+button.combo:only-child:hover {
+ background-color: alpha(currentColor, 0.08);
+ box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+}
+
+button.combo:only-child:checked {
+ background-color: rgba(255, 255, 255, 0.08);
+ box-shadow: inset 0 0 0 2px #5b9bf8;
+}
+
+button.combo:only-child:disabled {
+ box-shadow: inset 0 0 0 2px transparent;
+ background-color: rgba(255, 255, 255, 0.08);
+ color: rgba(255, 255, 255, 0.5);
+}
+
+/************
+ * Toolbars *
+ ************/
+toolbar {
+ -GtkWidget-window-dragging: true;
+ padding: 2px;
+ background-color: #2C2C2C;
+}
+
+.osd toolbar {
+ background-color: transparent;
+}
+
+frame.documents-dropdown, .app-notification, toolbar.osd {
+ transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+ padding: 6px;
+ border-radius: 6px;
+ box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.1);
+ background-color: #3C3C3C;
+}
+
+frame.documents-dropdown:backdrop, .app-notification:backdrop, toolbar.osd:backdrop {
+ box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.2), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.1);
+}
+
+frame.left.documents-dropdown, .left.app-notification, frame.right.documents-dropdown, .right.app-notification, frame.top.documents-dropdown, .top.app-notification, frame.bottom.documents-dropdown, .bottom.app-notification, toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom {
+ border-radius: 0;
+}
+
+frame.bottom.documents-dropdown, .bottom.app-notification, toolbar.osd.bottom {
+ box-shadow: none;
+ background-color: transparent;
+ background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.1) 30%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0.4));
+}
+
+toolbar.horizontal > separator {
+ margin: 2px;
+}
+
+toolbar.vertical > separator {
+ margin: 2px;
+}
+
+toolbar:not(.inline-toolbar):not(.osd) scale,
+toolbar:not(.inline-toolbar):not(.osd) entry,
+toolbar:not(.inline-toolbar):not(.osd) spinbutton,
+toolbar:not(.inline-toolbar):not(.osd) button {
+ margin: 2px;
+}
+
+toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:first-child),
+toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:first-child),
+toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:first-child) {
+ margin-left: 0;
+}
+
+toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:last-child),
+toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:last-child),
+toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:last-child) {
+ margin-right: 0;
+}
+
+toolbar:not(.inline-toolbar):not(.osd) spinbutton entry,
+toolbar:not(.inline-toolbar):not(.osd) spinbutton button {
+ margin: 0;
+}
+
+toolbar:not(.inline-toolbar):not(.osd) switch {
+ margin: 8px 2px;
+}
+
+.inline-toolbar {
+ padding: 6px;
+ border-style: solid;
+ border-width: 0 1px 1px;
+ border-color: rgba(255, 255, 255, 0.12);
+ background-color: #242424;
+}
+
+searchbar > revealer > box,
+.location-bar {
+ padding: 6px;
+ border-style: solid;
+ border-width: 0 0 1px;
+ border-color: rgba(255, 255, 255, 0.12);
+ background-color: #2C2C2C;
+ background-clip: border-box;
+}
+
+searchbar > revealer > box {
+ margin: -6px;
+}
+
+/***************
+ * Header bars *
+ ***************/
+.nemo-window .primary-toolbar button:not(.text-button), headerbar button:not(.suggested-action):not(.destructive-action) {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.nemo-window .primary-toolbar .linked:not(.vertical) > button:not(.text-button), headerbar .linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action) {
+ border-radius: 6px;
+}
+
+.nemo-window .primary-toolbar button:focus:not(.text-button), headerbar button:focus:not(.suggested-action):not(.destructive-action), .nemo-window .primary-toolbar button:hover:not(.text-button), headerbar button:hover:not(.suggested-action):not(.destructive-action), .nemo-window .primary-toolbar button:active:not(.text-button), headerbar button:active:not(.suggested-action):not(.destructive-action), .nemo-window .primary-toolbar button:checked:not(.text-button), headerbar button:checked:not(.suggested-action):not(.destructive-action) {
+ color: #FFFFFF;
+}
+
+.nemo-window .primary-toolbar button:disabled:not(.text-button), headerbar button:disabled:not(.suggested-action):not(.destructive-action) {
+ color: rgba(255, 255, 255, 0.3);
+}
+
+.nemo-window .primary-toolbar button:checked:disabled:not(.text-button), headerbar button:checked:disabled:not(.suggested-action):not(.destructive-action) {
+ background-color: transparent;
+ color: rgba(255, 255, 255, 0.5);
+}
+
+.nemo-window .primary-toolbar button:backdrop:not(.text-button), headerbar button:backdrop:not(.suggested-action):not(.destructive-action) {
+ color: rgba(255, 255, 255, 0.5);
+}
+
+.nemo-window .primary-toolbar button:backdrop:focus:not(.text-button), headerbar button:backdrop:focus:not(.suggested-action):not(.destructive-action), .nemo-window .primary-toolbar button:backdrop:hover:not(.text-button), headerbar button:backdrop:hover:not(.suggested-action):not(.destructive-action), .nemo-window .primary-toolbar button:backdrop:active:not(.text-button), headerbar button:backdrop:active:not(.suggested-action):not(.destructive-action) {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.nemo-window .primary-toolbar button:backdrop:disabled:not(.text-button), headerbar button:backdrop:disabled:not(.suggested-action):not(.destructive-action) {
+ color: rgba(255, 255, 255, 0.3);
+}
+
+.nemo-window .primary-toolbar button:backdrop:checked:not(.text-button), headerbar button:backdrop:checked:not(.suggested-action):not(.destructive-action) {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.nemo-window .primary-toolbar button:backdrop:checked:disabled:not(.text-button), headerbar button:backdrop:checked:disabled:not(.suggested-action):not(.destructive-action) {
+ color: rgba(255, 255, 255, 0.3);
+}
+
+.nemo-window .primary-toolbar entry, .titlebar entry {
+ background-color: rgba(255, 255, 255, 0.04);
+ color: #FFFFFF;
+}
+
+.nemo-window .primary-toolbar entry:disabled, .titlebar entry:disabled {
+ background-color: rgba(255, 255, 255, 0.04);
+ color: rgba(255, 255, 255, 0.5);
+}
+
+.nemo-window .primary-toolbar entry image, .titlebar entry image {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.nemo-window .primary-toolbar entry image:hover, .titlebar entry image:hover, .nemo-window .primary-toolbar entry image:active, .titlebar entry image:active {
+ color: #FFFFFF;
+}
+
+.nemo-window .primary-toolbar entry image:disabled, .titlebar entry image:disabled {
+ color: rgba(255, 255, 255, 0.5);
+}
+
+.titlebar {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ background-color: #242424;
+ color: #FFFFFF;
+ border-radius: 12px 12px 0 0;
+ box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12);
+}
+
+.titlebar:disabled {
+ color: rgba(255, 255, 255, 0.5);
+}
+
+.titlebar:backdrop {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.titlebar:backdrop:disabled {
+ color: rgba(255, 255, 255, 0.3);
+}
+
+.csd .titlebar:backdrop {
+ background-color: #2C2C2C;
+}
+
+.titlebar .title {
+ padding: 0 12px;
+ font-weight: bold;
+}
+
+.titlebar .subtitle {
+ padding: 0 12px;
+ font-size: smaller;
+}
+
+.titlebar .subtitle,
+.titlebar .dim-label {
+ transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.titlebar .subtitle:backdrop,
+.titlebar .dim-label:backdrop {
+ color: rgba(255, 255, 255, 0.5);
+}
+
+.titlebar .titlebar {
+ background-color: transparent;
+ box-shadow: none;
+}
+
+.titlebar + separator, .titlebar + separator.sidebar {
+ background-color: #242424;
+ background-image: none;
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12);
+}
+
+.titlebar + separator:backdrop, .titlebar + separator.sidebar:backdrop {
+ background-color: #2C2C2C;
+}
+
+.titlebar.selection-mode + separator, .titlebar.selection-mode + separator.sidebar, .selection-mode .titlebar + separator, .selection-mode .titlebar + separator.sidebar {
+ background-color: #5b9bf8;
+}
+
+.titlebar.selection-mode + separator:backdrop, .titlebar.selection-mode + separator.sidebar:backdrop, .selection-mode .titlebar + separator:backdrop, .selection-mode .titlebar + separator.sidebar:backdrop {
+ background-color: #5b9bf8;
+}
+
+.background.csd.unified .titlebar + separator, .background.csd.unified .titlebar + separator.sidebar {
+ box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12);
+}
+
+.titlebar .linked:not(.vertical) > entry {
+ border-radius: 6px;
+ margin-left: 3px;
+ margin-right: 3px;
+}
+
+.titlebar button.suggested-action:disabled, .titlebar button.destructive-action:disabled {
+ background-color: rgba(255, 255, 255, 0.04);
+ color: rgba(255, 255, 255, 0.5);
+}
+
+.titlebar .path-bar button:not(.suggested-action):not(.destructive-action).text-button {
+ min-width: 0;
+ padding-left: 6px;
+ padding-right: 6px;
+}
+
+.titlebar.selection-mode {
+ transition: background-color 0.1ms 225ms, color 75ms cubic-bezier(0, 0, 0.2, 1);
+ animation: ripple-on-headerbar 225ms cubic-bezier(0, 0, 0.2, 1);
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), inset 0 -1px rgba(255, 255, 255, 0.12);
+ background-color: #5b9bf8;
+ color: #FFFFFF;
+}
+
+.titlebar.selection-mode:backdrop {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.titlebar.selection-mode .subtitle:link {
+ color: #FFFFFF;
+}
+
+.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action) {
+ border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0/0 0 0px;
+ color: #FFFFFF;
+}
+
+.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):disabled {
+ color: rgba(255, 255, 255, 0.5);
+}
+
+.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):checked {
+ border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2/0 0 2px;
+ color: #FFFFFF;
+}
+
+.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):checked:disabled {
+ color: rgba(255, 255, 255, 0.5);
+}
+
+.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:not(.titlebutton) {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:disabled {
+ color: rgba(255, 255, 255, 0.3);
+}
+
+.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:checked {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled {
+ color: rgba(255, 255, 255, 0.3);
+}
+
+.titlebar.selection-mode .selection-menu {
+ padding-left: 16px;
+ padding-right: 16px;
+}
+
+.titlebar.selection-mode .selection-menu arrow {
+ -GtkArrow-arrow-scaling: 1;
+}
+
+.titlebar.selection-mode .selection-menu .arrow {
+ -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+}
+
+.titlebar .selection-mode {
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0.2);
+ background-color: #5b9bf8;
+}
+
+.tiled .titlebar, .tiled-top .titlebar, .tiled-right .titlebar, .tiled-bottom .titlebar, .tiled-left .titlebar, .maximized .titlebar, .fullscreen .titlebar {
+ border-radius: 0;
+}
+
+.titlebar.default-decoration {
+ min-height: 24px;
+ padding: 6px 12px;
+ border-radius: 12px 12px 0 0;
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
+}
+
+.tiled .titlebar.default-decoration, .maximized .titlebar.default-decoration, .fullscreen .titlebar.default-decoration {
+ box-shadow: none;
+ border-radius: 0;
+}
+
+.titlebar.default-decoration button.titlebutton {
+ min-height: 24px;
+ min-width: 24px;
+ margin: 0;
+ padding: 0;
+}
+
+.background.csd .titlebar.default-decoration {
+ box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12);
+}
+
+.background:not(.csd) .titlebar.default-decoration button.titlebutton:active {
+ background-size: 1000% 1000%;
+}
+
+.solid-csd .titlebar:dir(rtl), .solid-csd .titlebar:dir(ltr) {
+ border-radius: 0;
+ box-shadow: none;
+}
+
+headerbar {
+ min-height: 48px;
+ padding: 0 6px;
+}
+
+box.vertical headerbar {
+ background-color: #242424;
+}
+
+headerbar entry,
+headerbar spinbutton,
+headerbar button {
+ margin-top: 6px;
+ margin-bottom: 6px;
+}
+
+headerbar button, headerbar button.image-button {
+ border-radius: 6px;
+}
+
+headerbar > box.left,
+headerbar > box.right {
+ padding: 0 6px;
+}
+
+headerbar separator.titlebutton, headerbar separator.sidebar {
+ margin-top: 12px;
+ margin-bottom: 12px;
+ background-color: transparent;
+}
+
+headerbar switch {
+ margin-top: 12px;
+ margin-bottom: 12px;
+}
+
+headerbar spinbutton button {
+ margin-top: 0;
+ margin-bottom: 0;
+}
+
+headerbar .entry-tag, headerbar .photos-entry-tag, headerbar .documents-entry-tag {
+ margin-top: 5px;
+ margin-bottom: 5px;
+}
+
+headerbar.windowhandle viewswitcher button:not(.titlebutton):not(.suggested-action):not(.destructive-action) {
+ border-radius: 0;
+ margin: 0;
+ min-width: 120px;
+ padding: 0;
+}
+
+headerbar.windowhandle viewswitcher button:not(.titlebutton):not(.suggested-action):not(.destructive-action) > stack > box {
+ padding: 0 12px;
+}
+
+headerbar.windowhandle viewswitcher button:not(.titlebutton):not(.suggested-action):not(.destructive-action):focus {
+ box-shadow: none;
+}
+
+headerbar.windowhandle > button.popup label, headerbar.windowhandle > button.popup image {
+ min-height: 0;
+}
+
+headerbar.windowhandle viewswitchertitle > squeezer {
+ margin-top: 0;
+ margin-bottom: 0;
+ background: none;
+}
+
+headerbar.windowhandle viewswitchertitle > squeezer > viewswitcher {
+ margin: 0 0;
+ background: none;
+}
+
+headerbar.windowhandle viewswitchertitle > squeezer > viewswitcher > box.horizontal > button.radio {
+ margin: 0;
+ padding: 0;
+ border-radius: 0;
+}
+
+/************
+ * Pathbars *
+ ************/
+.caja-pathbar button,
+.path-bar.linked:not(.vertical) > button {
+ padding-left: 6px;
+ padding-right: 6px;
+ border-radius: 3px;
+ margin-left: 1px;
+ margin-right: 1px;
+ background-color: alpha(currentColor, 0.08);
+}
+
+.caja-pathbar button:disabled,
+.path-bar.linked:not(.vertical) > button:disabled {
+ background-color: alpha(currentColor, 0.05);
+}
+
+.caja-pathbar button:first-child,
+.path-bar.linked:not(.vertical) > button:first-child {
+ border-top-left-radius: 6px;
+ border-bottom-left-radius: 6px;
+}
+
+.caja-pathbar button:last-child,
+.path-bar.linked:not(.vertical) > button:last-child {
+ border-top-right-radius: 6px;
+ border-bottom-right-radius: 6px;
+}
+
+.caja-pathbar button:checked,
+.path-bar.linked:not(.vertical) > button:checked {
+ background-color: alpha(currentColor, 0.16);
+ color: #FFFFFF;
+}
+
+.caja-pathbar button label, .caja-pathbar button image,
+.path-bar.linked:not(.vertical) > button label,
+.path-bar.linked:not(.vertical) > button image {
+ margin-left: 3px;
+ margin-right: 3px;
+}
+
+.caja-pathbar button.slider-button,
+.path-bar.linked:not(.vertical) > button.slider-button {
+ padding-left: 4px;
+ padding-right: 4px;
+}
+
+/**************
+ * Tree Views *
+ **************/
+treeview.view {
+ border-left-color: rgba(255, 255, 255, 0.3);
+ border-top-color: rgba(255, 255, 255, 0.12);
+ padding: 3px;
+}
+
+* {
+ -GtkTreeView-horizontal-separator: 4;
+ -GtkTreeView-grid-line-width: 1;
+ -GtkTreeView-grid-line-pattern: '';
+ -GtkTreeView-tree-line-width: 1;
+ -GtkTreeView-tree-line-pattern: '';
+ -GtkTreeView-expander-size: 16;
+}
+
+.csd treeview.view:not(:selected):not(:hover):not(.progressbar):not(.expander):not(.trough):not(.separator) {
+ background-color: transparent;
+}
+
+treeview.view:selected {
+ background-image: image(alpha(currentColor, 0.1));
+ background-color: #2C2C2C;
+ color: #FFFFFF;
+}
+
+.csd treeview.view:selected {
+ background-image: none;
+}
+
+treeview.view:hover, treeview.view:selected {
+ border-radius: 0;
+}
+
+treeview.view.separator {
+ min-height: 6px;
+ color: rgba(255, 255, 255, 0.12);
+}
+
+treeview.view:drop(active) {
+ border-style: solid none;
+ border-width: 9999px;
+ border-color: alpha(currentColor, 0.08);
+}
+
+treeview.view:drop(active).after {
+ border-top-style: none;
+}
+
+treeview.view:drop(active).before {
+ border-bottom-style: none;
+}
+
+treeview.view.expander {
+ -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+ -gtk-icon-transform: rotate(-90deg);
+ color: rgba(255, 255, 255, 0.7);
+}
+
+treeview.view.expander:dir(rtl) {
+ -gtk-icon-transform: rotate(90deg);
+}
+
+treeview.view.expander:checked {
+ -gtk-icon-transform: unset;
+}
+
+treeview.view.expander:hover, treeview.view.expander:active {
+ color: #FFFFFF;
+}
+
+treeview.view.expander:disabled {
+ color: rgba(255, 255, 255, 0.3);
+}
+
+treeview.view.progressbar {
+ border: none;
+ box-shadow: none;
+ background-color: #5b9bf8;
+ background-image: none;
+ border-radius: 9999px;
+ color: #FFFFFF;
+}
+
+treeview.view.progressbar:selected, treeview.view.progressbar:selected:hover, treeview.view.progressbar:selected:focus {
+ box-shadow: none;
+ background-color: #74aaf9;
+ color: #FFFFFF;
+}
+
+treeview.view.progressbar:selected:backdrop, treeview.view.progressbar:selected:hover:backdrop, treeview.view.progressbar:selected:focus:backdrop {
+ color: #FFFFFF;
+}
+
+treeview.view.progressbar:backdrop, treeview.view.progressbar:selected:backdrop {
+ background-color: rgba(255, 255, 255, 0.3);
+}
+
+treeview.view.trough {
+ border: none;
+ box-shadow: none;
+ background-color: rgba(255, 255, 255, 0.12);
+ background-image: none;
+ border-radius: 9999px;
+ padding: 0;
+ margin: 0;
+}
+
+treeview.view.trough:selected, treeview.view.trough:selected:hover, treeview.view.trough:selected:focus {
+ box-shadow: none;
+ background-color: rgba(255, 255, 255, 0.12);
+}
+
+treeview.view.trough:backdrop, treeview.view.trough:selected:backdrop {
+ background-color: rgba(255, 255, 255, 0.12);
+}
+
+treeview.view header button {
+ padding: 2px 6px;
+ border-style: none solid solid none;
+ border-width: 1px;
+ border-color: rgba(255, 255, 255, 0.12);
+ border-radius: 0;
+ background-clip: border-box;
+}
+
+treeview.view header button:not(:focus):not(:hover):not(:active) {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+treeview.view header button, treeview.view header button:disabled {
+ background-color: #2C2C2C;
+}
+
+treeview.view header button:last-child {
+ border-right-style: none;
+}
+
+treeview.view button.dnd,
+treeview.view header.button.dnd {
+ padding: 2px 6px;
+ border-style: none solid solid;
+ border-width: 1px;
+ border-color: rgba(255, 255, 255, 0.12);
+ border-radius: 0;
+ box-shadow: none;
+ background-color: #2C2C2C;
+ background-clip: border-box;
+ color: #5b9bf8;
+}
+
+treeview.view acceleditor > label {
+ background-color: #5b9bf8;
+}
+
+/*********
+ * Menus *
+ *********/
+menubar,
+.menubar {
+ -GtkWidget-window-dragging: true;
+ padding: 0;
+ background-color: #242424;
+ color: #FFFFFF;
+ box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12);
+}
+
+menubar:backdrop,
+.menubar:backdrop {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.csd menubar, .csd .menubar {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+.csd menubar:backdrop, .csd .menubar:backdrop {
+ background-color: #2C2C2C;
+}
+
+menubar > menuitem,
+.menubar > menuitem {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ min-height: 20px;
+ padding: 4px 8px;
+ color: rgba(255, 255, 255, 0.7);
+ border-radius: 6px;
+}
+
+menubar > menuitem:hover,
+.menubar > menuitem:hover {
+ transition: none;
+ background-color: alpha(currentColor, 0.1);
+ color: #FFFFFF;
+}
+
+menubar > menuitem:backdrop,
+.menubar > menuitem:backdrop {
+ color: rgba(255, 255, 255, 0.5);
+}
+
+menubar > menuitem:disabled,
+.menubar > menuitem:disabled {
+ color: rgba(255, 255, 255, 0.3);
+}
+
+menubar > menuitem label:disabled,
+.menubar > menuitem label:disabled {
+ color: inherit;
+}
+
+menubar > menuitem > window.popup.background > menu menuitem,
+.menubar > menuitem > window.popup.background > menu menuitem {
+ transition: none;
+}
+
+.background.popup {
+ background-color: transparent;
+}
+
+menu,
+.menu,
+.context-menu {
+ margin: 6px;
+ padding: 6px;
+ background-color: #3C3C3C;
+ background-clip: border-box;
+ border-radius: 12px;
+ border: 1px solid #4b4b4b;
+}
+
+.csd menu, .csd .menu, .csd .context-menu {
+ border: none;
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
+}
+
+menu menuitem,
+.menu menuitem,
+.context-menu menuitem {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+ min-height: 20px;
+ min-width: 40px;
+ padding: 4px 8px;
+ color: #FFFFFF;
+ font: initial;
+ text-shadow: none;
+ border-radius: 6px;
+}
+
+menu menuitem:hover,
+.menu menuitem:hover,
+.context-menu menuitem:hover {
+ background-color: alpha(currentColor, 0.08);
+}
+
+menu menuitem:active,
+.menu menuitem:active,
+.context-menu menuitem:active {
+ background-color: alpha(currentColor, 0.12);
+}
+
+menu menuitem:disabled,
+.menu menuitem:disabled,
+.context-menu menuitem:disabled {
+ color: rgba(255, 255, 255, 0.5);
+}
+
+menu menuitem accelerator,
+.menu menuitem accelerator,
+.context-menu menuitem accelerator {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+menu menuitem:disabled accelerator,
+.menu menuitem:disabled accelerator,
+.context-menu menuitem:disabled accelerator {
+ color: rgba(255, 255, 255, 0.3);
+}
+
+menu menuitem arrow,
+.menu menuitem arrow,
+.context-menu menuitem arrow {
+ min-height: 16px;
+ min-width: 16px;
+}
+
+menu menuitem arrow:dir(ltr),
+.menu menuitem arrow:dir(ltr),
+.context-menu menuitem arrow:dir(ltr) {
+ -gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
+ margin-left: 8px;
+}
+
+menu menuitem arrow:dir(rtl),
+.menu menuitem arrow:dir(rtl),
+.context-menu menuitem arrow:dir(rtl) {
+ -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl");
+ margin-right: 8px;
+}
+
+menu menuitem label:dir(rtl), menu menuitem label:dir(ltr),
+.menu menuitem label:dir(rtl),
+.menu menuitem label:dir(ltr),
+.context-menu menuitem label:dir(rtl),
+.context-menu menuitem label:dir(ltr) {
+ color: inherit;
+}
+
+menu .view:selected,
+.menu .view:selected,
+.context-menu .view:selected {
+ background-color: #505050;
+}
+
+menu > arrow,
+.menu > arrow,
+.context-menu > arrow {
+ min-height: 16px;
+ min-width: 16px;
+ padding: 4px;
+ background-color: #3C3C3C;
+ color: rgba(255, 255, 255, 0.7);
+}
+
+menu > arrow.top,
+.menu > arrow.top,
+.context-menu > arrow.top {
+ margin-top: 0;
+ border-radius: 6px;
+ -gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
+}
+
+menu > arrow.bottom,
+.menu > arrow.bottom,
+.context-menu > arrow.bottom {
+ margin-top: 8px;
+ margin-bottom: -12px;
+ border-radius: 6px;
+ -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+}
+
+menu > arrow:hover,
+.menu > arrow:hover,
+.context-menu > arrow:hover {
+ background-image: image(alpha(currentColor, 0.08));
+ color: #FFFFFF;
+}
+
+menu > arrow:disabled,
+.menu > arrow:disabled,
+.context-menu > arrow:disabled {
+ border-color: transparent;
+ background-color: transparent;
+ color: transparent;
+}
+
+menu separator,
+.menu separator,
+.context-menu separator {
+ margin: 4px 0;
+}
+
+/************
+ * Popovers *
+ ************/
+popover.background {
+ transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+ padding: 0;
+ background-color: #3C3C3C;
+ border-radius: 12px;
+}
+
+popover.background, .csd popover.background {
+ border: 1px solid rgba(255, 255, 255, 0.1);
+ box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.05), 0 4px 6px 0 rgba(0, 0, 0, 0.06), 0 1px 10px 0 rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.75);
+ background-clip: border-box;
+}
+
+popover.background:backdrop, .csd popover.background:backdrop {
+ box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.05), 0 2px 3px -1px rgba(0, 0, 0, 0.06), 0 1px 4px 0 rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.75);
+}
+
+popover.background > stack {
+ margin: 0;
+}
+
+popover.background > toolbar {
+ margin: 0;
+}
+
+popover.background > list,
+popover.background > .view,
+popover.background > toolbar {
+ border-style: none;
+ box-shadow: none;
+ background-color: transparent;
+}
+
+popover.background > scrolledwindow > viewport.frame > list {
+ background-color: transparent;
+ padding: 6px;
+}
+
+popover.background > scrolledwindow > viewport.frame > list > row {
+ border-radius: 6px;
+ padding: 6px;
+}
+
+popover.background .view:not(:selected),
+popover.background toolbar {
+ background-color: #3C3C3C;
+}
+
+popover.background .linked > button:not(.radio) {
+ border-radius: 6px;
+}
+
+popover.background .linked > button:not(.radio):first-child {
+ border-radius: 6px;
+}
+
+popover.background .linked > button:not(.radio):last-child {
+ border-radius: 6px;
+}
+
+popover.background .linked > button:not(.radio):only-child {
+ border-radius: 6px;
+}
+
+popover.background.menu button,
+popover.background button.model {
+ min-height: 32px;
+ padding: 0 8px;
+ border-radius: 6px;
+}
+
+popover.background separator {
+ margin: 3px 0;
+}
+
+popover.background list separator {
+ margin: 0;
+}
+
+/*************
+ * Notebooks *
+ *************/
+tabbox > tab, notebook > header tab {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms;
+ min-height: 24px;
+ min-width: 24px;
+ padding: 3px 12px;
+ border: none;
+ outline: none;
+ background-clip: padding-box;
+ color: rgba(255, 255, 255, 0.7);
+ font-weight: 500;
+ border-radius: 6px;
+}
+
+tabbox > tab:hover, notebook > header tab:hover {
+ background-color: rgba(255, 255, 255, 0.04);
+ color: #FFFFFF;
+}
+
+tabbox > tab:disabled, notebook > header tab:disabled {
+ color: rgba(255, 255, 255, 0.3);
+}
+
+tabbox > tab:checked, notebook > header tab:checked {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ background-color: rgba(255, 255, 255, 0.15);
+ color: #FFFFFF;
+ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
+}
+
+tabbox > tab:checked:disabled, notebook > header tab:checked:disabled {
+ color: rgba(255, 255, 255, 0.5);
+}
+
+frame > paned > notebook > header, notebook.frame > header {
+ background-color: rgba(255, 255, 255, 0.04);
+}
+
+notebook, notebook.frame {
+ background-color: #2C2C2C;
+ border-radius: 12px;
+}
+
+notebook.frame frame > border {
+ border: none;
+ border-radius: 6px;
+}
+
+notebook.frame frame > list row.activatable {
+ border-radius: 6px;
+}
+
+notebook > header {
+ border: none;
+ background-color: rgba(255, 255, 255, 0.04);
+ padding: 3px;
+ margin: 3px;
+ border-radius: 9px;
+}
+
+notebook > header.top > tabs > arrow {
+ border-top-style: none;
+}
+
+notebook > header.bottom > tabs > arrow {
+ border-bottom-style: none;
+}
+
+notebook > header.top > tabs > arrow, notebook > header.bottom > tabs > arrow {
+ padding-left: 4px;
+ padding-right: 4px;
+}
+
+notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down {
+ margin-left: 0;
+ -gtk-icon-source: -gtk-icontheme("pan-start-symbolic");
+}
+
+notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up {
+ margin-right: 0;
+ -gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
+}
+
+notebook > header.left > tabs > arrow {
+ border-left-style: none;
+}
+
+notebook > header.right > tabs > arrow {
+ border-right-style: none;
+}
+
+notebook > header.left > tabs > arrow, notebook > header.right > tabs > arrow {
+ padding-top: 4px;
+ padding-bottom: 4px;
+}
+
+notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down {
+ margin-top: 0;
+ -gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
+}
+
+notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up {
+ margin-bottom: 0;
+ -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+}
+
+notebook > header > tabs > arrow {
+ min-height: 16px;
+ min-width: 16px;
+ border-radius: 6px;
+}
+
+notebook > header tab > box {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+ margin: -6px -12px;
+ padding: 6px 12px;
+}
+
+notebook > header tab > box:drop(active) {
+ background-color: rgba(255, 255, 255, 0.12);
+ color: #FFFFFF;
+}
+
+notebook > header tab button.flat:last-child {
+ margin-left: 6px;
+ margin-right: -6px;
+}
+
+notebook > header tab button.flat:first-child {
+ margin-left: -6px;
+ margin-right: 6px;
+}
+
+notebook > header tab button.close-button {
+ min-width: 24px;
+ min-height: 24px;
+}
+
+notebook > header.top tabs:not(:only-child):first-child, notebook > header.bottom tabs:not(:only-child):first-child {
+ margin-left: 0;
+}
+
+notebook > header.top tabs:not(:only-child):last-child, notebook > header.bottom tabs:not(:only-child):last-child {
+ margin-right: 0;
+}
+
+notebook > header.top tabs tab.reorderable-page, notebook > header.bottom tabs tab.reorderable-page {
+ border-style: solid;
+}
+
+notebook > header.left tabs:not(:only-child):first-child, notebook > header.right tabs:not(:only-child):first-child {
+ margin-top: 0;
+}
+
+notebook > header.left tabs:not(:only-child):last-child, notebook > header.right tabs:not(:only-child):last-child {
+ margin-bottom: 0;
+}
+
+notebook > header.left tabs tab.reorderable-page, notebook > header.right tabs tab.reorderable-page {
+ border-style: solid;
+}
+
+notebook > stack:not(:only-child) {
+ background-color: transparent;
+ border-radius: 6px;
+}
+
+/**************
+ * Scrollbars *
+ **************/
+scrollbar {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ background-color: #2C2C2C;
+}
+
+* {
+ -GtkScrollbar-has-backward-stepper: false;
+ -GtkScrollbar-has-forward-stepper: false;
+}
+
+scrollbar.top {
+ border-bottom: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+scrollbar.bottom {
+ border-top: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+scrollbar.left {
+ border-right: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+scrollbar.right {
+ border-left: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+scrollbar slider {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+ min-width: 8px;
+ min-height: 8px;
+ border: 4px solid transparent;
+ border-radius: 9999px;
+ background-clip: padding-box;
+ background-color: rgba(255, 255, 255, 0.5);
+}
+
+scrollbar slider:hover {
+ background-color: rgba(255, 255, 255, 0.7);
+}
+
+scrollbar slider:active {
+ background-color: #FFFFFF;
+}
+
+scrollbar slider:disabled {
+ background-color: rgba(255, 255, 255, 0.3);
+}
+
+scrollbar.fine-tune slider {
+ min-width: 4px;
+ min-height: 4px;
+}
+
+scrollbar.fine-tune.horizontal slider {
+ margin: 2px 0;
+}
+
+scrollbar.fine-tune.vertical slider {
+ margin: 0 2px;
+}
+
+scrollbar.overlay-indicator:not(.fine-tune) slider {
+ transition-property: background-color, min-height, min-width;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) {
+ border-color: transparent;
+ background-color: transparent;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider {
+ min-width: 4px;
+ min-height: 4px;
+ margin: 3px;
+ border: 1px solid rgba(44, 44, 44, 0.3);
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) button {
+ min-width: 4px;
+ min-height: 4px;
+ margin: 3px;
+ border: 1px solid rgba(44, 44, 44, 0.3);
+ border-radius: 9999px;
+ background-color: rgba(255, 255, 255, 0.5);
+ background-clip: padding-box;
+ -gtk-icon-source: none;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled {
+ background-color: rgba(255, 255, 255, 0.3);
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider {
+ min-width: 24px;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button {
+ min-width: 8px;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider {
+ min-height: 24px;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button {
+ min-height: 8px;
+}
+
+scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering {
+ background-color: rgba(60, 60, 60, 0.9);
+}
+
+scrollbar.horizontal slider {
+ min-width: 24px;
+}
+
+scrollbar.vertical slider {
+ min-height: 24px;
+}
+
+scrollbar button {
+ min-width: 16px;
+ min-height: 16px;
+ padding: 0;
+ border-radius: 0;
+}
+
+scrollbar.vertical button.down {
+ -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+}
+
+scrollbar.vertical button.up {
+ -gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
+}
+
+scrollbar.horizontal button.down {
+ -gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
+}
+
+scrollbar.horizontal button.up {
+ -gtk-icon-source: -gtk-icontheme("pan-start-symbolic");
+}
+
+/**********
+ * Switch *
+ **********/
+switch {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ margin: 6px 0;
+ border: none;
+ border-radius: 9999px;
+ background-color: rgba(255, 255, 255, 0.5);
+ background-clip: padding-box;
+ font-size: 0;
+ color: transparent;
+}
+
+switch:checked {
+ background-color: #5b9bf8;
+}
+
+switch:disabled {
+ opacity: 0.5;
+}
+
+switch slider {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ min-width: 20px;
+ min-height: 20px;
+ margin: 0;
+ border-radius: 9999px;
+ outline: none;
+ box-shadow: none;
+ background-color: white;
+ border: none;
+ color: transparent;
+}
+
+switch:focus slider, switch:hover slider, switch:focus:hover slider {
+ box-shadow: 0 0 0 6px rgba(255, 255, 255, 0.12);
+}
+
+/*************************
+ * Check and Radio items *
+ *************************/
+.view.content-view.check:not(list),
+.content-view .tile check:not(list) {
+ min-height: 40px;
+ min-width: 40px;
+ margin: 0;
+ padding: 0;
+ box-shadow: none;
+ background-color: transparent;
+ background-image: none;
+}
+
+.view.content-view.check:not(list),
+.content-view .tile check:not(list) {
+ -gtk-icon-source: -gtk-scaled(url("assets/selectionmode-checkbox-unchecked-dark.png"), url("assets/selectionmode-checkbox-unchecked-dark@2.png"));
+}
+
+.view.content-view.check:not(list):checked,
+.content-view .tile check:not(list):checked {
+ -gtk-icon-source: -gtk-scaled(url("assets/selectionmode-checkbox-checked-dark.png"), url("assets/selectionmode-checkbox-checked-dark@2.png"));
+}
+
+checkbutton,
+radiobutton {
+ outline: none;
+}
+
+checkbutton.text-button,
+radiobutton.text-button {
+ padding: 2px;
+}
+
+checkbutton.text-button label:not(:only-child),
+radiobutton.text-button label:not(:only-child) {
+ margin: 0 4px;
+}
+
+check,
+radio {
+ min-height: 20px;
+ min-width: 20px;
+ margin: 3px;
+ padding: 0;
+ border-radius: 9999px;
+ color: transparent;
+ background-color: rgba(255, 255, 255, 0.12);
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+check:hover,
+radio:hover {
+ box-shadow: 0 0 0 6px rgba(255, 255, 255, 0.04);
+ background-color: rgba(255, 255, 255, 0.15);
+}
+
+check:active,
+radio:active {
+ box-shadow: 0 0 0 6px rgba(255, 255, 255, 0.12);
+ background-color: rgba(255, 255, 255, 0.2);
+}
+
+check:disabled,
+radio:disabled {
+ background-color: rgba(255, 255, 255, 0.04);
+}
+
+check:checked, check:indeterminate,
+radio:checked,
+radio:indeterminate {
+ color: #FFFFFF;
+ background-color: #5b9bf8;
+}
+
+check:checked:hover, check:indeterminate:hover,
+radio:checked:hover,
+radio:indeterminate:hover {
+ box-shadow: 0 0 0 6px rgba(91, 155, 248, 0.15);
+ background-color: #8cb9fa;
+}
+
+check:checked:active, check:indeterminate:active,
+radio:checked:active,
+radio:indeterminate:active {
+ box-shadow: 0 0 0 6px rgba(91, 155, 248, 0.2);
+ background-color: #5b9bf8;
+}
+
+check:checked:disabled, check:indeterminate:disabled,
+radio:checked:disabled,
+radio:indeterminate:disabled {
+ color: rgba(255, 255, 255, 0.5);
+ background-color: rgba(91, 155, 248, 0.35);
+}
+
+popover modelbutton.flat check, popover modelbutton.flat check:focus, popover modelbutton.flat check:hover, popover modelbutton.flat check:focus:hover, popover modelbutton.flat check:active, popover modelbutton.flat check:disabled, popover modelbutton.flat radio, popover modelbutton.flat radio:focus, popover modelbutton.flat radio:hover, popover modelbutton.flat radio:focus:hover, popover modelbutton.flat radio:active, popover modelbutton.flat radio:disabled {
+ transition: none;
+ box-shadow: none;
+ background-image: none;
+}
+
+popover modelbutton.flat check.left:dir(rtl), popover modelbutton.flat radio.left:dir(rtl) {
+ margin-left: -3px;
+ margin-right: 6px;
+}
+
+popover modelbutton.flat check.right:dir(ltr), popover modelbutton.flat radio.right:dir(ltr) {
+ margin-left: 6px;
+ margin-right: -3px;
+}
+
+menu menuitem check, menu menuitem radio {
+ transition: none;
+ margin: 0;
+ padding: 0;
+}
+
+menu menuitem check:dir(ltr), menu menuitem radio:dir(ltr) {
+ margin-right: 6px;
+ margin-left: -3px;
+}
+
+menu menuitem check:dir(rtl), menu menuitem radio:dir(rtl) {
+ margin-left: 6px;
+ margin-right: -3px;
+}
+
+menu menuitem check, menu menuitem check:hover, menu menuitem check:disabled, menu menuitem check:checked:hover, menu menuitem check:indeterminate:hover, menu menuitem radio, menu menuitem radio:hover, menu menuitem radio:disabled, menu menuitem radio:checked:hover, menu menuitem radio:indeterminate:hover {
+ box-shadow: none;
+}
+
+
+check:checked {
+ -gtk-icon-source: -gtk-recolor(url("assets/scalable/checkbox-checked-symbolic.svg"));
+}
+
+
+check:indeterminate {
+ -gtk-icon-source: -gtk-recolor(url("assets/scalable/checkbox-mixed-symbolic.svg"));
+}
+
+
+radio:checked {
+ -gtk-icon-source: -gtk-recolor(url("assets/scalable/radio-checked-symbolic.svg"));
+}
+
+
+radio:indeterminate {
+ -gtk-icon-source: -gtk-recolor(url("assets/scalable/radio-mixed-symbolic.svg"));
+}
+
+#MozillaGtkWidget > widget > checkbutton > check,
+menu menuitem check {
+ min-height: 16px;
+ min-width: 16px;
+}
+
+#MozillaGtkWidget > widget > checkbutton > check:checked,
+menu menuitem check:checked {
+ -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-checked-symbolic.svg"));
+}
+
+#MozillaGtkWidget > widget > checkbutton > check:indeterminate,
+menu menuitem check:indeterminate {
+ -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-mixed-symbolic.svg"));
+}
+
+#MozillaGtkWidget > widget > radiobutton > radio,
+menu menuitem radio {
+ min-height: 16px;
+ min-width: 16px;
+}
+
+#MozillaGtkWidget > widget > radiobutton > radio:checked,
+menu menuitem radio:checked {
+ -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-checked-symbolic.svg"));
+}
+
+#MozillaGtkWidget > widget > radiobutton > radio:indeterminate,
+menu menuitem radio:indeterminate {
+ -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-mixed-symbolic.svg"));
+}
+
+check:not(:checked):active {
+ -gtk-icon-transform: rotate(90deg);
+}
+
+check:not(:checked):indeterminate:active,
+radio:not(:checked):indeterminate:active {
+ -gtk-icon-transform: scaleX(-1);
+}
+
+treeview.view radio, treeview.view check {
+ padding: 0;
+ margin: 0;
+}
+
+treeview.view radio:not(:hover):not(:disabled):not(:checked):not(:indeterminate), treeview.view check:not(:hover):not(:disabled):not(:checked):not(:indeterminate) {
+ background-color: rgba(255, 255, 255, 0.12);
+}
+
+treeview.view radio, treeview.view radio:hover, treeview.view radio:disabled, treeview.view radio:checked:hover, treeview.view radio:indeterminate:hover, treeview.view check, treeview.view check:hover, treeview.view check:disabled, treeview.view check:checked:hover, treeview.view check:indeterminate:hover {
+ box-shadow: none;
+}
+
+treeview.view:selected radio:checked, treeview.view:selected radio:indeterminate, treeview.view:selected check:checked, treeview.view:selected check:indeterminate, treeview.view:selected:focus radio:checked, treeview.view:selected:focus radio:indeterminate, treeview.view:selected:focus check:checked, treeview.view:selected:focus check:indeterminate {
+ background-color: #5b9bf8;
+ color: #FFFFFF;
+ background-image: none;
+}
+
+/************
+ * GtkScale *
+ ************/
+scale {
+ min-height: 2px;
+ min-width: 2px;
+}
+
+scale.horizontal {
+ padding: 17px 12px;
+}
+
+scale.vertical {
+ padding: 12px 17px;
+}
+
+scale slider {
+ min-height: 18px;
+ min-width: 18px;
+ margin: -8px;
+}
+
+scale.fine-tune.horizontal {
+ min-height: 4px;
+ padding-top: 16px;
+ padding-bottom: 16px;
+}
+
+scale.fine-tune.vertical {
+ min-width: 4px;
+ padding-left: 16px;
+ padding-right: 16px;
+}
+
+scale.fine-tune slider {
+ margin: -7px;
+}
+
+scale trough {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+ outline: none;
+ background-color: rgba(255, 255, 255, 0.3);
+}
+
+scale trough:disabled {
+ background-color: rgba(255, 255, 255, 0.12);
+}
+
+scale highlight {
+ transition: background-image 75ms cubic-bezier(0, 0, 0.2, 1);
+ background-image: image(#5b9bf8);
+}
+
+scale highlight:disabled {
+ background-color: #2C2C2C;
+ background-image: image(rgba(255, 255, 255, 0.3));
+}
+
+scale fill {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+ background-color: rgba(255, 255, 255, 0.3);
+}
+
+scale fill:disabled {
+ background-color: transparent;
+}
+
+scale slider {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ border-radius: 9999px;
+ color: #5b9bf8;
+ background-color: #2C2C2C;
+ box-shadow: inset 0 0 0 2px #5b9bf8;
+}
+
+scale slider:hover {
+ box-shadow: inset 0 0 0 2px #5b9bf8, 0 0 0 8px rgba(255, 255, 255, 0.12);
+}
+
+scale slider:active {
+ box-shadow: inset 0 0 0 4px #5b9bf8, 0 0 0 8px rgba(255, 255, 255, 0.12);
+}
+
+scale slider:disabled {
+ box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.3);
+}
+
+scale marks,
+scale value {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+scale indicator {
+ background-color: rgba(255, 255, 255, 0.3);
+ color: transparent;
+}
+
+scale.horizontal marks.top {
+ margin-bottom: 7px;
+ margin-top: -15px;
+}
+
+scale.horizontal.fine-tune marks.top {
+ margin-bottom: 6px;
+ margin-top: -14px;
+}
+
+scale.horizontal marks.bottom {
+ margin-top: 7px;
+ margin-bottom: -15px;
+}
+
+scale.horizontal.fine-tune marks.bottom {
+ margin-top: 6px;
+ margin-bottom: -14px;
+}
+
+scale.vertical marks.top {
+ margin-right: 7px;
+ margin-left: -15px;
+}
+
+scale.vertical.fine-tune marks.top {
+ margin-right: 6px;
+ margin-left: -14px;
+}
+
+scale.vertical marks.bottom {
+ margin-left: 7px;
+ margin-right: -15px;
+}
+
+scale.vertical.fine-tune marks.bottom {
+ margin-left: 6px;
+ margin-right: -14px;
+}
+
+scale.horizontal indicator {
+ min-height: 8px;
+ min-width: 1px;
+}
+
+scale.vertical indicator {
+ min-height: 1px;
+ min-width: 8px;
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+ min-height: 32px;
+ min-width: 32px;
+ margin: -15px;
+ border-radius: 50%;
+ background-size: auto, 1000% 1000%;
+ background-repeat: no-repeat;
+ background-position: center center;
+ background-color: transparent;
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider, scale.horizontal.marks-before:not(.marks-after) slider:hover, scale.horizontal.marks-before:not(.marks-after) slider:active, scale.horizontal.marks-before:not(.marks-after) slider:disabled {
+ box-shadow: none;
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:focus {
+ background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:hover {
+ background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:focus:hover {
+ background-color: alpha(currentColor, 0.16);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:active {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms;
+ animation: ripple-on-slider 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+ background-size: auto, 0% 0%;
+ background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider {
+ background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider-dark.png"), url("assets/scale-horz-marks-before-slider-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 0%);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:disabled {
+ background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider-disabled-dark.png"), url("assets/scale-horz-marks-before-slider-disabled-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 0%);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:active {
+ background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider-dark.png"), url("assets/scale-horz-marks-before-slider-dark@2.png")), radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+ min-height: 32px;
+ min-width: 32px;
+ margin: -15px;
+ border-radius: 50%;
+ background-size: auto, 1000% 1000%;
+ background-repeat: no-repeat;
+ background-position: center center;
+ background-color: transparent;
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider, scale.horizontal.marks-after:not(.marks-before) slider:hover, scale.horizontal.marks-after:not(.marks-before) slider:active, scale.horizontal.marks-after:not(.marks-before) slider:disabled {
+ box-shadow: none;
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:focus {
+ background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:hover {
+ background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:focus:hover {
+ background-color: alpha(currentColor, 0.16);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:active {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms;
+ animation: ripple-on-slider 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+ background-size: auto, 0% 0%;
+ background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider {
+ background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider-dark.png"), url("assets/scale-horz-marks-after-slider-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 0%);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:disabled {
+ background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider-disabled-dark.png"), url("assets/scale-horz-marks-after-slider-disabled-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 0%);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:active {
+ background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider-dark.png"), url("assets/scale-horz-marks-after-slider-dark@2.png")), radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+ min-height: 32px;
+ min-width: 32px;
+ margin: -15px;
+ border-radius: 50%;
+ background-size: auto, 1000% 1000%;
+ background-repeat: no-repeat;
+ background-position: center center;
+ background-color: transparent;
+}
+
+scale.vertical.marks-before:not(.marks-after) slider, scale.vertical.marks-before:not(.marks-after) slider:hover, scale.vertical.marks-before:not(.marks-after) slider:active, scale.vertical.marks-before:not(.marks-after) slider:disabled {
+ box-shadow: none;
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:focus {
+ background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:hover {
+ background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:focus:hover {
+ background-color: alpha(currentColor, 0.16);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:active {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms;
+ animation: ripple-on-slider 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+ background-size: auto, 0% 0%;
+ background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider {
+ background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider-dark.png"), url("assets/scale-vert-marks-before-slider-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 0%);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:disabled {
+ background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider-disabled-dark.png"), url("assets/scale-vert-marks-before-slider-disabled-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 0%);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:active {
+ background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider-dark.png"), url("assets/scale-vert-marks-before-slider-dark@2.png")), radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+ min-height: 32px;
+ min-width: 32px;
+ margin: -15px;
+ border-radius: 50%;
+ background-size: auto, 1000% 1000%;
+ background-repeat: no-repeat;
+ background-position: center center;
+ background-color: transparent;
+}
+
+scale.vertical.marks-after:not(.marks-before) slider, scale.vertical.marks-after:not(.marks-before) slider:hover, scale.vertical.marks-after:not(.marks-before) slider:active, scale.vertical.marks-after:not(.marks-before) slider:disabled {
+ box-shadow: none;
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:focus {
+ background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:hover {
+ background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:focus:hover {
+ background-color: alpha(currentColor, 0.16);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:active {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms;
+ animation: ripple-on-slider 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+ background-size: auto, 0% 0%;
+ background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider {
+ background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider-dark.png"), url("assets/scale-vert-marks-after-slider-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 0%);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:disabled {
+ background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider-disabled-dark.png"), url("assets/scale-vert-marks-after-slider-disabled-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 0%);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:active {
+ background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider-dark.png"), url("assets/scale-vert-marks-after-slider-dark@2.png")), radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%);
+}
+
+scale.color {
+ min-height: 0;
+ min-width: 0;
+}
+
+scale.color.horizontal {
+ padding: 0 0 12px 0;
+}
+
+scale.color.horizontal slider:dir(ltr), scale.color.horizontal slider:dir(rtl) {
+ margin-bottom: -13.5px;
+ margin-top: 11.5px;
+}
+
+scale.color.vertical:dir(ltr) {
+ padding: 0 0 0 12px;
+}
+
+scale.color.vertical:dir(ltr) slider {
+ margin-left: -13.5px;
+ margin-right: 11.5px;
+}
+
+scale.color.vertical:dir(rtl) {
+ padding: 0 12px 0 0;
+}
+
+scale.color.vertical:dir(rtl) slider {
+ margin-right: -13.5px;
+ margin-left: 11.5px;
+}
+
+/*****************
+ * Progress bars *
+ *****************/
+progressbar {
+ color: rgba(255, 255, 255, 0.7);
+ font-size: smaller;
+}
+
+progressbar.horizontal trough,
+progressbar.horizontal progress {
+ min-height: 6px;
+}
+
+progressbar.vertical trough,
+progressbar.vertical progress {
+ min-width: 6px;
+}
+
+progressbar trough {
+ border-radius: 6px;
+ background-color: rgba(255, 255, 255, 0.12);
+}
+
+progressbar progress {
+ border-radius: 6px;
+ background-color: #5b9bf8;
+}
+
+progressbar.osd {
+ min-width: 6px;
+ min-height: 6px;
+ background-color: transparent;
+}
+
+progressbar.osd trough {
+ background-color: transparent;
+}
+
+progressbar.osd progress {
+ background-color: #5b9bf8;
+}
+
+progressbar trough.empty progress {
+ all: unset;
+}
+
+/*************
+ * Level Bar *
+ *************/
+levelbar.horizontal block {
+ min-height: 6px;
+}
+
+levelbar.horizontal.discrete block {
+ min-width: 36px;
+}
+
+levelbar.horizontal.discrete block:not(:last-child) {
+ margin-right: 2px;
+}
+
+levelbar.vertical block {
+ min-width: 6px;
+}
+
+levelbar.vertical.discrete block {
+ min-height: 36px;
+}
+
+levelbar.vertical.discrete block:not(:last-child) {
+ margin-bottom: 2px;
+}
+
+levelbar trough {
+ border-radius: 6px;
+}
+
+levelbar block.low {
+ background-color: #FBC02D;
+}
+
+levelbar block.high, levelbar block:not(.empty) {
+ background-color: #5b9bf8;
+}
+
+levelbar block.full {
+ background-color: #66BB6A;
+}
+
+levelbar block.empty {
+ background-color: rgba(255, 255, 255, 0.12);
+}
+
+/****************
+ * Print dialog *
+*****************/
+printdialog paper {
+ padding: 0;
+ border: 1px solid rgba(255, 255, 255, 0.12);
+ background-color: #2C2C2C;
+ color: #FFFFFF;
+}
+
+printdialog .dialog-action-box {
+ margin: 12px;
+}
+
+/**********
+ * Frames *
+ **********/
+frame > border, .frame {
+ margin: 0;
+ padding: 0;
+ border: 1px solid rgba(255, 255, 255, 0.12);
+ border-radius: 0;
+ box-shadow: none;
+}
+
+.frame.view {
+ border-radius: 6px;
+}
+
+.frame.flat {
+ border-style: none;
+}
+
+frame.flat > border, frame > border.flat, statusbar frame > border {
+ border: none;
+}
+
+actionbar > revealer > box {
+ padding: 6px;
+ border-top: 1px solid rgba(255, 255, 255, 0.12);
+ background-color: #2C2C2C;
+ background-clip: border-box;
+}
+
+.background.csd box.vertical > actionbar > revealer > box {
+ border-radius: 0 0 12px 12px;
+}
+
+scrolledwindow viewport.frame {
+ border: none;
+}
+
+stack scrolledwindow.frame viewport.frame list {
+ border: none;
+}
+
+overshoot.top {
+ background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(rgba(255, 255, 255, 0.12)), to(rgba(255, 255, 255, 0))), -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(255, 255, 255, 0.07)), to(rgba(255, 255, 255, 0)));
+ background-size: 100% 5%, 100% 100%;
+ background-repeat: no-repeat;
+ background-position: center top;
+ background-color: transparent;
+ border: none;
+ box-shadow: none;
+}
+
+overshoot.bottom {
+ background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(rgba(255, 255, 255, 0.12)), to(rgba(255, 255, 255, 0))), -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(255, 255, 255, 0.07)), to(rgba(255, 255, 255, 0)));
+ background-size: 100% 5%, 100% 100%;
+ background-repeat: no-repeat;
+ background-position: center bottom;
+ background-color: transparent;
+ border: none;
+ box-shadow: none;
+}
+
+overshoot.left {
+ background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(rgba(255, 255, 255, 0.12)), to(rgba(255, 255, 255, 0))), -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(255, 255, 255, 0.07)), to(rgba(255, 255, 255, 0)));
+ background-size: 5% 100%, 100% 100%;
+ background-repeat: no-repeat;
+ background-position: left center;
+ background-color: transparent;
+ border: none;
+ box-shadow: none;
+}
+
+overshoot.right {
+ background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(rgba(255, 255, 255, 0.12)), to(rgba(255, 255, 255, 0))), -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(255, 255, 255, 0.07)), to(rgba(255, 255, 255, 0)));
+ background-size: 5% 100%, 100% 100%;
+ background-repeat: no-repeat;
+ background-position: right center;
+ background-color: transparent;
+ border: none;
+ box-shadow: none;
+}
+
+junction {
+ border-style: solid none none solid;
+ border-width: 1px;
+ border-color: rgba(255, 255, 255, 0.12);
+ background-color: #2C2C2C;
+}
+
+junction:dir(rtl) {
+ border-style: solid solid none none;
+}
+
+separator {
+ min-width: 1px;
+ min-height: 1px;
+ background-color: rgba(255, 255, 255, 0.12);
+}
+
+preferences stacksidebar.sidebar list separator, hdyleaflet > box.vertical > scrolledwindow > viewport.frame list:not(.view):not(.tweak-group) separator, leaflet > box.vertical > scrolledwindow > viewport.frame list:not(.view):not(.tweak-group) separator, box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame list:not(.view):not(.tweak-group) separator, window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator,
+window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator,
+window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, .tweak-categories separator, placessidebar.sidebar list > separator, stacksidebar.sidebar + separator.vertical,
+stacksidebar.sidebar separator.horizontal, button.font separator, button.file separator {
+ min-width: 0;
+ min-height: 0;
+ background-color: transparent;
+}
+
+/*********
+ * Lists *
+ *********/
+window.background.csd stack stack stack frame > list,
+window.background.csd > stack > stack > box > frame > list,
+window.background.csd > stack > stack > box > box > frame > list,
+window.background.csd > stack > box > stack > box > frame > list,
+window.background.csd > stack > box > stack > scrolledwindow > viewport frame > list,
+window.background.csd > stack > box > stack > box > scrolledwindow > viewport > frame > list,
+window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > list, window.background.csd > stack > list,
+window.background.csd > stack > scrolledwindow > viewport > box > list,
+window.background.csd > box > stack > scrolledwindow > viewport > box > list, preferencesgroup list, .geary-accounts-editor-pane list, window.background.csd.unified > deck > deck > deck list, hdyleaflet list.view, hdyleaflet list.frame, leaflet list.view, leaflet list.frame, box.horizontal > stack.background list.view, box.horizontal > stack.background list.frame, hdyleaflet stack.background scrolledwindow > viewport list, hdyleaflet overlay scrolledwindow > viewport list, leaflet stack.background scrolledwindow > viewport list, leaflet overlay scrolledwindow > viewport list, box.horizontal > stack.background stack.background scrolledwindow > viewport list, box.horizontal > stack.background overlay scrolledwindow > viewport list, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list), box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list), list.tweak-group list, .tweak-group-startup, list.content:not(.conversation-listbox) {
+ border-radius: 7px;
+ box-shadow: none;
+ border: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+window.background.csd stack stack stack frame > list > separator,
+window.background.csd > stack > stack > box > frame > list > separator,
+window.background.csd > stack > box > stack > scrolledwindow > viewport frame > list > separator,
+window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > list > separator, window.background.csd > stack > list > separator,
+window.background.csd > stack > scrolledwindow > viewport > box > list > separator, preferencesgroup list > separator, .geary-accounts-editor-pane list > separator, window.background.csd.unified > deck > deck > deck list > separator, hdyleaflet list.view > separator, hdyleaflet list.frame > separator, leaflet list.view > separator, leaflet list.frame > separator, box.horizontal > stack.background list.view > separator, box.horizontal > stack.background list.frame > separator, hdyleaflet stack.background scrolledwindow > viewport list > separator, hdyleaflet overlay scrolledwindow > viewport list > separator, leaflet stack.background scrolledwindow > viewport list > separator, leaflet overlay scrolledwindow > viewport list > separator, box.horizontal > stack.background stack.background scrolledwindow > viewport list > separator, box.horizontal > stack.background overlay scrolledwindow > viewport list > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) > separator, list.tweak-group list > separator, .tweak-group-startup > separator, list.content:not(.conversation-listbox) > separator {
+ background: none;
+ min-height: 0;
+}
+
+window.background.csd stack stack stack frame > list row,
+window.background.csd > stack > stack > box > frame > list row,
+window.background.csd > stack > box > stack > scrolledwindow > viewport frame > list row,
+window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > list row, window.background.csd > stack > list row,
+window.background.csd > stack > scrolledwindow > viewport > box > list row, preferencesgroup list row, .geary-accounts-editor-pane list row, window.background.csd.unified > deck > deck > deck list row, hdyleaflet list.view row, hdyleaflet list.frame row, leaflet list.view row, leaflet list.frame row, box.horizontal > stack.background list.view row, box.horizontal > stack.background list.frame row, hdyleaflet stack.background scrolledwindow > viewport list row, hdyleaflet overlay scrolledwindow > viewport list row, leaflet stack.background scrolledwindow > viewport list row, leaflet overlay scrolledwindow > viewport list row, box.horizontal > stack.background stack.background scrolledwindow > viewport list row, box.horizontal > stack.background overlay scrolledwindow > viewport list row, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row, leaflet frame:not(.view) list:not(.contacts-contact-list) row, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row, list.tweak-group list row, .tweak-group-startup row, list.content:not(.conversation-listbox) > row {
+ border-radius: 0;
+}
+
+window.background.csd stack stack stack frame > list row:not(:first-child), window.background.csd > stack > list row:not(:first-child), preferencesgroup list row:not(:first-child), .geary-accounts-editor-pane list row:not(:first-child), window.background.csd.unified > deck > deck > deck list row:not(:first-child), hdyleaflet list.view row:not(:first-child), hdyleaflet list.frame row:not(:first-child), leaflet list.view row:not(:first-child), leaflet list.frame row:not(:first-child), box.horizontal > stack.background list.view row:not(:first-child), box.horizontal > stack.background list.frame row:not(:first-child), hdyleaflet stack.background scrolledwindow > viewport list row:not(:first-child), hdyleaflet overlay scrolledwindow > viewport list row:not(:first-child), leaflet stack.background scrolledwindow > viewport list row:not(:first-child), leaflet overlay scrolledwindow > viewport list row:not(:first-child), box.horizontal > stack.background stack.background scrolledwindow > viewport list row:not(:first-child), box.horizontal > stack.background overlay scrolledwindow > viewport list row:not(:first-child), hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row:not(:first-child), leaflet frame:not(.view) list:not(.contacts-contact-list) row:not(:first-child), box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row:not(:first-child), list.tweak-group list row:not(:first-child), .tweak-group-startup row:not(:first-child), list.content:not(.conversation-listbox) > row:not(:first-child) {
+ border-top: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+window.background.csd stack stack stack frame > list row:first-child, window.background.csd > stack > list row:first-child, preferencesgroup list row:first-child, .geary-accounts-editor-pane list row:first-child, window.background.csd.unified > deck > deck > deck list row:first-child, hdyleaflet list.view row:first-child, hdyleaflet list.frame row:first-child, leaflet list.view row:first-child, leaflet list.frame row:first-child, box.horizontal > stack.background list.view row:first-child, box.horizontal > stack.background list.frame row:first-child, hdyleaflet stack.background scrolledwindow > viewport list row:first-child, hdyleaflet overlay scrolledwindow > viewport list row:first-child, leaflet stack.background scrolledwindow > viewport list row:first-child, leaflet overlay scrolledwindow > viewport list row:first-child, box.horizontal > stack.background stack.background scrolledwindow > viewport list row:first-child, box.horizontal > stack.background overlay scrolledwindow > viewport list row:first-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row:first-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row:first-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row:first-child, list.tweak-group list row:first-child, .tweak-group-startup row:first-child, list.content:not(.conversation-listbox) > row:first-child {
+ border-top-left-radius: 6px;
+ border-top-right-radius: 6px;
+}
+
+window.background.csd stack stack stack frame > list row:last-child, window.background.csd > stack > list row:last-child, preferencesgroup list row:last-child, .geary-accounts-editor-pane list row:last-child, window.background.csd.unified > deck > deck > deck list row:last-child, hdyleaflet list.view row:last-child, hdyleaflet list.frame row:last-child, leaflet list.view row:last-child, leaflet list.frame row:last-child, box.horizontal > stack.background list.view row:last-child, box.horizontal > stack.background list.frame row:last-child, hdyleaflet stack.background scrolledwindow > viewport list row:last-child, hdyleaflet overlay scrolledwindow > viewport list row:last-child, leaflet stack.background scrolledwindow > viewport list row:last-child, leaflet overlay scrolledwindow > viewport list row:last-child, box.horizontal > stack.background stack.background scrolledwindow > viewport list row:last-child, box.horizontal > stack.background overlay scrolledwindow > viewport list row:last-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row:last-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row:last-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row:last-child, list.tweak-group list row:last-child, .tweak-group-startup row:last-child, list.content:not(.conversation-listbox) > row:last-child {
+ border-bottom-left-radius: 6px;
+ border-bottom-right-radius: 6px;
+}
+
+window.background.csd stack stack stack frame > list row:only-child, window.background.csd > stack > list row:only-child, preferencesgroup list row:only-child, .geary-accounts-editor-pane list row:only-child, window.background.csd.unified > deck > deck > deck list row:only-child, hdyleaflet list.view row:only-child, hdyleaflet list.frame row:only-child, leaflet list.view row:only-child, leaflet list.frame row:only-child, box.horizontal > stack.background list.view row:only-child, box.horizontal > stack.background list.frame row:only-child, hdyleaflet stack.background scrolledwindow > viewport list row:only-child, hdyleaflet overlay scrolledwindow > viewport list row:only-child, leaflet stack.background scrolledwindow > viewport list row:only-child, leaflet overlay scrolledwindow > viewport list row:only-child, box.horizontal > stack.background stack.background scrolledwindow > viewport list row:only-child, box.horizontal > stack.background overlay scrolledwindow > viewport list row:only-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row:only-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row:only-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row:only-child, list.tweak-group list row:only-child, .tweak-group-startup row:only-child, list.content:not(.conversation-listbox) > row:only-child {
+ border-radius: 6px;
+}
+
+window.background.csd stack stack stack frame > list row:focus, window.background.csd > stack > list row:focus, preferencesgroup list row:focus, .geary-accounts-editor-pane list row:focus, window.background.csd.unified > deck > deck > deck list row:focus, hdyleaflet list.view row:focus, hdyleaflet list.frame row:focus, leaflet list.view row:focus, leaflet list.frame row:focus, box.horizontal > stack.background list.view row:focus, box.horizontal > stack.background list.frame row:focus, hdyleaflet stack.background scrolledwindow > viewport list row:focus, hdyleaflet overlay scrolledwindow > viewport list row:focus, leaflet stack.background scrolledwindow > viewport list row:focus, leaflet overlay scrolledwindow > viewport list row:focus, box.horizontal > stack.background stack.background scrolledwindow > viewport list row:focus, box.horizontal > stack.background overlay scrolledwindow > viewport list row:focus, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row:focus, leaflet frame:not(.view) list:not(.contacts-contact-list) row:focus, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row:focus, list.tweak-group list row:focus, .tweak-group-startup row:focus, list.content:not(.conversation-listbox) > row:focus {
+ box-shadow: inset 0 0 0 1000px alpha(currentColor, 0.08);
+}
+
+list {
+ border-color: rgba(255, 255, 255, 0.12);
+ background-color: #2C2C2C;
+}
+
+list row {
+ padding: 3px;
+}
+
+list.navigation-sidebar {
+ padding: 3px;
+}
+
+list.navigation-sidebar > row {
+ border-radius: 6px;
+}
+
+.budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable, treeview.view header button, row.activatable {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+ outline: none;
+ box-shadow: inset 0 0 0 9999px transparent;
+ background-image: radial-gradient(circle, transparent 10%, transparent 0%);
+ background-repeat: no-repeat;
+ background-position: center;
+ background-size: 1000% 1000%;
+}
+
+.budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable:focus, treeview.view header button:focus, row.activatable:focus {
+ box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+.budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable:hover, treeview.view header button:hover, row.activatable:hover {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms, background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+ box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+.budgie-popover scrolledwindow.sidebar:not(.categories) list > row.has-open-popup.activatable, treeview.view header button.has-open-popup, .budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable:active, treeview.view header button:active, row.activatable.has-open-popup, row.activatable:active {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms;
+ animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+ box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+ background-image: radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%);
+ background-size: 0% 0%;
+}
+
+row:selected {
+ color: inherit;
+ background-color: rgba(255, 255, 255, 0.12);
+}
+
+row:selected image,
+row:selected label {
+ color: #FFFFFF;
+}
+
+row:selected button image,
+row:selected button label {
+ color: inherit;
+}
+
+row:selected:disabled image,
+row:selected:disabled label {
+ color: rgba(255, 255, 255, 0.5);
+}
+
+/*********************
+ * App Notifications *
+ *********************/
+.app-notification {
+ margin: 8px;
+}
+
+.app-notification button.text-button:not(:disabled) {
+ color: #5b9bf8;
+}
+
+.app-notification.frame,
+.app-notification border {
+ border-style: none;
+}
+
+/*************
+ * Expanders *
+ *************/
+expander title > arrow {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ min-width: 16px;
+ min-height: 16px;
+ -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+ -gtk-icon-transform: rotate(-90deg);
+ color: rgba(255, 255, 255, 0.7);
+}
+
+expander title > arrow:dir(rtl) {
+ -gtk-icon-transform: rotate(90deg);
+}
+
+expander title > arrow:checked {
+ -gtk-icon-transform: unset;
+}
+
+expander title > arrow:hover, expander title > arrow:active {
+ color: #FFFFFF;
+}
+
+expander title > arrow:disabled {
+ color: rgba(255, 255, 255, 0.3);
+}
+
+/************
+ * Calendar *
+ ************/
+calendar {
+ padding: 1px;
+ border: 1px solid rgba(255, 255, 255, 0.12);
+ color: #FFFFFF;
+}
+
+calendar:disabled {
+ color: rgba(255, 255, 255, 0.5);
+}
+
+calendar:selected {
+ border-radius: 7px;
+}
+
+calendar.header {
+ border-style: none none solid;
+ border-color: rgba(255, 255, 255, 0.12);
+ border-radius: 0;
+}
+
+calendar.highlight {
+ color: rgba(255, 255, 255, 0.7);
+ font-weight: 500;
+}
+
+calendar:indeterminate {
+ color: rgba(255, 255, 255, 0.3);
+}
+
+/***********
+ * Dialogs *
+ ***********/
+messagedialog.background {
+ background-color: #3C3C3C;
+}
+
+messagedialog.background.csd {
+ border-bottom-left-radius: 12px;
+ border-bottom-right-radius: 12px;
+}
+
+messagedialog .titlebar {
+ min-height: 24px;
+ border-style: none;
+ box-shadow: none;
+ background-color: #3C3C3C;
+ color: #FFFFFF;
+}
+
+messagedialog .titlebar:backdrop {
+ background-color: #3C3C3C;
+ color: rgba(255, 255, 255, 0.7);
+}
+
+messagedialog .dialog-action-box {
+ margin-top: -6px;
+}
+
+messagedialog .dialog-action-box button, messagedialog .dialog-action-box button:first-child, messagedialog .dialog-action-box button:last-child, messagedialog .dialog-action-box .linked:not(.vertical) > button, messagedialog .dialog-action-box .linked:not(.vertical) > button:first-child, messagedialog .dialog-action-box .linked:not(.vertical) > button:last-child {
+ border-radius: 6px;
+}
+
+messagedialog .dialog-action-box button:not(:last-child), messagedialog .dialog-action-box .linked:not(.vertical) > button:not(:last-child) {
+ margin-right: 6px;
+}
+
+messagedialog .dialog-action-box button.suggested-action:not(:disabled), messagedialog .dialog-action-box .linked:not(.vertical) > button.suggested-action:not(:disabled) {
+ color: #5b9bf8;
+}
+
+messagedialog .dialog-action-box button.destructive-action:not(:disabled), messagedialog .dialog-action-box .linked:not(.vertical) > button.destructive-action:not(:disabled) {
+ color: #F44336;
+}
+
+.csd filechooser {
+ background-color: #2C2C2C;
+ border-radius: 0 0 12px 12px;
+}
+
+filechooser .dialog-action-box {
+ border-top: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+filechooser #pathbarbox {
+ border-bottom: 1px solid rgba(255, 255, 255, 0.12);
+ background-color: #2C2C2C;
+}
+
+filechooser stack.view {
+ background-color: transparent;
+ padding: 0;
+}
+
+filechooser stack.view scrolledwindow {
+ background-color: transparent;
+ border-radius: 0 0 12px 0;
+}
+
+filechooser stack.view scrolledwindow list {
+ background-color: transparent;
+}
+
+filechooser stack.view > placesview {
+ background-color: transparent;
+}
+
+filechooser stack.view > placesview > actionbar, filechooser stack.view > placesview > actionbar > revealer > box {
+ background-color: transparent;
+}
+
+filechooser stack.view frame > border {
+ border: none;
+}
+
+.csd filechooser placessidebar {
+ background: none;
+ border-bottom-left-radius: 12px;
+}
+
+filechooser actionbar, filechooser actionbar > revealer > box {
+ background-color: transparent;
+}
+
+/***********
+ * Sidebar *
+ ***********/
+.sidebar {
+ border-style: none;
+}
+
+stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:not(separator):dir(ltr), .sidebar:not(separator).left {
+ border-right: 1px solid rgba(255, 255, 255, 0.12);
+ border-left-style: none;
+}
+
+stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:not(separator):dir(rtl), .sidebar:not(separator).right {
+ border-left: 1px solid rgba(255, 255, 255, 0.12);
+ border-right-style: none;
+}
+
+.sidebar list {
+ background-color: transparent;
+}
+
+paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar {
+ border-style: none;
+}
+
+stacksidebar.sidebar list {
+ padding: 3px;
+ background-color: #2C2C2C;
+}
+
+stacksidebar.sidebar row {
+ min-height: 32px;
+ padding: 0 3px;
+ border-radius: 6px;
+}
+
+stacksidebar.sidebar row:selected {
+ background-color: #5b9bf8;
+ color: #FFFFFF;
+ font-weight: 500;
+}
+
+stacksidebar.sidebar row:selected label, stacksidebar.sidebar row:selected image {
+ color: #FFFFFF;
+}
+
+stacksidebar.sidebar row + row {
+ margin-top: 3px;
+}
+
+stacksidebar.sidebar row > label {
+ padding-left: 6px;
+ padding-right: 6px;
+ color: inherit;
+}
+
+/****************
+ * File chooser *
+ ****************/
+row image.sidebar-icon {
+ transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
+ color: rgba(255, 255, 255, 0.7);
+}
+
+row image.sidebar-icon:disabled {
+ color: rgba(255, 255, 255, 0.3);
+}
+
+placessidebar.sidebar > viewport.frame {
+ border-style: none;
+}
+
+placessidebar.sidebar list {
+ padding: 6px;
+}
+
+placessidebar.sidebar row {
+ min-height: 32px;
+ margin: 0;
+ padding: 0;
+ border-radius: 6px;
+}
+
+placessidebar.sidebar row > revealer {
+ padding: 0 8px 0 16px;
+}
+
+placessidebar.sidebar row:selected {
+ background-color: rgba(255, 255, 255, 0.12);
+ font-weight: 500;
+}
+
+placessidebar.sidebar row:disabled {
+ color: rgba(255, 255, 255, 0.5);
+}
+
+placessidebar.sidebar row image.sidebar-icon:dir(ltr) {
+ padding-right: 8px;
+}
+
+placessidebar.sidebar row image.sidebar-icon:dir(rtl) {
+ padding-left: 8px;
+}
+
+placessidebar.sidebar row label.sidebar-label {
+ color: inherit;
+}
+
+placessidebar.sidebar row label.sidebar-label:dir(ltr) {
+ padding-right: 2px;
+}
+
+placessidebar.sidebar row label.sidebar-label:dir(rtl) {
+ padding-left: 2px;
+}
+
+placessidebar.sidebar row.sidebar-placeholder-row {
+ background-color: alpha(currentColor, 0.08);
+}
+
+placessidebar.sidebar row.sidebar-new-bookmark-row {
+ color: #5b9bf8;
+}
+
+placessidebar.sidebar row.sidebar-new-bookmark-row image.sidebar-icon {
+ color: #5b9bf8;
+}
+
+placessidebar.sidebar row:drop(active) {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms, background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+ box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+placesview .server-list-button > image {
+ -gtk-icon-transform: rotate(0turn);
+}
+
+placesview .server-list-button:checked > image {
+ -gtk-icon-transform: rotate(-0.5turn);
+}
+
+placesview > actionbar > revealer > box > label {
+ padding-left: 8px;
+ padding-right: 8px;
+}
+
+/*********
+ * Paned *
+ *********/
+paned > separator {
+ min-width: 1px;
+ min-height: 1px;
+ -gtk-icon-source: none;
+ border-style: none;
+ background-color: transparent;
+ background-image: image(rgba(255, 255, 255, 0.12));
+ background-size: 1px 1px;
+ background-clip: content-box;
+}
+
+paned > separator.wide {
+ min-width: 6px;
+ min-height: 6px;
+ background-color: #2C2C2C;
+ background-image: image(rgba(255, 255, 255, 0.12)), image(rgba(255, 255, 255, 0.12));
+ background-size: 1px 1px, 1px 1px;
+}
+
+paned.horizontal > separator {
+ background-repeat: repeat-y;
+}
+
+paned.horizontal > separator:dir(ltr) {
+ margin: 0 -8px 0 0;
+ padding: 0 8px 0 0;
+ background-position: left;
+}
+
+paned.horizontal > separator:dir(rtl) {
+ margin: 0 0 0 -8px;
+ padding: 0 0 0 8px;
+ background-position: right;
+}
+
+paned.horizontal > separator.wide {
+ margin: 0;
+ padding: 0;
+ background-repeat: repeat-y, repeat-y;
+ background-position: left, right;
+}
+
+paned.vertical > separator {
+ margin: 0 0 -8px 0;
+ padding: 0 0 8px 0;
+ background-repeat: repeat-x;
+ background-position: top;
+}
+
+paned.vertical > separator.wide {
+ margin: 0;
+ padding: 0;
+ background-repeat: repeat-x, repeat-x;
+ background-position: bottom, top;
+}
+
+/**************
+ * GtkInfoBar *
+ **************/
+infobar {
+ border: none;
+ margin-bottom: 0;
+}
+
+infobar.info > revealer > box, infobar.info:hover > revealer > box, infobar.info:backdrop > revealer > box {
+ background-color: #2C2C2C;
+}
+
+infobar.info > revealer > box link:link, infobar.info:hover > revealer > box link:link, infobar.info:backdrop > revealer > box link:link {
+ color: #FFFFFF;
+}
+
+infobar.info > revealer > box button, infobar.info > revealer > box button.text-button:not(:disabled), infobar.info:hover > revealer > box button, infobar.info:hover > revealer > box button.text-button:not(:disabled), infobar.info:backdrop > revealer > box button, infobar.info:backdrop > revealer > box button.text-button:not(:disabled) {
+ color: #5b9bf8;
+}
+
+infobar.action > revealer > box, infobar.action:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:backdrop > revealer > box {
+ background-color: #5b9bf8;
+ color: #FFFFFF;
+}
+
+infobar.action > revealer > box link:link, infobar.action:backdrop > revealer > box link:link, infobar.question > revealer > box link:link, infobar.question:backdrop > revealer > box link:link {
+ color: #FFFFFF;
+}
+
+infobar.action > revealer > box button, infobar.action > revealer > box button:hover, infobar.action > revealer > box button:focus, infobar.action > revealer > box button:active, infobar.action > revealer > box button:checked, infobar.action > revealer > box button.text-button:not(:disabled), infobar.action:backdrop > revealer > box button, infobar.action:backdrop > revealer > box button:hover, infobar.action:backdrop > revealer > box button:focus, infobar.action:backdrop > revealer > box button:active, infobar.action:backdrop > revealer > box button:checked, infobar.action:backdrop > revealer > box button.text-button:not(:disabled), infobar.question > revealer > box button, infobar.question > revealer > box button:hover, infobar.question > revealer > box button:focus, infobar.question > revealer > box button:active, infobar.question > revealer > box button:checked, infobar.question > revealer > box button.text-button:not(:disabled), infobar.question:backdrop > revealer > box button, infobar.question:backdrop > revealer > box button:hover, infobar.question:backdrop > revealer > box button:focus, infobar.question:backdrop > revealer > box button:active, infobar.question:backdrop > revealer > box button:checked, infobar.question:backdrop > revealer > box button.text-button:not(:disabled) {
+ color: #FFFFFF;
+}
+
+infobar.action:hover > revealer > box, infobar.question:hover > revealer > box {
+ background-color: #438cf7;
+}
+
+infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box {
+ background-color: #FBC02D;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.warning > revealer > box link:link, infobar.warning:backdrop > revealer > box link:link {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.warning > revealer > box button, infobar.warning > revealer > box button:hover, infobar.warning > revealer > box button:focus, infobar.warning > revealer > box button:active, infobar.warning > revealer > box button:checked, infobar.warning > revealer > box button.text-button:not(:disabled), infobar.warning:backdrop > revealer > box button, infobar.warning:backdrop > revealer > box button:hover, infobar.warning:backdrop > revealer > box button:focus, infobar.warning:backdrop > revealer > box button:active, infobar.warning:backdrop > revealer > box button:checked, infobar.warning:backdrop > revealer > box button.text-button:not(:disabled) {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.warning:hover > revealer > box {
+ background-color: #fbb814;
+}
+
+infobar.error > revealer > box, infobar.error:backdrop > revealer > box {
+ background-color: #F44336;
+ color: #FFFFFF;
+}
+
+infobar.error > revealer > box link:link, infobar.error:backdrop > revealer > box link:link {
+ color: #FFFFFF;
+}
+
+infobar.error > revealer > box button, infobar.error > revealer > box button:hover, infobar.error > revealer > box button:focus, infobar.error > revealer > box button:active, infobar.error > revealer > box button:checked, infobar.error > revealer > box button.text-button:not(:disabled), infobar.error:backdrop > revealer > box button, infobar.error:backdrop > revealer > box button:hover, infobar.error:backdrop > revealer > box button:focus, infobar.error:backdrop > revealer > box button:active, infobar.error:backdrop > revealer > box button:checked, infobar.error:backdrop > revealer > box button.text-button:not(:disabled) {
+ color: #FFFFFF;
+}
+
+infobar.error:hover > revealer > box {
+ background-color: #f32c1e;
+}
+
+/************
+ * Tooltips *
+ ************/
+tooltip {
+ border-radius: 3px;
+ box-shadow: none;
+}
+
+tooltip.background {
+ background-color: rgba(25, 25, 25, 0.9);
+ color: #FFFFFF;
+}
+
+tooltip.background.csd {
+ border-radius: 6px;
+}
+
+tooltip decoration {
+ background-color: transparent;
+}
+
+tooltip > box {
+ margin: -6px;
+ min-height: 24px;
+ padding: 4px 8px;
+}
+
+/*****************
+ * Color Chooser *
+ *****************/
+colorswatch.top {
+ border-top-left-radius: 6px;
+ border-top-right-radius: 6px;
+}
+
+colorswatch.top overlay {
+ border-top-left-radius: 6px;
+ border-top-right-radius: 6px;
+}
+
+colorswatch.bottom {
+ border-bottom-left-radius: 6px;
+ border-bottom-right-radius: 6px;
+}
+
+colorswatch.bottom overlay {
+ border-bottom-left-radius: 6px;
+ border-bottom-right-radius: 6px;
+}
+
+colorswatch.left, colorswatch:first-child:not(.top) {
+ border-top-left-radius: 6px;
+ border-bottom-left-radius: 6px;
+}
+
+colorswatch.left overlay, colorswatch:first-child:not(.top) overlay {
+ border-top-left-radius: 6px;
+ border-bottom-left-radius: 6px;
+}
+
+colorswatch.right, colorswatch:last-child:not(.bottom) {
+ border-top-right-radius: 6px;
+ border-bottom-right-radius: 6px;
+}
+
+colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay {
+ border-top-right-radius: 6px;
+ border-bottom-right-radius: 6px;
+}
+
+colorswatch.dark {
+ color: #FFFFFF;
+}
+
+colorswatch.light {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+colorswatch overlay {
+ transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+colorswatch overlay:hover {
+ box-shadow: 0 0 0 2px #5b9bf8;
+}
+
+colorswatch#add-color-button {
+ border-radius: 6px 0 0 6px;
+}
+
+colorswatch#add-color-button:only-child {
+ border-radius: 6px;
+}
+
+colorswatch#add-color-button overlay {
+ background-color: rgba(255, 255, 255, 0.04);
+}
+
+colorswatch#add-color-button overlay:hover {
+ background-color: rgba(255, 255, 255, 0.12);
+ box-shadow: none;
+}
+
+colorswatch#add-color-button overlay:active {
+ background-color: rgba(255, 255, 255, 0.3);
+}
+
+colorswatch:disabled {
+ opacity: 0.5;
+}
+
+colorswatch:disabled overlay {
+ box-shadow: none;
+}
+
+colorswatch#editor-color-sample {
+ border-radius: 12px;
+}
+
+colorswatch#editor-color-sample overlay {
+ border-radius: 12px;
+}
+
+colorswatch#editor-color-sample overlay:hover {
+ box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17);
+}
+
+colorchooser .popover.osd {
+ transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+ border-radius: 6px;
+ box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.1);
+ background-color: #3C3C3C;
+}
+
+colorchooser .popover.osd:backdrop {
+ box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.2), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.1);
+}
+
+/********
+ * Misc *
+ ********/
+.content-view {
+ background-color: #2C2C2C;
+}
+
+/**********************
+ * Window Decorations *
+ **********************/
+decoration {
+ transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+ border-radius: 12px;
+ box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2), 0 16px 15px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12), 0 0 0 1px rgba(0, 0, 0, 0.75), 0 0 36px transparent;
+ margin: 8px;
+}
+
+.csd decoration {
+ border: 1px solid rgba(255, 255, 255, 0.1);
+ background-color: #2C2C2C;
+ background-clip: border-box;
+}
+
+decoration:backdrop {
+ box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 0 0 1px rgba(0, 0, 0, 0.75), 0 0 36px transparent;
+}
+
+.maximized decoration, .fullscreen decoration, .tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration {
+ border-radius: 0;
+}
+
+.popup decoration {
+ box-shadow: none;
+ border: none;
+}
+
+.ssd decoration {
+ border: none;
+ border-radius: 12px 12px 0 0;
+ box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.75);
+}
+
+.metacity decoration {
+ border-bottom-left-radius: 0;
+ border-bottom-right-radius: 0;
+ border: none;
+}
+
+.csd.popup decoration {
+ border-radius: 12px;
+ border: none;
+ box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.05), 0 4px 6px 0 rgba(0, 0, 0, 0.06), 0 1px 10px 0 rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.75);
+}
+
+tooltip.csd decoration {
+ border-radius: 12px;
+ box-shadow: none;
+ border: none;
+}
+
+messagedialog.csd decoration {
+ border-radius: 12px;
+ border: 1px solid rgba(255, 255, 255, 0.1);
+ background-color: #3C3C3C;
+ background-clip: border-box;
+}
+
+.solid-csd decoration {
+ margin: 0;
+ padding: 2px;
+ border-radius: 0;
+ box-shadow: none;
+ background-color: #242424;
+ border: 1px solid #4b4b4b;
+}
+
+.solid-csd decoration:backdrop {
+ background-color: #2C2C2C;
+}
+
+button.titlebutton:not(.suggested-action):not(.destructive-action) {
+ min-height: 16px;
+ min-width: 16px;
+ padding: 0;
+ margin: 0 4px;
+}
+
+button.minimize.titlebutton:not(.suggested-action):not(.destructive-action), button.maximize.titlebutton:not(.suggested-action):not(.destructive-action), button.close.titlebutton:not(.suggested-action):not(.destructive-action) {
+ color: transparent;
+}
+
+button.minimize.titlebutton:hover:not(.suggested-action):not(.destructive-action), button.maximize.titlebutton:hover:not(.suggested-action):not(.destructive-action), button.close.titlebutton:hover:not(.suggested-action):not(.destructive-action) {
+ box-shadow: none;
+}
+
+button.minimize.titlebutton:active:not(.suggested-action):not(.destructive-action), button.maximize.titlebutton:active:not(.suggested-action):not(.destructive-action), button.close.titlebutton:active:not(.suggested-action):not(.destructive-action) {
+ box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.12);
+ background-image: radial-gradient(circle, rgba(0, 0, 0, 0.12) 10%, transparent 0%);
+}
+
+button.minimize.titlebutton:hover:not(.suggested-action):not(.destructive-action), button.minimize.titlebutton:active:not(.suggested-action):not(.destructive-action), button.maximize.titlebutton:hover:not(.suggested-action):not(.destructive-action), button.maximize.titlebutton:active:not(.suggested-action):not(.destructive-action), button.close.titlebutton:hover:not(.suggested-action):not(.destructive-action), button.close.titlebutton:active:not(.suggested-action):not(.destructive-action) {
+ color: white;
+}
+
+button.minimize.titlebutton:backdrop:not(.suggested-action):not(.destructive-action), button.maximize.titlebutton:backdrop:not(.suggested-action):not(.destructive-action), button.close.titlebutton:backdrop:not(.suggested-action):not(.destructive-action) {
+ background-color: rgba(255, 255, 255, 0.3);
+}
+
+button.minimize.titlebutton:backdrop:hover:not(.suggested-action):not(.destructive-action), button.minimize.titlebutton:backdrop:active:not(.suggested-action):not(.destructive-action), button.maximize.titlebutton:backdrop:hover:not(.suggested-action):not(.destructive-action), button.maximize.titlebutton:backdrop:active:not(.suggested-action):not(.destructive-action), button.close.titlebutton:backdrop:hover:not(.suggested-action):not(.destructive-action), button.close.titlebutton:backdrop:active:not(.suggested-action):not(.destructive-action) {
+ color: rgba(255, 255, 255, 0.5);
+}
+
+button.minimize.titlebutton:not(.suggested-action):not(.destructive-action) {
+ background-color: #fdbe04;
+}
+
+button.minimize.titlebutton:active:not(.suggested-action):not(.destructive-action) {
+ background-color: #fece43;
+}
+
+button.maximize.titlebutton:not(.suggested-action):not(.destructive-action) {
+ background-color: #38c76a;
+}
+
+button.maximize.titlebutton:active:not(.suggested-action):not(.destructive-action) {
+ background-color: #6ad58f;
+}
+
+button.close.titlebutton:not(.suggested-action):not(.destructive-action) {
+ background-color: #fd5f51;
+}
+
+button.close.titlebutton:active:not(.suggested-action):not(.destructive-action) {
+ background-color: #fe877d;
+}
+
+#MozillaGtkWidget.background headerbar.titlebar.default-decoration button.minimize.titlebutton, .background.csd headerbar.titlebar.default-decoration button.minimize.titlebutton:not(.suggested-action):not(.destructive-action), #MozillaGtkWidget.background headerbar.titlebar.default-decoration button.maximize.titlebutton, .background.csd headerbar.titlebar.default-decoration button.maximize.titlebutton:not(.suggested-action):not(.destructive-action), #MozillaGtkWidget.background headerbar.titlebar.default-decoration button.close.titlebutton, .background.csd headerbar.titlebar.default-decoration button.close.titlebutton:not(.suggested-action):not(.destructive-action) {
+ background-repeat: no-repeat;
+ background-size: 16px 16px;
+ background-position: center;
+}
+
+#MozillaGtkWidget.background headerbar.titlebar.default-decoration button.minimize.titlebutton, .background.csd headerbar.titlebar.default-decoration button.minimize.titlebutton:not(.suggested-action):not(.destructive-action), #MozillaGtkWidget.background headerbar.titlebar.default-decoration button.maximize.titlebutton, .background.csd headerbar.titlebar.default-decoration button.maximize.titlebutton:not(.suggested-action):not(.destructive-action), #MozillaGtkWidget.background headerbar.titlebar.default-decoration button.close.titlebutton, .background.csd headerbar.titlebar.default-decoration button.close.titlebutton:not(.suggested-action):not(.destructive-action) {
+ box-shadow: none;
+ color: transparent;
+ animation: none;
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+#MozillaGtkWidget.background headerbar.titlebar.default-decoration button.minimize.titlebutton:hover, .background.csd headerbar.titlebar.default-decoration button.minimize.titlebutton:hover:not(.suggested-action):not(.destructive-action), #MozillaGtkWidget.background headerbar.titlebar.default-decoration button.minimize.titlebutton:active, .background.csd headerbar.titlebar.default-decoration button.minimize.titlebutton:active:not(.suggested-action):not(.destructive-action) {
+ background-image: url("assets/scalable/minimize.svg");
+}
+
+#MozillaGtkWidget.background headerbar.titlebar.default-decoration button.maximize.titlebutton:hover, .background.csd headerbar.titlebar.default-decoration button.maximize.titlebutton:hover:not(.suggested-action):not(.destructive-action), #MozillaGtkWidget.background headerbar.titlebar.default-decoration button.maximize.titlebutton:active, .background.csd headerbar.titlebar.default-decoration button.maximize.titlebutton:active:not(.suggested-action):not(.destructive-action) {
+ background-image: url("assets/scalable/maximize.svg");
+}
+
+#MozillaGtkWidget.background headerbar.titlebar.default-decoration button.close.titlebutton:hover, .background.csd headerbar.titlebar.default-decoration button.close.titlebutton:hover:not(.suggested-action):not(.destructive-action), #MozillaGtkWidget.background headerbar.titlebar.default-decoration button.close.titlebutton:active, .background.csd headerbar.titlebar.default-decoration button.close.titlebutton:active:not(.suggested-action):not(.destructive-action) {
+ background-image: url("assets/scalable/close.svg");
+}
+
+.background.csd.maximized headerbar.titlebar.default-decoration button.titlebutton:not(.suggested-action):not(.destructive-action).maximize:hover, .background.csd.maximized headerbar.titlebar.default-decoration button.titlebutton:not(.suggested-action):not(.destructive-action).maximize:active, .background.csd.fullscreen headerbar.titlebar.default-decoration button.titlebutton:not(.suggested-action):not(.destructive-action).maximize:hover, .background.csd.fullscreen headerbar.titlebar.default-decoration button.titlebutton:not(.suggested-action):not(.destructive-action).maximize:active, .background.csd.tiled headerbar.titlebar.default-decoration button.titlebutton:not(.suggested-action):not(.destructive-action).maximize:hover, .background.csd.tiled headerbar.titlebar.default-decoration button.titlebutton:not(.suggested-action):not(.destructive-action).maximize:active {
+ background-image: url("assets/scalable/unmaximize.svg");
+}
+
+.monospace {
+ font-family: monospace;
+}
+
+/**********************
+ * Touch Copy & Paste *
+ **********************/
+cursor-handle {
+ color: #5b9bf8;
+ -gtk-icon-source: -gtk-recolor(url("assets/scalable/cursor-handle-symbolic.svg"));
+}
+
+cursor-handle.top:dir(ltr), cursor-handle.bottom:dir(rtl) {
+ -gtk-icon-transform: rotate(90deg);
+}
+
+cursor-handle.bottom:dir(ltr), cursor-handle.top:dir(rtl) {
+ -gtk-icon-transform: unset;
+}
+
+cursor-handle.insertion-cursor:dir(ltr), cursor-handle.insertion-cursor:dir(rtl) {
+ padding-top: 6px;
+ -gtk-icon-transform: rotate(45deg);
+}
+
+.context-menu {
+ font: initial;
+}
+
+.keycap {
+ min-width: 12px;
+ min-height: 26px;
+ margin-top: 2px;
+ padding-bottom: 2px;
+ padding-left: 8px;
+ padding-right: 8px;
+ border: solid 1px rgba(255, 255, 255, 0.12);
+ border-radius: 7px;
+ box-shadow: inset 0 -2px rgba(255, 255, 255, 0.12);
+ background-color: #3C3C3C;
+ color: #FFFFFF;
+ font-size: smaller;
+}
+
+:not(decoration):not(window):drop(active) {
+ caret-color: #5b9bf8;
+}
+
+stackswitcher {
+ min-height: 0;
+ padding: 3px;
+ border-radius: 9px;
+ background-color: rgba(255, 255, 255, 0.04);
+ border: none;
+}
+
+stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action) {
+ margin: 0 0;
+ background-color: transparent;
+ border-radius: 6px;
+ padding: 3px 10px;
+}
+
+stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button {
+ min-width: 100px;
+}
+
+stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action):focus:not(:hover):not(:checked) {
+ box-shadow: none;
+}
+
+stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action):checked {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ background-color: rgba(255, 255, 255, 0.15);
+ color: #FFFFFF;
+ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
+}
+
+stackswitcher button.text-button {
+ min-width: 100px;
+}
+
+stackswitcher button.circular,
+stackswitcher button.text-button.circular {
+ min-width: 36px;
+ min-height: 36px;
+ padding: 0;
+}
+
+/*************
+ * App Icons *
+ *************/
+/*********
+ * Emoji *
+ *********/
+popover.emoji-picker {
+ padding: 0;
+}
+
+popover.emoji-picker entry {
+ border-bottom: 1px solid rgba(255, 255, 255, 0.12);
+ border-image: none;
+ border-radius: 0;
+ box-shadow: none;
+ background-color: transparent;
+}
+
+popover.emoji-picker scrolledwindow {
+ border-bottom: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+button.emoji-section {
+ margin: 4px;
+}
+
+button.emoji-section:checked {
+ color: #5b9bf8;
+}
+
+button.emoji-section:not(:last-child) {
+ margin-right: 0;
+}
+
+popover.emoji-picker .emoji {
+ min-width: 3em;
+ min-height: 3em;
+ padding: 0 8px;
+}
+
+popover.emoji-picker .emoji widget {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ border-radius: 6px;
+}
+
+popover.emoji-picker .emoji widget:hover {
+ background-color: alpha(currentColor, 0.08);
+}
+
+popover.emoji-completion {
+ padding: 8px 0;
+}
+
+popover.emoji-completion arrow {
+ border: none;
+ background: none;
+}
+
+popover.emoji-completion .emoji-completion-row {
+ min-height: 28px;
+ padding: 0 12px;
+}
+
+popover.emoji-completion .emoji:hover {
+ background-color: alpha(currentColor, 0.08);
+}
+
+/************
+ * Nautilus *
+ ************/
+.nautilus-window.background.csd {
+ border-radius: 0 0 12px 12px;
+ background-color: #242424;
+}
+
+.nautilus-window.background.csd:backdrop {
+ background-color: #2C2C2C;
+}
+
+.nautilus-window.background.csd > grid.horizontal > paned.horizontal > separator,
+.nautilus-window.background.csd > deck > box.vertical > paned.horizontal > separator {
+ margin-left: 0;
+}
+
+.nautilus-window.background.csd placessidebar > viewport.frame > list > separator {
+ background: none;
+}
+
+.nautilus-window.background.csd.unified notebook {
+ border-radius: 0;
+}
+
+.nautilus-window.background.csd:not(.unified) .nautilus-list-view {
+ background-color: transparent;
+ border-bottom-right-radius: 12px;
+}
+
+.nautilus-window.background.csd:not(.unified) notebook {
+ background-color: #2C2C2C;
+ border-radius: 0 0 12px 12px;
+}
+
+.nautilus-window.background.csd:not(.unified) notebook > stack {
+ background-color: transparent;
+}
+
+.nautilus-window.background.csd:not(.unified) notebook scrolledwindow > .view:not(:selected):not(:hover):not(:checked) {
+ background-color: transparent;
+}
+
+.nautilus-window.background.csd:not(.unified) notebook placesview > stack > frame > scrolledwindow > viewport > list {
+ background-color: transparent;
+}
+
+.nautilus-window.background.csd:not(.unified) notebook placesview > actionbar {
+ background-color: transparent;
+ border-radius: 0 0 12px 12px;
+}
+
+.nautilus-window.background.csd:not(.unified) notebook placesview > actionbar > revealer > box {
+ background-color: transparent;
+}
+
+.nautilus-window.background.csd:not(.unified) paned > separator.wide {
+ min-width: 12px;
+ box-shadow: 12px 0 #2C2C2C;
+ background-color: #2C2C2C;
+ background-image: image(#3e3e3e);
+}
+
+.nautilus-window.maximized, .nautilus-window.maximized placessidebar {
+ border-radius: 0;
+}
+
+.nautilus-window .floating-bar {
+ min-height: 32px;
+ padding: 0;
+ margin: 6px;
+ border-style: none;
+ border-radius: 6px;
+ background-color: #5b9bf8;
+ color: #FFFFFF;
+}
+
+.nautilus-window .floating-bar button {
+ margin: 4px;
+ color: #FFFFFF;
+}
+
+.nautilus-canvas-item.dim-label,
+.nautilus-list-dim-label {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.nemo-desktop.nemo-canvas-item, .caja-desktop.caja-canvas-item,
+.nautilus-desktop.nautilus-canvas-item {
+ color: #FFFFFF;
+}
+
+@keyframes nautilus-operations-button-needs-attention {
+ to {
+ background-color: alpha(currentColor, 0.08);
+ }
+}
+
+.nautilus-operations-button-needs-attention {
+ animation: nautilus-operations-button-needs-attention 300ms cubic-bezier(0.4, 0, 0.2, 1) 2 alternate;
+}
+
+.nautilus-operations-button-needs-attention-multiple {
+ animation: nautilus-operations-button-needs-attention 300ms cubic-bezier(0.4, 0, 0.2, 1) 6 alternate;
+}
+
+.path-bar-box {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+ margin: 6px 0;
+ border-radius: 6px;
+}
+
+.path-bar-box button {
+ margin: 0;
+}
+
+.path-bar-box.width-maximized {
+ background-color: rgba(255, 255, 255, 0.04);
+}
+
+.path-bar-box.background.frame {
+ border-style: none;
+ background-color: rgba(255, 255, 255, 0.04);
+}
+
+.path-bar-box .path-bar button label:not(:only-child):first-child {
+ margin-left: 0;
+}
+
+.path-bar-box .path-bar button label:not(:only-child):last-child {
+ margin-right: 0;
+}
+
+.path-bar-box .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action) {
+ padding-left: 12px;
+ padding-right: 12px;
+ margin-left: 1px;
+ margin-right: 1px;
+}
+
+.path-bar-box .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action) label:not(:only-child):first-child {
+ margin-left: 0;
+}
+
+.path-bar-box .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action) label:not(:only-child):last-child {
+ margin-right: 0;
+}
+
+.path-bar-box .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action).text-button {
+ min-width: 0;
+}
+
+.path-bar-box .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action).text-button.image-button image:not(:only-child) {
+ margin: 0;
+}
+
+.path-bar-box .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action):last-child:dir(ltr), .path-bar-box .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action):first-child:dir(rtl) {
+ background-color: rgba(255, 255, 255, 0.08);
+}
+
+.path-bar-box .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action):last-child:dir(ltr):disabled, .path-bar-box .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action):first-child:dir(rtl):disabled {
+ background-color: transparent;
+ color: rgba(255, 255, 255, 0.5);
+}
+
+.windowhandle .linked.nautilus-path-bar {
+ background-color: rgba(255, 255, 255, 0.04);
+ border-radius: 6px;
+ margin: 6px 0;
+}
+
+.windowhandle .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action) {
+ margin-top: 0;
+ margin-bottom: 0;
+}
+
+.windowhandle .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action).current-dir {
+ color: #FFFFFF;
+}
+
+.windowhandle .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action).current-dir:hover, .windowhandle .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action).current-dir:active {
+ background: none;
+ box-shadow: none;
+}
+
+.disk-space-display.unknown {
+ background-color: rgba(255, 255, 255, 0.3);
+ color: rgba(255, 255, 255, 0.3);
+}
+
+.disk-space-display.used {
+ background-color: #5b9bf8;
+ color: #5b9bf8;
+}
+
+.disk-space-display.free {
+ background-color: rgba(255, 255, 255, 0.12);
+ color: rgba(255, 255, 255, 0.12);
+}
+
+.search-information {
+ padding: 2px;
+ border-bottom: 1px solid rgba(255, 255, 255, 0.12);
+ background-color: #2C2C2C;
+ color: #FFFFFF;
+}
+
+.conflict-row:not(:selected) {
+ background-color: #6a582c;
+}
+
+.nautilus-window flowboxchild .icon-item-background {
+ padding: 4px;
+ border-radius: 6px;
+}
+
+.nautilus-window flowboxchild:selected {
+ background-color: transparent;
+}
+
+.nautilus-window notebook :not(treeview).view {
+ border-radius: 6px;
+}
+
+dialog.background > box.dialog-vbox.vertical > grid.horizontal > scrolledwindow.frame {
+ border-style: none;
+}
+
+dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal:last-child {
+ margin: -6px 0 0 -6px;
+ border-top: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal:last-child > label {
+ margin: 0 8px;
+}
+
+dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal:last-child > box > button {
+ border-radius: 0;
+}
+
+.nautilus-window > popover.menu:not(:last-child) {
+ padding: 3px;
+}
+
+.nautilus-window > popover.menu:not(:last-child) > stack > box > box > box {
+ margin-top: -6px;
+}
+
+.nautilus-window > popover.menu:not(:last-child) > stack > box > box > box > box {
+ margin-bottom: -6px;
+}
+
+.nautilus-window > popover.menu:not(:last-child) > stack > box > box > box > box.linked {
+ margin-top: 1px;
+}
+
+.nautilus-window > popover.menu:not(:last-child) separator {
+ margin-bottom: -2px;
+}
+
+.nautilus-menu-sort-heading {
+ margin: 1px 3px;
+ font-weight: 500;
+}
+
+.nautilus-menu-sort-heading:disabled {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.nautilus-window paned > separator {
+ background-color: #242424;
+}
+
+/*********
+ * gedit *
+ *********/
+window.org-gnome-gedit > paned.titlebar > separator {
+ background-color: transparent;
+}
+
+window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > box.horizontal {
+ margin: 4px 0;
+}
+
+window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow {
+ border-bottom-left-radius: 12px;
+}
+
+window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned stack scrolledwindow viewport.frame list.gedit-document-panel {
+ background: none;
+}
+
+.open-document-selector-path-label {
+ color: rgba(255, 255, 255, 0.7);
+ font-size: smaller;
+}
+
+.open-document-selector-match {
+ background-color: #FBC02D;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.gedit-document-panel {
+ background-color: #242424;
+}
+
+.gedit-document-panel row button.flat {
+ margin-top: 8px;
+ margin-bottom: 8px;
+}
+
+.gedit-document-panel-group-row:not(:first-child) {
+ border-top: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+.gedit-side-panel-paned statusbar {
+ border-top: 1px solid rgba(255, 255, 255, 0.12);
+ border-radius: 0 0 12px 12px;
+}
+
+.gedit-search-slider {
+ margin: 0 6px 10px;
+ padding: 6px;
+ background-color: #3C3C3C;
+ border-radius: 0 0 12px 12px;
+ box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.05), 0 4px 6px 0 rgba(0, 0, 0, 0.06), 0 1px 10px 0 rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.75);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry .gedit-search-entry-occurrences-tag {
+ all: unset;
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:dir(ltr) .gedit-search-entry-occurrences-tag {
+ margin-left: 6px;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:dir(ltr) image.right {
+ margin-right: 0;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:dir(rtl) .gedit-search-entry-occurrences-tag {
+ margin-right: 6px;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:dir(rtl) image.left {
+ margin-left: 0;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:not(.error) {
+ background-color: #3C3C3C;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error ~ button {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error ~ button:hover, .gedit-search-slider .linked:not(.vertical) > entry.error ~ button:active {
+ color: #FFFFFF;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error ~ button:disabled {
+ color: rgba(255, 255, 255, 0.3);
+}
+
+frame.gedit-map-frame > border:dir(ltr) {
+ border-style: none none none solid;
+}
+
+frame.gedit-map-frame > border:dir(rtl) {
+ border-style: none solid none none;
+}
+
+/**********
+ * Tweaks *
+ **********/
+.csd .tweak-categories {
+ border-bottom-left-radius: 12px;
+}
+
+.tweak {
+ padding: 3px;
+}
+
+.tweak.title:hover {
+ box-shadow: none;
+}
+
+.tweak-group-white,
+.tweak-white,
+.tweak-white:hover {
+ background-image: image(#2C2C2C);
+}
+
+.tweak-startup,
+.tweak-startup:hover {
+ background-image: image(#2C2C2C);
+}
+
+.tweak-group-startup {
+ background-image: image(#2C2C2C);
+}
+
+.tweak-group-startup row.tweak-startup {
+ border-radius: 6px;
+ background-color: transparent;
+ background-image: none;
+}
+
+row#Focus,
+row#ClickMethod,
+row#PrimaryWorkspaceTweak,
+row#workspaces-only-on-primary {
+ margin-top: 4px;
+}
+
+leaflet.titlebar > .titlebar.tweak-titlebar-left,
+leaflet.titlebar > .titlebar.tweak-titlebar-right,
+hdyleaflet.titlebar > .titlebar.tweak-titlebar-left,
+hdyleaflet.titlebar > .titlebar.tweak-titlebar-right {
+ background-color: inherit;
+ box-shadow: inherit;
+ transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+/************************
+ * Gnome Control Center *
+ ************************/
+window.background.csd > headerbar.titlebar > leaflet > headerbar:first-child:not(:only-child),
+window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:first-child:not(:only-child) {
+ border-top-left-radius: 12px;
+}
+
+window.background.csd > headerbar.titlebar > leaflet > headerbar:last-child:not(:only-child),
+window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:last-child:not(:only-child) {
+ border-top-right-radius: 12px;
+}
+
+window.background.csd > headerbar.titlebar > leaflet > headerbar:first-child:only-child, window.background.csd > headerbar.titlebar > leaflet > headerbar:last-child:only-child,
+window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:first-child:only-child,
+window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:last-child:only-child {
+ border-top-right-radius: 12px;
+ border-top-left-radius: 12px;
+}
+
+window.background.csd > stack:not(.titlebar) > stack.background {
+ border-radius: 0 0 12px 12px;
+}
+
+window.background.csd > leaflet > stack.background,
+window.background.csd > hdyleaflet > stack.background,
+window.background.csd > box.horizontal > stack.background {
+ background: none;
+}
+
+window.background.csd > leaflet > stack.background frame > border,
+window.background.csd > hdyleaflet > stack.background frame > border,
+window.background.csd > box.horizontal > stack.background frame > border {
+ border: none;
+}
+
+window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame,
+window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame,
+window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame {
+ background-color: #2C2C2C;
+ border-bottom-right-radius: 12px;
+}
+
+window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical.view,
+window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical.view,
+window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical.view {
+ background: none;
+}
+
+window.background.csd > leaflet frame.view,
+window.background.csd > hdyleaflet frame.view,
+window.background.csd > box.horizontal frame.view {
+ border-radius: 6px;
+ background: none;
+}
+
+window.background.csd > leaflet > box.vertical > scrolledwindow.view,
+window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view,
+window.background.csd > box.horizontal > box.vertical > scrolledwindow.view {
+ background-color: #2C2C2C;
+ border-bottom-left-radius: 12px;
+}
+
+window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack,
+window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack,
+window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack {
+ background-color: transparent;
+}
+
+window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list,
+window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list,
+window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list {
+ background-color: transparent;
+ padding: 3px;
+}
+
+window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable,
+window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable,
+window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable {
+ border-radius: 6px;
+}
+
+window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected),
+window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected),
+window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected) {
+ background-color: transparent;
+}
+
+window.background.csd stack.background clamp.medium frame > box.vertical > box.vertical > list {
+ border-top-width: 0;
+ border-bottom-width: 0;
+}
+
+window.background.csd stack.background clamp.medium frame > box.vertical > box.vertical > list, window.background.csd stack.background clamp.medium frame > box.vertical > box.vertical > list > row {
+ border-radius: 0;
+}
+
+window.background.csd stack.background clamp.medium frame > box.vertical > box.vertical:first-child > list {
+ border-top-width: 1px;
+}
+
+window.background.csd stack.background clamp.medium frame > box.vertical > box.vertical:first-child > list, window.background.csd stack.background clamp.medium frame > box.vertical > box.vertical:first-child > list > row {
+ border-radius: 6px 6px 0 0;
+}
+
+window.background.csd stack.background clamp.medium frame > box.vertical > box.vertical:last-child > list {
+ border-bottom-width: 1px;
+}
+
+window.background.csd stack.background clamp.medium frame > box.vertical > box.vertical:last-child > list, window.background.csd stack.background clamp.medium frame > box.vertical > box.vertical:last-child > list > row {
+ border-radius: 0 0 6px 6px;
+}
+
+window.background.csd hdycolumn stack frame.view > stack > stack list > separator {
+ background-color: rgba(255, 255, 255, 0.12);
+}
+
+dialog.background.csd > box.vertical.dialog-vbox > notebook > stack > box.horizontal > notebook > stack {
+ border-radius: 0 0 12px 12px;
+}
+
+dialog.background.csd > box.vertical.dialog-vbox > scrolledwindow > viewport.frame > list {
+ background: none;
+}
+
+dialog.background.csd > box.vertical.dialog-vbox > scrolledwindow > viewport.frame > list > row:not(:hover):not(:active):not(:selected) {
+ background-color: transparent;
+}
+
+hdyleaflet > box.vertical > scrolledwindow > viewport.frame list:not(.view):not(.tweak-group), leaflet > box.vertical > scrolledwindow > viewport.frame list:not(.view):not(.tweak-group), box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame list:not(.view):not(.tweak-group) {
+ padding: 3px;
+}
+
+hdyleaflet > box.vertical > scrolledwindow > viewport.frame list:not(.view):not(.tweak-group) row.activatable, leaflet > box.vertical > scrolledwindow > viewport.frame list:not(.view):not(.tweak-group) row.activatable, box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame list:not(.view):not(.tweak-group) row.activatable {
+ border-radius: 6px;
+}
+
+/************************
+ * Gnome system monitor *
+ ************************/
+window#gnome-system-monitor.background.csd > box.vertical > stack {
+ background-color: #2C2C2C;
+ border-radius: 0 0 12px 12px;
+}
+
+window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > revealer > actionbar > revealer > box {
+ border-radius: 0 0 12px 12px;
+}
+
+window#gnome-system-monitor.background:not(.csd) > box.vertical > headerbar {
+ box-shadow: none;
+}
+
+/************************
+ * Gnome Sound Recorder *
+ ************************/
+stack > grid.vertical > scrolledwindow {
+ border: none;
+ border-radius: 0 0 12px 12px;
+}
+
+stack > grid.vertical > scrolledwindow > viewport.frame list {
+ border-radius: 0 0 12px 12px;
+}
+
+stack > grid.vertical scrolledwindow.frame.emptyGrid {
+ border: none;
+}
+
+/******************
+ * Gnome Contacts *
+ ******************/
+window.background.csd scrolledwindow.contacts-contact-form {
+ border-bottom-right-radius: 12px;
+}
+
+/************************
+ * Epiphany (Gnome Web) *
+ ************************/
+tabbox {
+ background-color: #2C2C2C;
+ box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12);
+ padding: 3px 3px 0;
+}
+
+tabbox > tab {
+ border-radius: 6px 6px 0 0;
+ border-bottom: none;
+}
+
+tabbox > tab button {
+ min-height: 24px;
+ min-width: 24px;
+ border-radius: 9999px;
+ border: none;
+ padding: 0;
+}
+
+/*****************
+ * Gnome Weather *
+ *****************/
+#weather-page,
+#weekly-forecast-frame {
+ border-bottom-right-radius: 12px;
+}
+
+#weather-page-content-view {
+ border-bottom-right-radius: 12px;
+ border-bottom-left-radius: 12px;
+}
+
+/***************
+ * Gnome Music *
+ ***************/
+window.background.csd box.vertical > overlay > stack.background {
+ border-radius: 0 0 12px 12px;
+}
+
+/****************
+ * Gnome Clocks *
+ ****************/
+/*************
+ * Rhythmbox *
+ *************/
+window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle,
+window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem button.flat.scale, window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button,
+window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button,
+window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button,
+window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button {
+ min-height: 24px;
+ min-width: 24px;
+ padding: 6px;
+ margin: 0;
+}
+
+.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button {
+ border-radius: 9999px;
+}
+
+.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:not(:first-child), .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:not(:last-child) {
+ border-top-left-radius: 9999px;
+ border-bottom-left-radius: 9999px;
+ border-top-right-radius: 9999px;
+ border-bottom-right-radius: 9999px;
+}
+
+.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button.image-button:not(.text-button):first-child {
+ border-top-left-radius: 9999px;
+ border-bottom-left-radius: 9999px;
+}
+
+.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button.image-button:not(.text-button):last-child {
+ border-top-right-radius: 9999px;
+ border-bottom-right-radius: 9999px;
+}
+
+.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button > widget > box > image {
+ padding: 0;
+}
+
+window.csd > box.vertical > box.vertical > toolbar.horizontal,
+window.solid-csd > box.vertical > box.vertical > toolbar.horizontal {
+ padding: 6px;
+ border-bottom: none;
+ box-shadow: none;
+ background-color: transparent;
+}
+
+window.csd > box.vertical > box.vertical > frame,
+window.solid-csd > box.vertical > box.vertical > frame {
+ margin: -1px 0;
+ padding: 0;
+}
+
+window.csd > box.vertical > box.vertical > frame > border,
+window.solid-csd > box.vertical > box.vertical > frame > border {
+ border: none;
+}
+
+window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised > widget > box > image {
+ padding: 0;
+}
+
+/**********
+ * Polari *
+ **********/
+.polari-room-list .sidebar {
+ background: none;
+}
+
+.polari-room-list .sidebar > row.activatable:selected {
+ background-color: #5b9bf8;
+ color: #FFFFFF;
+}
+
+stack.view.polari-entry-area {
+ background-color: #2C2C2C;
+ border-top: 1px solid rgba(255, 255, 255, 0.12);
+ border-bottom-right-radius: 12px;
+}
+
+stack:disabled.view.polari-entry-area {
+ background-image: image(#2C2C2C);
+}
+
+/***********
+ * Builder *
+ ***********/
+layouttabbar {
+ border-bottom: 1px solid rgba(255, 255, 255, 0.12);
+ background-color: #2C2C2C;
+}
+
+layouttabbar > box > button {
+ margin: 2px 0;
+}
+
+layouttab {
+ margin: 0 8px;
+ border-style: none solid;
+ border-width: 1px;
+ border-color: rgba(0, 0, 0, 0.2);
+ box-shadow: inset 0 -2px #5b9bf8;
+ background-color: #2C2C2C;
+}
+
+layouttab separator.vertical {
+ margin: 8px 4px;
+}
+
+layouttab button.text-button, layouttab button.image-button, layouttab button {
+ margin-top: 8px;
+ margin-bottom: 8px;
+ padding: 0 4px;
+}
+
+layout {
+ border: 1px solid rgba(0, 0, 0, 0.2);
+ -PnlDockBin-handle-size: 1;
+}
+
+entry.search-missing {
+ background-color: #F44336;
+ color: #FFFFFF;
+}
+
+window.workbench treeview.image {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+popover.popover-selector list {
+ padding: 6px;
+}
+
+popover.popover-selector list row {
+ border-radius: 6px;
+}
+
+popover.popover-selector list row image:dir(ltr) {
+ margin-right: 6px;
+}
+
+popover.popover-selector list row image:dir(rtl) {
+ margin-left: 6px;
+}
+
+popover.popover-selector list row .accel:dir(ltr) {
+ margin-left: 6px;
+}
+
+popover.popover-selector list row .accel:dir(rtl) {
+ margin-right: 6px;
+}
+
+omnibar.linked:not(.vertical) entry {
+ border-radius: 6px;
+}
+
+omnibar:not(:hover):not(:active) entry {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+popover.omnibar list row:not(:last-child) {
+ border-bottom: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+entry.preferences-search {
+ border-bottom: 1px solid rgba(255, 255, 255, 0.12);
+ box-shadow: none;
+ background-color: #2C2C2C;
+}
+
+preferences stacksidebar.sidebar list {
+ background-color: #242424;
+}
+
+preferences stacksidebar.sidebar:dir(ltr) list, preferences stacksidebar.sidebar:dir(rtl) list {
+ border-style: none;
+}
+
+preferences > box > box:dir(ltr) {
+ border-right: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+preferences > box > box:dir(rtl) {
+ border-left: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+popover.messagepopover.background {
+ padding: 0;
+}
+
+popover.messagepopover .popover-action-area button {
+ padding: 8px 16px;
+ border-top: 1px solid rgba(255, 255, 255, 0.12);
+ border-radius: 0;
+}
+
+popover.messagepopover .popover-action-area button:first-child {
+ border-bottom-left-radius: 6px;
+}
+
+popover.messagepopover .popover-action-area button:last-child {
+ border-bottom-right-radius: 6px;
+}
+
+popover.messagepopover .popover-content-area {
+ margin: 16px;
+}
+
+popover.transfers list {
+ background-color: transparent;
+}
+
+popover.transfers list row:not(:first-child) {
+ border-top: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+popover.transfers list row > box {
+ padding: 10px;
+}
+
+dockbin {
+ border: 1px solid rgba(0, 0, 0, 0.2);
+ -PnlDockBin-handle-size: 1;
+}
+
+dockpaned {
+ border: 1px solid rgba(0, 0, 0, 0.2);
+}
+
+eggsearchbar box.search-bar {
+ padding: 0 8px;
+ border-bottom: 1px solid rgba(255, 255, 255, 0.12);
+ background-color: #2C2C2C;
+}
+
+docktabstrip {
+ padding: 0 8px;
+ border-bottom: 1px solid rgba(255, 255, 255, 0.12);
+ background-color: #2C2C2C;
+}
+
+docktab {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms;
+ min-height: 24px;
+ min-width: 24px;
+ margin-bottom: -1px;
+ padding: 6px 6px;
+ border-width: 1px;
+ border-color: transparent;
+ box-shadow: inset 0 -2px transparent;
+ background-image: radial-gradient(circle, #5b9bf8 10%, transparent 0%);
+ background-repeat: no-repeat;
+ background-position: center;
+ background-size: 0% 0%;
+ color: rgba(255, 255, 255, 0.7);
+ font-weight: 500;
+}
+
+docktab:hover {
+ background-color: alpha(currentColor, 0.08);
+ color: #FFFFFF;
+}
+
+docktab:checked {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 225ms cubic-bezier(0, 0, 0.2, 1), background-image 525ms cubic-bezier(0, 0, 0.2, 1);
+ box-shadow: inset 0 -2px #5b9bf8;
+ background-color: transparent;
+ background-image: radial-gradient(circle, transparent 10%, transparent 0%);
+ background-size: 1000% 1000%;
+ color: #FFFFFF;
+}
+
+dockoverlayedge {
+ background-color: #2C2C2C;
+}
+
+dockoverlayedge docktabstrip {
+ padding: 0;
+ border: none;
+}
+
+dockoverlayedge.left-edge docktab:checked {
+ box-shadow: inset -2px 0 #5b9bf8;
+}
+
+dockoverlayedge.right-edge docktab:checked {
+ box-shadow: inset 2px 0 #5b9bf8;
+}
+
+pillbox {
+ background-color: #2C2C2C;
+ border-radius: 6px;
+}
+
+layoutpane entry.search {
+ border-bottom: 1px solid rgba(255, 255, 255, 0.12);
+ box-shadow: none;
+ background-color: #2C2C2C;
+}
+
+editortweak entry.search {
+ margin-bottom: -1px;
+ box-shadow: none;
+ background-color: transparent;
+}
+
+.gb-search-entry-occurrences-tag {
+ box-shadow: none;
+ background-color: transparent;
+}
+
+docktabstrip {
+ min-height: 39px;
+}
+
+window.workbench preferences preferencesgroup list entry {
+ padding-top: 8px;
+ padding-bottom: 8px;
+}
+
+button.run-arrow-button {
+ padding-left: 10px;
+ padding-right: 10px;
+}
+
+button.dzlmenubutton image {
+ min-width: 30px;
+}
+
+button.dzlmenubutton image.arrow {
+ min-width: 27px;
+}
+
+button.dzlmenubuttonitem {
+ color: #FFFFFF;
+ font-weight: normal;
+}
+
+button.dzlmenubuttonitem:disabled {
+ color: rgba(255, 255, 255, 0.5);
+}
+
+idelayoutstackheader {
+ border-bottom: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+idelayoutstackheader button:checked {
+ color: #FFFFFF;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher {
+ padding: 8px 0;
+ background-color: #2C2C2C;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher:dir(ltr) {
+ border-right: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher:dir(rtl) {
+ border-left: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button {
+ border-radius: 0;
+ box-shadow: none;
+ background-color: transparent;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button:active {
+ background-image: radial-gradient(circle, rgba(91, 155, 248, 0.7) 10%, transparent 0%);
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button:checked {
+ background-color: transparent;
+ color: #FFFFFF;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr) {
+ margin-right: -1px;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr):checked {
+ box-shadow: inset -2px 0 #5b9bf8;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl) {
+ margin-left: -1px;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl):checked {
+ box-shadow: inset 2px 0 #5b9bf8;
+}
+
+ideeditorsidebar notebook header {
+ background: transparent;
+}
+
+popover.messagepopover list {
+ border: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+popover.messagepopover list row:not(:last-child) {
+ border-bottom: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+/**********
+ * Photos *
+ **********/
+GdMainIconView.content-view {
+ -GdMainIconView-icon-size: 48;
+}
+
+.documents-counter {
+ margin: 8px;
+ border-radius: 9999px;
+ box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+ background-color: #5b9bf8;
+ color: #FFFFFF;
+ font-weight: bold;
+}
+
+.documents-scrolledwin.frame {
+ border-style: none;
+}
+
+.documents-scrolledwin.frame frame.content-view > border {
+ border-style: none;
+}
+
+.photos-fade-in {
+ opacity: 1;
+ transition: opacity 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+.photos-fade-out {
+ opacity: 0;
+ transition: opacity 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+button.photos-filter-preview {
+ color: #FFFFFF;
+ font-weight: normal;
+}
+
+button.photos-filter-preview:checked {
+ background-color: alpha(currentColor, 0.06);
+ color: #FFFFFF;
+}
+
+button.photos-filter-preview:checked image {
+ color: #FFFFFF;
+}
+
+overlay grid.horizontal > revealer > scrolledwindow.frame:dir(ltr) {
+ border-style: none none none solid;
+}
+
+overlay grid.horizontal > revealer > scrolledwindow.frame:dir(rtl) {
+ border-style: none solid none none;
+}
+
+/*********
+ * Music *
+ *********/
+.side-panel:dir(ltr) {
+ border-style: solid;
+ border-color: rgba(255, 255, 255, 0.12);
+}
+
+.side-panel:dir(rtl) {
+ border-style: solid;
+ border-color: rgba(255, 255, 255, 0.12);
+}
+
+.side-panel .view {
+ background-image: image(#242424);
+}
+
+.side-panel .view:hover {
+ background-image: image(#363636);
+}
+
+.side-panel .view:selected {
+ background-image: image(#5b9bf8);
+}
+
+.side-panel .view:selected:hover {
+ background-image: image(#68a3f9);
+}
+
+.songs-list:hover {
+ background-image: image(alpha(currentColor, 0.08));
+}
+
+frame.documents-dropdown {
+ margin: 8px;
+}
+
+frame.documents-dropdown > border {
+ border: none;
+}
+
+box.vertical > revealer > toolbar.search-bar {
+ border-bottom: 1px solid rgba(255, 255, 255, 0.12);
+ background-clip: border-box;
+}
+
+box.vertical > revealer > toolbar.search-bar button > widget {
+ -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+}
+
+/*************
+ * Documents *
+ *************/
+.documents-scrolledwin {
+ background-color: transparent;
+}
+
+.documents-scrolledwin .content-view:not(:selected):not(:hover) {
+ background-color: transparent;
+}
+
+.documents-scrolledwin viewport.frame {
+ background-color: transparent;
+}
+
+.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) {
+ background-color: transparent;
+}
+
+.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) border {
+ border: none;
+}
+
+/*******************
+ * Document Viewer *
+ *******************/
+window.background.csd evview.view.content-view {
+ border-radius: 0 0 12px 12px;
+}
+
+/*********************************
+ * Archive Manager (File roller) *
+ *********************************/
+.background.csd > grid.horizontal > paned.horizontal > scrolledwindow {
+ border-radius: 0 0 12px 12px;
+ background-color: #2C2C2C;
+}
+
+.background.csd > grid.horizontal > paned.horizontal > scrolledwindow > treeview.view:not(:hover):not(:selected):not(:selected):not(:hover):not(.progressbar):not(.expander):not(.trough):not(.separator) {
+ background-color: #2C2C2C;
+}
+
+.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow {
+ border-radius: 0 0 0 12px;
+ background-color: #2C2C2C;
+}
+
+/************
+ * Terminal *
+ ************/
+terminal-window decoration {
+ border-radius: 12px 12px 0 0;
+}
+
+terminal-window.background.csd, terminal-window.background.csd.maximized {
+ border-radius: 0 0 0 0;
+}
+
+terminal-window notebook > header > box {
+ margin: -2px -2px -2px 1px;
+}
+
+terminal-window notebook > header > box button {
+ min-height: 24px;
+ min-width: 24px;
+ padding: 3px;
+}
+
+window.background > box.vertical > box.horizontal > frame > border {
+ border-width: 0 1px 0 0;
+}
+
+window.background > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list {
+ border-bottom-left-radius: 12px;
+}
+
+window.background > box.vertical > box.horizontal > stack > widget > notebook.frame {
+ border-width: 0;
+}
+
+window.background > box.vertical > box.horizontal > stack > widget > notebook.frame > stack {
+ border-bottom-right-radius: 12px;
+}
+
+/*********
+ * To Do *
+ *********/
+task-list-view taskrow {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ margin: 0 -8px;
+}
+
+task-list-view taskrow:hover {
+ transition: none;
+}
+
+task-list-view taskrow label {
+ margin: 0 8px;
+}
+
+task-list-view taskrow image.dim-label {
+ min-width: 16px;
+}
+
+task-list-view > box > revealer > box > button {
+ margin: -6px;
+}
+
+task-list-view > box > revealer > box > button .dim-label {
+ color: inherit;
+}
+
+tasklistview taskrow {
+ outline: none;
+}
+
+tasklistview taskrow entry, tasklistview taskrow entry:focus, tasklistview taskrow entry:disabled {
+ box-shadow: none;
+}
+
+tasklistview taskrow image.dim-label {
+ min-width: 16px;
+}
+
+tasklistview > box > revealer > box > button {
+ margin: -6px;
+}
+
+tasklistview > box > revealer > box > button .dim-label {
+ color: inherit;
+}
+
+/*******
+ * Eog *
+ *******/
+#eog-thumb-nav scrolledwindow {
+ border-top: none;
+}
+
+/*************
+ * Evolution *
+ *************/
+frame.taskbar > border {
+ border-style: solid none none;
+}
+
+box.vertical > paned.horizontal notebook widget .frame {
+ border-style: none;
+}
+
+/***********
+ * Fractal *
+ ***********/
+.background.csd.main-window .sidebar.rooms-sidebar {
+ border-bottom-left-radius: 12px;
+}
+
+/********
+ * Gitg *
+ ********/
+frame.commit-frame > border {
+ border-style: solid none none;
+}
+
+/**************
+ * Characters *
+ **************/
+box.dialog-vbox scrolledwindow.related {
+ border: 1px solid rgba(0, 0, 0, 0.2);
+}
+
+list.categories {
+ background-image: image(#242424);
+}
+
+/*********
+ * Boxes *
+ *********/
+.transparent-bg + stack overlay > label {
+ min-height: 24px;
+ padding: 0 4px;
+ border-radius: 6px;
+ background-color: #242424;
+ color: #FFFFFF;
+}
+
+/**************
+ * Calculator *
+ **************/
+button.title label {
+ min-height: 36px;
+}
+
+/*********
+ * Geary *
+ *********/
+window.background.csd.geary-main-window > deck > overlay > box.vertical > paned.horizontal > box.sidebar.vertical,
+window#GearyMainWindow.background.csd > deck > overlay > box.vertical > paned.horizontal > box.sidebar.vertical {
+ border-bottom-left-radius: 12px;
+}
+
+window.background.csd.geary-main-window > deck > overlay > box.vertical > paned.horizontal > box.sidebar.vertical statusbar,
+window#GearyMainWindow.background.csd > deck > overlay > box.vertical > paned.horizontal > box.sidebar.vertical statusbar {
+ border-bottom-left-radius: 12px;
+}
+
+window.background.csd.geary-main-window stack#conversation_viewer,
+window#GearyMainWindow.background.csd stack#conversation_viewer {
+ border-bottom-right-radius: 12px;
+}
+
+window.background.csd.geary-main-window stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox,
+window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox {
+ background: none;
+ border-bottom-right-radius: 12px;
+}
+
+window.background.csd.geary-main-window stack#conversation_viewer .geary-expanded,
+window#GearyMainWindow.background.csd stack#conversation_viewer .geary-expanded {
+ animation: none;
+ background-image: none;
+}
+
+window.background.csd.geary-main-window stack#conversation_viewer .geary-expanded > .geary-composer-embed actionbar > revealer > box,
+window#GearyMainWindow.background.csd stack#conversation_viewer .geary-expanded > .geary-composer-embed actionbar > revealer > box {
+ border-radius: 0;
+}
+
+window.background.csd.geary-main-window stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar,
+window#GearyMainWindow.background.csd stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar {
+ color: #FFFFFF;
+ background-color: #2C2C2C;
+ box-shadow: none;
+ border-bottom: 1px solid rgba(0, 0, 0, 0.2);
+}
+
+window.background.csd.geary-main-window stack#conversation_viewer .geary-composer-box actionbar > revealer > box,
+window#GearyMainWindow.background.csd stack#conversation_viewer .geary-composer-box actionbar > revealer > box {
+ border-bottom-left-radius: 0;
+}
+
+.geary-accounts-editor-pane frame:not(.geary-signature) > border,
+.geary-accounts-editor-pane scrolledwindow.frame {
+ border: none;
+}
+
+.geary-main-window.unified > deck > overlay > .geary-main-layout {
+ background-color: #2C2C2C;
+}
+
+.geary-main-window.unified > deck > overlay > .geary-main-layout > leaflet > headerbar,
+.geary-main-window.unified > deck > overlay > .geary-main-layout > leaflet > leaflet > headerbar {
+ box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12);
+}
+
+.geary-main-window.unified > deck > overlay > .geary-main-layout > leaflet > separator.sidebar,
+.geary-main-window.unified > deck > overlay > .geary-main-layout > leaflet > leaflet > separator.sidebar {
+ background-color: #242424;
+ box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12);
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), color 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+.geary-main-window.unified > deck > overlay > .geary-main-layout > leaflet > separator.sidebar:backdrop,
+.geary-main-window.unified > deck > overlay > .geary-main-layout > leaflet > leaflet > separator.sidebar:backdrop {
+ background-color: #2C2C2C;
+}
+
+.geary-main-window.unified > deck > overlay > .geary-main-layout > leaflet > leaflet > box.vertical + separator.sidebar {
+ min-width: 1px;
+ background-color: rgba(255, 255, 255, 0.12);
+}
+
+.geary-main-window.unified frame.geary-conversation-frame scrolledwindow {
+ padding: 3px;
+}
+
+.geary-main-window.unified frame.geary-conversation-frame scrolledwindow treeview.view {
+ border: 1px solid transparent;
+ border-radius: 6px;
+ padding: 6px;
+}
+
+.geary-main-window.unified frame.geary-conversation-frame scrolledwindow treeview.view:selected, .geary-main-window.unified frame.geary-conversation-frame scrolledwindow treeview.view:active {
+ border-radius: 6px;
+ background-color: #5b9bf8;
+ color: #FFFFFF;
+}
+
+.geary-main-window.unified separator.geary-sidebar-pane-separator {
+ min-width: 1px;
+ background-color: rgba(255, 255, 255, 0.12);
+}
+
+.geary-main-window.unified geary-conversation-viewer#conversation_viewer list.background.conversation-listbox.content > row.activatable {
+ border: 1px solid rgba(255, 255, 255, 0.12);
+ border-bottom-width: 0;
+ background-color: #2C2C2C;
+}
+
+.geary-main-window.unified geary-conversation-viewer#conversation_viewer list.background.conversation-listbox.content > row.activatable:first-child {
+ border-top-left-radius: 8px;
+ border-top-right-radius: 8px;
+}
+
+.geary-main-window.unified geary-conversation-viewer#conversation_viewer list.background.conversation-listbox.content .geary-attachment-pane {
+ border-radius: 0 0 8px 8px;
+}
+
+.geary-main-window.unified geary-conversation-viewer#conversation_viewer list.background.conversation-listbox.content .geary-attachment-pane actionbar.background {
+ background-color: transparent;
+}
+
+.geary-main-window.unified geary-conversation-viewer#conversation_viewer list.background.conversation-listbox.content .geary-attachment-pane actionbar.background > revealer > box {
+ border-radius: 0 0 6px 6px;
+}
+
+/**************
+ * Extensions *
+ **************/
+window.background.csd stack stack stack frame > border,
+window.background.csd > stack > stack > box > frame > border,
+window.background.csd > stack > stack > box > box > frame > border,
+window.background.csd > stack > box > stack > box > frame > border,
+window.background.csd > stack > box > stack > scrolledwindow > viewport frame > border,
+window.background.csd > stack > box > stack > box > scrolledwindow > viewport > frame > border,
+window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > border {
+ border: none;
+}
+
+window.background.csd > stack > box > box > list,
+window.background.csd > stack > box > stack > scrolledwindow > viewport > list {
+ border-bottom-left-radius: 12px;
+}
+
+window.background.csd > stack > box > .sidebar > scrolledwindow > viewport > list {
+ padding: 0 0;
+}
+
+/***********
+ * Dialogs *
+ ***********/
+dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:first-child {
+ border-radius: 0 0 0 12px;
+}
+
+dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:last-child {
+ border-radius: 0 0 12px 0;
+}
+
+dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow,
+dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow {
+ border-radius: 0 0 12px 12px;
+ background-color: #2C2C2C;
+}
+
+dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active),
+dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active) {
+ background-color: transparent;
+}
+
+dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list {
+ border-radius: 0 0 12px 12px;
+}
+
+dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list row.activatable:not(:hover):not(:selected):not(:active) {
+ background-color: transparent;
+}
+
+dialog.background.csd > box.vertical.dialog-vbox > stack toolbar.toolbar {
+ border-radius: 0 0 12px 12px;
+}
+
+dialog.background.csd > box.vertical.dialog-vbox > notebook > stack {
+ border-radius: 0 0 12px 12px;
+}
+
+dialog.background.csd stack scrolledwindow.frame {
+ border-radius: 6px;
+}
+
+dialog.background.csd stack scrolledwindow.frame textview.view {
+ border-radius: 6px;
+}
+
+dialog.background.csd stack scrolledwindow.frame textview.view > text {
+ background: none;
+}
+
+dialog.background.csd stack scrolledwindow viewport.frame.view {
+ border-radius: 6px;
+}
+
+window.background.csd.unified headerbar {
+ box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12);
+}
+
+window.background.csd.unified > decoration-overlay {
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
+}
+
+window.background.csd.unified,
+window.background.csd.unified > decoration,
+window.background.csd.unified > decoration-overlay {
+ border-radius: 12px;
+}
+
+window.background.csd.unified.tiled > decoration-overlay, window.background.csd.unified.tiled-top > decoration-overlay, window.background.csd.unified.tiled-right > decoration-overlay, window.background.csd.unified.tiled-bottom > decoration-overlay, window.background.csd.unified.tiled-left > decoration-overlay, window.background.csd.unified.maximized > decoration-overlay, window.background.csd.unified.fullscreen > decoration-overlay {
+ box-shadow: none;
+}
+
+window.background.csd.unified.tiled,
+window.background.csd.unified.tiled > decoration,
+window.background.csd.unified.tiled > decoration-overlay, window.background.csd.unified.tiled-top,
+window.background.csd.unified.tiled-top > decoration,
+window.background.csd.unified.tiled-top > decoration-overlay, window.background.csd.unified.tiled-right,
+window.background.csd.unified.tiled-right > decoration,
+window.background.csd.unified.tiled-right > decoration-overlay, window.background.csd.unified.tiled-bottom,
+window.background.csd.unified.tiled-bottom > decoration,
+window.background.csd.unified.tiled-bottom > decoration-overlay, window.background.csd.unified.tiled-left,
+window.background.csd.unified.tiled-left > decoration,
+window.background.csd.unified.tiled-left > decoration-overlay, window.background.csd.unified.maximized,
+window.background.csd.unified.maximized > decoration,
+window.background.csd.unified.maximized > decoration-overlay, window.background.csd.unified.fullscreen,
+window.background.csd.unified.fullscreen > decoration,
+window.background.csd.unified.fullscreen > decoration-overlay {
+ border-radius: 0;
+}
+
+/*********
+ * Tilix *
+ *********/
+overlay > revealer.left > scrolledwindow.frame, overlay > revealer.right > scrolledwindow.frame {
+ border-style: none;
+ box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2), 0 16px 15px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12);
+}
+
+overlay > revealer.left > scrolledwindow.frame {
+ margin-right: 32px;
+}
+
+overlay > revealer.right > scrolledwindow.frame {
+ margin-left: 32px;
+}
+
+.terminix-session-sidebar,
+.tilix-session-sidebar {
+ background-image: image(#3C3C3C);
+}
+
+.terminal-titlebar button {
+ border-radius: 0;
+}
+
+button.image-button.session-new-button {
+ min-width: 32px;
+}
+
+notebook.tilix-background tab > box > stack {
+ margin: -6px;
+}
+
+button.flat.tilix-small-button {
+ min-height: 20px;
+ min-width: 16px;
+}
+
+/**************
+ * Terminator *
+ **************/
+.terminator-terminal-window paned > separator {
+ background-color: #2C2C2C;
+}
+
+.terminator-terminal-window notebook.frame {
+ border-style: none;
+}
+
+/*************
+ * Ubitquity *
+ *************/
+#live_installer .menubar progressbar trough {
+ border-radius: 4px;
+ background-color: rgba(255, 255, 255, 0.12);
+}
+
+/***********
+ * Eclipse *
+ ***********/
+window.background > box.vertical > scrolledwindow > widget toolbar {
+ padding: 2px;
+}
+
+window.background > box.vertical > scrolledwindow > widget toolbar separator,
+window.background > box.vertical > scrolledwindow > widget toolbar button {
+ margin: 2px;
+}
+
+window.background > box.vertical > scrolledwindow > widget toolbar button {
+ border-radius: 6px;
+}
+
+/************
+ * Chromium *
+ ************/
+window.background.chromium {
+ background-color: #3C3C3C;
+}
+
+window.background.chromium entry,
+window.background.chromium > button {
+ border: 1px solid #4b4b4b;
+}
+
+window.background.chromium > button {
+ color: #5b9bf8;
+}
+
+window.background.chromium > button:disabled {
+ color: rgba(255, 255, 255, 0.3);
+}
+
+window.background.chromium menubar,
+window.background.chromium headerbar {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+window.background.chromium headerbar button:active {
+ background-color: alpha(currentColor, 0.12);
+}
+
+window.background.chromium spinner {
+ color: #5b9bf8;
+}
+
+window.background.chromium textview.view {
+ background-color: transparent;
+}
+
+window.background.chromium treeview.view.cell:selected:focus {
+ background-color: #5b9bf8;
+ color: #FFFFFF;
+}
+
+window.background.chromium treeview.view button {
+ border: 1px solid rgba(255, 255, 255, 0.3);
+ background-color: #2C2C2C;
+}
+
+window.background.chromium menu {
+ border-color: #555555;
+}
+
+window.background.chromium menu menuitem {
+ border-radius: 0;
+}
+
+tooltip.background.chromium {
+ background-color: #191919;
+}
+
+/***********
+ * Firefox *
+ ***********/
+#MozillaGtkWidget > widget text {
+ background-color: #3C3C3C;
+}
+
+#MozillaGtkWidget > widget text:selected {
+ background-color: #5b9bf8;
+ color: #FFFFFF;
+}
+
+#MozillaGtkWidget > widget > separator {
+ color: #4b4b4b;
+}
+
+#MozillaGtkWidget > widget > scrollbar {
+ background-clip: border-box;
+}
+
+#MozillaGtkWidget > widget > frame > border {
+ border-color: #4b4b4b;
+}
+
+#MozillaGtkWidget > widget > entry,
+#MozillaGtkWidget > widget > button > button {
+ border: 1px solid #4b4b4b;
+ border-radius: 6px;
+ box-shadow: none;
+}
+
+#MozillaGtkWidget > widget > entry:disabled,
+#MozillaGtkWidget > widget > button > button:disabled {
+ border-color: rgba(255, 255, 255, 0.12);
+}
+
+#MozillaGtkWidget > widget > entry {
+ min-height: 30px;
+ background-color: #2C2C2C;
+}
+
+#MozillaGtkWidget > widget > entry:focus {
+ border-color: #5b9bf8;
+ box-shadow: inset 0 0 0 1px #5b9bf8;
+}
+
+#MozillaGtkWidget > widget > entry:disabled {
+ background-color: #242424;
+}
+
+#MozillaGtkWidget > widget > button > button {
+ padding: 4px 8px;
+ background-size: auto;
+}
+
+#MozillaGtkWidget > widget > button > button:hover {
+ box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+#MozillaGtkWidget > widget > button > button:active {
+ background-image: image(alpha(currentColor, 0.12));
+}
+
+#MozillaGtkWidget > widget > checkbutton > check,
+#MozillaGtkWidget > widget > radiobutton > radio {
+ margin: 0;
+ padding: 0;
+}
+
+#MozillaGtkWidget > widget > checkbutton > check:not(:checked):not(:indeterminate),
+#MozillaGtkWidget > widget > radiobutton > radio:not(:checked):not(:indeterminate) {
+ color: #464646;
+}
+
+#MozillaGtkWidget > widget > checkbutton > check:not(:checked):not(:indeterminate):hover, #MozillaGtkWidget > widget > checkbutton > check:not(:checked):not(:indeterminate):active,
+#MozillaGtkWidget > widget > radiobutton > radio:not(:checked):not(:indeterminate):hover,
+#MozillaGtkWidget > widget > radiobutton > radio:not(:checked):not(:indeterminate):active {
+ color: #727272;
+}
+
+#MozillaGtkWidget > widget > checkbutton > check:not(:checked):not(:indeterminate):disabled,
+#MozillaGtkWidget > widget > radiobutton > radio:not(:checked):not(:indeterminate):disabled {
+ color: rgba(70, 70, 70, 0.5);
+}
+
+#MozillaGtkWidget menu {
+ border: none;
+}
+
+#MozillaGtkWidget > widget > menubar {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+#MozillaGtkWidget > widget > menubar:hover {
+ color: #FFFFFF;
+}
+
+#MozillaGtkWidget > widget > menubar:disabled {
+ color: rgba(255, 255, 255, 0.3);
+}
+
+#MozillaGtkWidget > widget > frame {
+ color: #4b4b4b;
+}
+
+#MozillaGtkWidget menu > separator {
+ color: #4b4b4b;
+}
+
+window.background:not(.csd) > window > menu menuitem {
+ transition: none;
+}
+
+/************
+ * Inkscape *
+ ************/
+#ToolboxCommon > #AuxToolbox #StyleSwatch {
+ font-size: smaller;
+}
+
+#ToolboxCommon > #AuxToolbox #Kludge {
+ padding: 0;
+}
+
+#ToolboxCommon > #AuxToolbox spinbutton,
+#ToolboxCommon > #AuxToolbox entry {
+ min-height: 32px;
+}
+
+#ToolboxCommon > #AuxToolbox button:not(.up):not(.down) {
+ min-height: 24px;
+ min-width: 16px;
+ padding: 4px 8px;
+}
+
+#ToolboxCommon > #AuxToolbox spinbutton button {
+ border-width: 4px;
+}
+
+#ToolboxCommon > toolbar.vertical {
+ margin-top: -4px;
+}
+
+#ToolboxCommon > toolbar.vertical button {
+ min-height: 24px;
+ min-width: 24px;
+ padding: 4px;
+}
+
+#CanvasTable button {
+ min-height: 16px;
+ min-width: 16px;
+ padding: 0;
+}
+
+#CanvasTable #HorizontalScrollbar {
+ border-top: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+#CanvasTable #VerticalScrollbar:dir(ltr) {
+ border-left: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+#CanvasTable #VerticalScrollbar:dir(rtl) {
+ border-right: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+#Canvas_and_Dock frame > border {
+ border: none;
+}
+
+#Canvas_and_Dock widget > widget > button.flat {
+ min-height: 16px;
+ min-width: 16px;
+ padding: 4px;
+}
+
+#Canvas_and_Dock widget > widget > box.horizontal image {
+ padding: 4px;
+}
+
+#Canvas_and_Dock box.horizontal > box.vertical > button.flat {
+ min-height: 16px;
+ min-width: 24px;
+ padding: 8px 4px;
+}
+
+scrolledwindow#DialogNotebook > viewport.frame > notebook.frame button.close-button image {
+ padding: 4px;
+}
+
+/***********
+ * Synapse *
+ ***********/
+/***************
+ * Libreoffice *
+ ***************/
+window.background > grid > widget > widget > scrolledwindow > viewport > grid > box > box > frame > box {
+ background-color: #2C2C2C;
+}
+
+/*********
+ * Pamac *
+ *********/
+window.background.csd > box.vertical > overlay > stack > box.vertical > box.horizontal > revealer > stack > list,
+window.background.csd > box.vertical > overlay > stack > box.vertical > box.horizontal > revealer > stack > scrolledwindow > viewport.frame > list,
+window.background.csd > box.vertical > overlay > stack > box.vertical > box.horizontal > revealer > stack > box.vertical > stack > scrolledwindow > viewport.frame > list {
+ border: none;
+ border-radius: 0;
+}
+
+window.background.csd > box.vertical > overlay > stack > box.vertical > box.horizontal > revealer > stack > list > row.activatable,
+window.background.csd > box.vertical > overlay > stack > box.vertical > box.horizontal > revealer > stack > scrolledwindow > viewport.frame > list > row.activatable,
+window.background.csd > box.vertical > overlay > stack > box.vertical > box.horizontal > revealer > stack > box.vertical > stack > scrolledwindow > viewport.frame > list > row.activatable {
+ border-radius: 6px;
+}
+
+/*********
+ * Unity *
+ *********/
+UnityDecoration {
+ -UnityDecoration-extents: 28px 0 0 0;
+ -UnityDecoration-input-extents: 8px;
+ -UnityDecoration-shadow-offset-x: 0;
+ -UnityDecoration-shadow-offset-y: 3px;
+ -UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.48);
+ -UnityDecoration-active-shadow-radius: 18px;
+ -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.32);
+ -UnityDecoration-inactive-shadow-radius: 6px;
+ -UnityDecoration-glow-size: 8px;
+ -UnityDecoration-glow-color: #5b9bf8;
+ -UnityDecoration-title-indent: 4px;
+ -UnityDecoration-title-fade: 32px;
+ -UnityDecoration-title-alignment: 0.0;
+}
+
+UnityDecoration .top {
+ padding: 0 2px;
+ border-style: none;
+ border-radius: 12px 12px 0 0;
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
+ background-color: #242424;
+ color: #FFFFFF;
+}
+
+UnityDecoration .top:backdrop {
+ background-color: #2C2C2C;
+ color: rgba(255, 255, 255, 0.7);
+}
+
+UnityDecoration .menuitem {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+UnityDecoration .menuitem:hover {
+ box-shadow: inset 0 -2px currentColor;
+ background-color: transparent;
+ color: #FFFFFF;
+}
+
+.background:not(.csd) headerbar:not(.titlebar) {
+ border-radius: 0;
+ box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17);
+}
+
+.background:not(.csd) headerbar:not(.titlebar).inline-toolbar {
+ border-style: none;
+}
+
+UnityPanelWidget,
+.unity-panel {
+ background-color: #212121;
+ color: #FFFFFF;
+}
+
+UnityPanelWidget:backdrop,
+.unity-panel:backdrop {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.unity-panel.menuitem,
+.unity-panel .menuitem {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.unity-panel.menubar.menuitem:hover,
+.unity-panel.menubar .menuitem *:hover {
+ box-shadow: inset 0 -2px currentColor;
+ background-color: transparent;
+ color: #FFFFFF;
+}
+
+.menu IdoPlaybackMenuItem.menuitem:active {
+ -gtk-icon-source: -gtk-icontheme("process-working-symbolic");
+ animation: spin 1s linear infinite;
+ color: #5b9bf8;
+}
+
+/**************
+ * Mate-Panel *
+ **************/
+.mate-panel-menu-bar menubar,
+#PanelApplet-window-menu-applet-button {
+ background-color: transparent;
+}
+
+.mate-panel-menu-bar {
+ background-color: #212121;
+ color: rgba(255, 255, 255, 0.7);
+ font-weight: 500;
+}
+
+.mate-panel-menu-bar button {
+ min-height: 16px;
+ min-width: 16px;
+ padding: 0;
+ border-radius: 0;
+}
+
+PanelToplevel.horizontal > grid > button {
+ min-width: 24px;
+}
+
+PanelToplevel.vertical > grid > button {
+ min-height: 24px;
+}
+
+PanelSeparator {
+ color: rgba(255, 255, 255, 0.12);
+}
+
+MatePanelAppletFrameDBus {
+ border-style: solid;
+ border-color: rgba(255, 255, 255, 0.12);
+}
+
+.mate-panel-menu-bar.horizontal MatePanelAppletFrameDBus {
+ border-width: 0 1px;
+}
+
+.mate-panel-menu-bar.vertical MatePanelAppletFrameDBus {
+ border-width: 1px 0;
+}
+
+.mate-panel-menu-bar menubar > menuitem {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.mate-panel-menu-bar menubar > menuitem:hover {
+ color: #FFFFFF;
+}
+
+.mate-panel-menu-bar menubar > menuitem:disabled {
+ color: rgba(255, 255, 255, 0.3);
+}
+
+.mate-panel-menu-bar.horizontal menubar > menuitem {
+ padding: 0 8px;
+}
+
+.mate-panel-menu-bar.vertical menubar > menuitem {
+ padding: 8px 0;
+}
+
+.mate-panel-menu-bar menubar menu > menuitem {
+ min-height: 28px;
+ padding: 0 6px;
+}
+
+.mate-panel-menu-bar #PanelApplet button {
+ -GtkWidget-window-dragging: true;
+}
+
+.mate-panel-menu-bar #tasklist-button {
+ border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0/0 0 0px;
+}
+
+.mate-panel-menu-bar #tasklist-button:checked {
+ border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2/0 0 2px;
+}
+
+.mate-panel-menu-bar #tasklist-button image:dir(ltr), .mate-panel-menu-bar #tasklist-button label:dir(rtl) {
+ padding-left: 4px;
+}
+
+.mate-panel-menu-bar #tasklist-button label:dir(ltr), .mate-panel-menu-bar #tasklist-button image:dir(rtl) {
+ padding-right: 4px;
+}
+
+.mate-panel-menu-bar.vertical #tasklist-button {
+ min-height: 32px;
+}
+
+.mate-panel-menu-bar.horizontal #showdesktop-button image {
+ min-width: 24px;
+ padding: 0 4px;
+}
+
+.mate-panel-menu-bar.vertical #showdesktop-button image {
+ min-height: 24px;
+ padding: 4px 0;
+}
+
+PanelApplet.wnck-applet .wnck-pager {
+ background-color: transparent;
+ color: #5b9bf8;
+}
+
+PanelApplet.wnck-applet .wnck-pager:hover {
+ background-color: alpha(currentColor, 0.08);
+}
+
+PanelApplet.wnck-applet .wnck-pager:active {
+ background-color: alpha(currentColor, 0.12);
+}
+
+PanelApplet.wnck-applet .wnck-pager:selected {
+ background-color: #5b9bf8;
+}
+
+.mate-panel-menu-bar.horizontal #clock-applet-button label {
+ padding: 0 8px;
+}
+
+.mate-panel-menu-bar.vertical #clock-applet-button label {
+ padding: 8px 0;
+}
+
+#MatePanelPopupWindow {
+ border: 1px solid rgba(0, 0, 0, 0.2);
+ border-radius: 7px;
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
+ background-color: #3C3C3C;
+}
+
+#MatePanelPopupWindow frame > border {
+ border-style: none;
+}
+
+#MatePanelPopupWindow calendar {
+ border-style: none;
+}
+
+#MatePanelPopupWindow calendar:not(:selected) {
+ background-color: transparent;
+}
+
+#MatePanelPopupWindow calendar + box {
+ margin-top: -5px;
+ padding-top: 5px;
+ border-top: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+#MatePanelPopupWindow expander > title {
+ min-height: 32px;
+}
+
+#MatePanelPopupWindow button {
+ padding: 4px 16px;
+}
+
+#MatePanelPopupWindow > frame > box > box > box > widget {
+ color: rgba(255, 255, 255, 0.12);
+}
+
+na-tray-applet {
+ -NaTrayApplet-icon-padding: 3px;
+ -NaTrayApplet-icon-size: 16;
+}
+
+.mate-panel-menu-bar {
+ -PanelMenuBar-icon-visible: true;
+}
+
+.mate-panel-applet-slider {
+ border: 1px solid rgba(0, 0, 0, 0.2);
+ border-radius: 7px;
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
+ background-color: #3C3C3C;
+}
+
+.mate-panel-applet-slider frame > border {
+ border-style: none;
+}
+
+#PanelApplet:not(:selected) > box {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+#PanelApplet:selected > box {
+ background-color: alpha(currentColor, 0.1);
+ color: #FFFFFF;
+}
+
+#mate-menu {
+ border: 1px solid rgba(0, 0, 0, 0.2);
+ background-color: #3C3C3C;
+}
+
+#mate-menu button {
+ min-height: 24px;
+ min-width: 24px;
+ padding: 4px 0;
+ color: #FFFFFF;
+ font-weight: normal;
+}
+
+#mate-menu button:not(.flat) {
+ background-color: alpha(currentColor, 0.1);
+}
+
+#mate-menu button image,
+#mate-menu button label + label {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+#mate-menu entry {
+ margin: 0 0 4px;
+}
+
+#mate-menu entry image {
+ margin: 0;
+}
+
+#mate-menu entry + button {
+ margin: 0 4px 4px;
+ padding: 6px;
+}
+
+.brisk-menu {
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
+ background-color: #3C3C3C;
+}
+
+.brisk-menu entry {
+ margin-bottom: -2px;
+ border-bottom: 1px solid rgba(255, 255, 255, 0.12);
+ border-image: none;
+ box-shadow: none;
+ background-color: transparent;
+}
+
+.brisk-menu entry + box > box:dir(ltr) {
+ margin-right: -2px;
+ border-right: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+.brisk-menu entry + box > box:dir(rtl) {
+ margin-left: -2px;
+ border-left: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+.brisk-menu .categories-list {
+ padding-top: 4px;
+}
+
+.brisk-menu .categories-list button {
+ margin: 0 4px;
+}
+
+.brisk-menu .categories-list button:checked {
+ color: #5b9bf8;
+}
+
+.brisk-menu .session-button {
+ padding: 12px;
+}
+
+.brisk-menu .frame {
+ border-style: none;
+}
+
+.brisk-menu .apps-list {
+ padding: 4px 0;
+ background-color: transparent;
+}
+
+.brisk-menu .apps-list row {
+ padding: 0;
+}
+
+.brisk-menu .apps-list row:hover {
+ box-shadow: none;
+}
+
+.brisk-menu .apps-list button {
+ border-radius: 0;
+ color: #FFFFFF;
+ font-weight: normal;
+}
+
+/*********************
+ * CAJA File manager *
+ *********************/
+.caja-navigation-window button.toggle.image-button {
+ border-radius: 6px;
+}
+
+.caja-pathbar button {
+ margin: 0 -1px 0 -2px;
+}
+
+.caja-pathbar button.slider-button {
+ min-width: 24px;
+}
+
+.caja-pathbar button > widget {
+ -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+ -GtkArrow-arrow-scaling: 1;
+}
+
+.caja-side-pane notebook viewport.frame,
+.caja-side-pane notebook widget .vertical {
+ background-color: #2C2C2C;
+}
+
+.caja-side-pane notebook,
+.caja-notebook {
+ border-top: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+.caja-side-pane notebook .frame,
+.caja-notebook .frame {
+ border-style: none;
+}
+
+.caja-canvas-item {
+ border-radius: 6px;
+}
+
+.caja-desktop.view .entry,
+.caja-navigation-window .view .entry {
+ border: none;
+ border-radius: 6px;
+ background-color: rgba(255, 255, 255, 0.04);
+ background-image: none;
+ color: #FFFFFF;
+}
+
+.caja-desktop.view .entry:selected,
+.caja-navigation-window .view .entry:selected {
+ background-color: alpha(currentColor, 0.06);
+}
+
+.caja-desktop.view .entry {
+ background-color: #2C2C2C;
+ color: #FFFFFF;
+ caret-color: currentColor;
+}
+
+.caja-desktop.view .entry:selected {
+ background-color: alpha(currentColor, 0.06);
+}
+
+.caja-navigation-window statusbar {
+ margin: 0 -10px;
+ padding: 0 4px;
+ border-top: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+.caja-notebook frame > border {
+ border-style: none;
+}
+
+#caja-extra-view-widget {
+ border-bottom: 1px solid rgba(255, 255, 255, 0.12);
+ background-color: #2C2C2C;
+}
+
+#caja-extra-view-widget > box > box > label {
+ font-weight: bold;
+}
+
+/*********
+ * Pluma *
+ *********/
+.pluma-window statusbar {
+ margin: 0 -10px;
+ padding: 0 4px;
+ border-top: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+.pluma-window statusbar frame > border {
+ border-style: none;
+}
+
+.pluma-window statusbar frame button.flat {
+ padding: 0 4px;
+ border-radius: 0;
+}
+
+.pluma-window statusbar frame button.flat widget {
+ -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+ -GtkArrow-arrow-scaling: 1;
+}
+
+.pluma-print-preview toolbar {
+ border-bottom: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+.pluma-window paned.horizontal box.vertical box.horizontal button.flat {
+ margin: 1px;
+}
+
+.pluma-window paned.horizontal box.vertical .frame {
+ border-style: none;
+}
+
+.pluma-window paned.horizontal box.vertical notebook.frame {
+ margin-top: -1px;
+ border-top: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+.pluma-window paned.horizontal box.vertical notebook.frame box.vertical toolbar.horizontal {
+ border-bottom: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+/*********
+ * Atril *
+ *********/
+.atril-window paned.horizontal box.vertical .frame {
+ border-style: none;
+}
+
+.atril-window paned.horizontal box.vertical notebook .frame {
+ border-top: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+/* mate-screensaver lock dialog */
+.lock-dialog {
+ border: 1px solid rgba(0, 0, 0, 0.2);
+ border-radius: 7px;
+ box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.1);
+ background-color: #3C3C3C;
+}
+
+.lock-dialog frame > border {
+ border-style: none;
+}
+
+.lock-dialog button:not(:disabled) {
+ color: #5b9bf8;
+}
+
+/* multimedia OSD */
+MsdOsdWindow.background.osd {
+ border-radius: 6px;
+ background-color: rgba(25, 25, 25, 0.9);
+ color: #FFFFFF;
+}
+
+MsdOsdWindow.background.osd .trough {
+ border-radius: 0;
+ background-color: rgba(255, 255, 255, 0.12);
+}
+
+MsdOsdWindow.background.osd .progressbar {
+ border-radius: 0;
+ background-color: #5b9bf8;
+}
+
+/******************
+ * Budgie Desktop *
+ ******************/
+.budgie-container {
+ background-color: transparent;
+}
+
+.budgie-settings-window list.sidebar {
+ border-radius: 0 0 0 12px;
+}
+
+.budgie-settings-window buttonbox.inline-toolbar {
+ border-style: none none solid;
+}
+
+.budgie-settings-window buttonbox.inline-toolbar button {
+ border-radius: 6px;
+}
+
+.budgie-popover {
+ border: 1px solid rgba(255, 255, 255, 0.1);
+ box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 0 0 1px rgba(0, 0, 0, 0.75);
+ background-clip: border-box;
+ background-color: #2C2C2C;
+ border-radius: 12px;
+}
+
+.budgie-popover .container {
+ padding: 0;
+}
+
+.budgie-popover separator {
+ margin: 3px 0;
+}
+
+.budgie-popover border {
+ border: none;
+}
+
+.budgie-popover list {
+ background-color: transparent;
+}
+
+.budgie-popover row:hover {
+ box-shadow: none;
+}
+
+.budgie-popover scrolledwindow.sidebar:not(.categories) {
+ background-color: rgba(255, 255, 255, 0.04);
+ border-right: none;
+ border-bottom-left-radius: 12px;
+}
+
+.budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable {
+ padding: 6px 8px;
+}
+
+.budgie-popover treeview.view.sidebar {
+ border-right: none;
+ background: none;
+}
+
+.budgie-popover treeview.view.sidebar:hover {
+ background-color: alpha(currentColor, 0.08);
+}
+
+.budgie-popover treeview.view.sidebar:selected {
+ background-color: alpha(currentColor, 0.12);
+}
+
+.budgie-popover.bottom scrolledwindow.sidebar:not(.categories) {
+ padding-top: 12px;
+ border-top-left-radius: 12px;
+ border-bottom-left-radius: 0;
+}
+
+.budgie-popover > frame.container > grid.horizontal > grid.horizontal > widget > grid.horizontal > stack {
+ border-top: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+.budgie-popover.bottom > frame.container > grid.horizontal > grid.horizontal > widget > grid.horizontal > stack {
+ border-top: none;
+ border-bottom: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+.budgie-popover.budgie-menu .container {
+ padding: 0;
+}
+
+.budgie-popover.budgie-menu .sidebar,
+.budgie-popover.budgie-menu scrollbar,
+.budgie-popover.budgie-menu entry.search {
+ background-color: transparent;
+}
+
+.budgie-popover.budgie-menu entry.search {
+ border-bottom: 1px solid rgba(255, 255, 255, 0.12);
+ border-image: none;
+ border-radius: 0;
+ box-shadow: none;
+ font-size: 120%;
+}
+
+.budgie-popover.budgie-menu scrolledwindow.sidebar.categories {
+ background-color: rgba(255, 255, 255, 0.04);
+ padding-bottom: 12px;
+}
+
+.budgie-popover.budgie-menu scrolledwindow.sidebar.categories button.flat.radio.category-button {
+ border-radius: 0;
+}
+
+.budgie-popover.budgie-menu scrolledwindow > viewport.frame > list > row.activatable > button.flat {
+ border-radius: 0;
+}
+
+.budgie-popover.user-menu .container {
+ padding: 6px;
+}
+
+.budgie-popover.user-menu list,
+.budgie-popover.user-menu row {
+ border: none;
+ background: none;
+ box-shadow: none;
+}
+
+.budgie-popover.user-menu > frame.container > box.vertical row.activatable:first-child {
+ margin-bottom: 3px;
+ outline-width: 0;
+ border-radius: 6px;
+}
+
+.budgie-popover.user-menu > frame.container > box.vertical row.activatable:first-child button.indicator-item {
+ transition: none;
+ animation: none;
+}
+
+.budgie-popover.night-light-indicator .container {
+ padding: 3px;
+}
+
+.budgie-popover.night-light-indicator .view-header {
+ margin: 0 6px;
+}
+
+.budgie-popover.places-menu .container {
+ padding: 3px;
+}
+
+.budgie-popover.places-menu .name-button image:dir(ltr) {
+ margin-right: 3px;
+}
+
+.budgie-popover.places-menu .name-button image:dir(rtl) {
+ margin-left: 3px;
+}
+
+.budgie-popover.places-menu .unmount-button {
+ margin: 2px;
+ padding: 0;
+}
+
+.budgie-popover.places-menu .places-list:not(.always-expand) {
+ margin-top: 3px;
+ padding-top: 3px;
+ border-top: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+.budgie-popover.places-menu .alternative-label {
+ padding: 3px;
+ font-size: 15px;
+}
+
+.budgie-popover.workspace-popover flowboxchild {
+ padding: 0;
+}
+
+.workspace-switcher .workspace-layout {
+ border: 0 solid rgba(255, 255, 255, 0.12);
+}
+
+.top .workspace-switcher .workspace-layout:dir(ltr), .bottom .workspace-switcher .workspace-layout:dir(ltr) {
+ border-left-width: 1px;
+}
+
+.top .workspace-switcher .workspace-layout:dir(rtl), .bottom .workspace-switcher .workspace-layout:dir(rtl) {
+ border-right-width: 1px;
+}
+
+.left .workspace-switcher .workspace-layout, .right .workspace-switcher .workspace-layout {
+ border-top-width: 1px;
+}
+
+.workspace-switcher .workspace-item,
+.workspace-switcher .workspace-add-button {
+ border: 0 solid rgba(255, 255, 255, 0.12);
+}
+
+.top .workspace-switcher .workspace-item:dir(ltr), .bottom .workspace-switcher .workspace-item:dir(ltr), .top .workspace-switcher .workspace-add-button:dir(ltr), .bottom .workspace-switcher .workspace-add-button:dir(ltr) {
+ border-right-width: 1px;
+}
+
+.top .workspace-switcher .workspace-item:dir(rtl), .bottom .workspace-switcher .workspace-item:dir(rtl), .top .workspace-switcher .workspace-add-button:dir(rtl), .bottom .workspace-switcher .workspace-add-button:dir(rtl) {
+ border-left-width: 1px;
+}
+
+.left .workspace-switcher .workspace-item, .right .workspace-switcher .workspace-item, .left .workspace-switcher .workspace-add-button, .right .workspace-switcher .workspace-add-button {
+ border-bottom-width: 1px;
+}
+
+.workspace-switcher .workspace-item {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+.workspace-switcher .workspace-item.current-workspace {
+ background-color: alpha(currentColor, 0.1);
+}
+
+.workspace-switcher .workspace-add-button:hover {
+ box-shadow: none;
+}
+
+.workspace-switcher .workspace-add-button:active {
+ background-image: none;
+}
+
+.workspace-switcher .workspace-add-button:active image {
+ margin: 1px 0 -1px;
+}
+
+.budgie-panel .workspace-switcher .workspace-icon-button {
+ min-height: 24px;
+ min-width: 24px;
+ padding: 0;
+ border-radius: 6px;
+}
+
+.budgie-panel button.budgie-menu-launcher {
+ padding: 0 0;
+ margin: 3px 0;
+ min-width: 16px;
+ min-height: 16px;
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.budgie-panel button.budgie-menu-launcher {
+ background: none;
+ box-shadow: none;
+}
+
+.budgie-panel button.budgie-menu-launcher image {
+ padding: 0;
+ margin: 0;
+ border-radius: 9999px;
+ background-image: image(rgba(255, 255, 255, 0.12));
+}
+
+.budgie-panel button.budgie-menu-launcher:hover {
+ color: #FFFFFF;
+}
+
+.budgie-panel button.budgie-menu-launcher:hover image {
+ background-image: image(rgba(255, 255, 255, 0.2));
+}
+
+.budgie-panel button.budgie-menu-launcher:active, .budgie-panel button.budgie-menu-launcher:checked {
+ color: #FFFFFF;
+}
+
+.budgie-panel button.budgie-menu-launcher:active image, .budgie-panel button.budgie-menu-launcher:checked image {
+ background-image: image(rgba(255, 255, 255, 0.28));
+}
+
+.budgie-panel {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+ background-color: #212121;
+ color: rgba(255, 255, 255, 0.7);
+ font-weight: 500;
+}
+
+.budgie-panel.transparent {
+ background-color: rgba(33, 33, 33, 0.75);
+}
+
+.budgie-panel button {
+ color: rgba(255, 255, 255, 0.7);
+ min-height: 24px;
+ min-width: 24px;
+ padding: 0;
+ border-radius: 0;
+}
+
+.budgie-panel button:hover {
+ color: #FFFFFF;
+}
+
+.budgie-panel button:active {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.budgie-panel button.budgie-menu-launcher {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.budgie-panel button.budgie-menu-launcher:focus {
+ background: none;
+ box-shadow: none;
+ border: none;
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.budgie-panel button.raven-trigger {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.budgie-panel.horizontal button {
+ padding: 0 4px;
+}
+
+.budgie-panel.vertical button {
+ padding: 4px 0;
+}
+
+.budgie-panel separator {
+ background-color: rgba(255, 255, 255, 0.3);
+}
+
+.budgie-panel .alert {
+ color: #F44336;
+}
+
+.budgie-panel .titlebar:not(headerbar) {
+ min-height: 0;
+ padding: 0;
+ box-shadow: none;
+ background-color: transparent;
+ color: #FFFFFF;
+}
+
+.budgie-panel .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action) {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.budgie-panel .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):hover, .budgie-panel .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):active {
+ color: #FFFFFF;
+}
+
+.budgie-panel menubar,
+.budgie-panel .menubar {
+ color: rgba(255, 255, 255, 0.7);
+ box-shadow: none;
+ border: none;
+}
+
+.budgie-panel menubar > menuitem,
+.budgie-panel .menubar > menuitem {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.budgie-panel menubar > menuitem:hover, .budgie-panel menubar > menuitem:active,
+.budgie-panel .menubar > menuitem:hover,
+.budgie-panel .menubar > menuitem:active {
+ color: #FFFFFF;
+}
+
+.budgie-panel #tasklist-button {
+ padding: 0 4px;
+}
+
+.budgie-panel.vertical #tasklist-button {
+ min-height: 32px;
+}
+
+.budgie-panel button.flat.launcher {
+ padding: 0;
+}
+
+.budgie-panel button.flat.launcher:not(:checked) {
+ color: rgba(255, 255, 255, 0.5);
+}
+
+.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.budgie-panel button.flat.launcher:not(:checked):disabled {
+ color: rgba(255, 255, 255, 0.3);
+}
+
+.top .budgie-panel .unpinned button.flat.launcher:checked, .top .budgie-panel .pinned button.flat.launcher.running:checked {
+ border-image: radial-gradient(circle closest-corner at center calc(1px), currentColor 100%, transparent 0%) 2 0 0 0/2px 0 0 0;
+}
+
+.bottom .budgie-panel .unpinned button.flat.launcher:checked, .bottom .budgie-panel .pinned button.flat.launcher.running:checked {
+ border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2 0/0 0 2px 0;
+}
+
+.left .budgie-panel .unpinned button.flat.launcher:checked, .left .budgie-panel .pinned button.flat.launcher.running:checked {
+ border-image: radial-gradient(circle closest-corner at calc(1px) center, currentColor 100%, transparent 0%) 0 0 0 2/0 0 0 2px;
+}
+
+.right .budgie-panel .unpinned button.flat.launcher:checked, .right .budgie-panel .pinned button.flat.launcher.running:checked {
+ border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, currentColor 100%, transparent 0%) 0 2 0 0/0 2px 0 0;
+}
+
+.top .budgie-panel #tasklist-button, .budgie-panel .top #tasklist-button {
+ border-image: radial-gradient(circle closest-corner at center calc(1px), currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0;
+}
+
+.top .budgie-panel #tasklist-button:checked, .budgie-panel .top #tasklist-button:checked {
+ border-image: radial-gradient(circle closest-corner at center calc(1px), currentColor 100%, transparent 0%) 2 0 0 0/2px 0 0 0;
+}
+
+.bottom .budgie-panel #tasklist-button, .budgie-panel .bottom #tasklist-button {
+ border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0;
+}
+
+.bottom .budgie-panel #tasklist-button:checked, .budgie-panel .bottom #tasklist-button:checked {
+ border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2 0/0 0 2px 0;
+}
+
+.left .budgie-panel #tasklist-button, .budgie-panel .left #tasklist-button {
+ border-image: radial-gradient(circle closest-corner at calc(1px) center, currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0;
+}
+
+.left .budgie-panel #tasklist-button:checked, .budgie-panel .left #tasklist-button:checked {
+ border-image: radial-gradient(circle closest-corner at calc(1px) center, currentColor 100%, transparent 0%) 0 0 0 2/0 0 0 2px;
+}
+
+.right .budgie-panel #tasklist-button, .budgie-panel .right #tasklist-button {
+ border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0;
+}
+
+.right .budgie-panel #tasklist-button:checked, .budgie-panel .right #tasklist-button:checked {
+ border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, currentColor 100%, transparent 0%) 0 2 0 0/0 2px 0 0;
+}
+
+frame.raven-frame > border {
+ border-style: none;
+}
+
+.top frame.raven-frame > border {
+ margin-bottom: 32px;
+}
+
+.bottom frame.raven-frame > border {
+ margin-top: 32px;
+}
+
+.left frame.raven-frame > border {
+ margin-right: 32px;
+}
+
+.right frame.raven-frame > border {
+ margin-left: 32px;
+}
+
+.raven {
+ background-color: #3C3C3C;
+ box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2), 0 16px 15px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12);
+}
+
+.raven > box {
+ margin-bottom: -10px;
+}
+
+.raven stackswitcher.linked {
+ margin: 6px 16px;
+}
+
+.raven stackswitcher.linked > button:focus {
+ box-shadow: none;
+}
+
+.raven .raven-header {
+ min-height: 36px;
+ padding: 3px;
+}
+
+.raven .raven-header.top {
+ padding: 0;
+ border-bottom: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+.raven .raven-header.top stackswitcher button {
+ margin: -4px 0 -5px;
+ padding: 0 16px;
+ min-height: 24px;
+}
+
+.raven .raven-header.bottom {
+ border-top: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+.raven stack .raven-header {
+ margin-top: -6px;
+}
+
+.raven stack scrolledwindow .raven-header {
+ margin-top: -8px;
+}
+
+.raven .raven-background {
+ border-style: solid none;
+ border-width: 1px;
+ border-color: rgba(255, 255, 255, 0.12);
+ background-color: #2C2C2C;
+}
+
+.raven .raven-background > overlay > widget > image {
+ color: rgba(255, 255, 255, 0.12);
+}
+
+.raven scrolledwindow.raven-background {
+ border-bottom-style: none;
+}
+
+.raven .powerstrip button {
+ margin: 2px 0 1px;
+ padding: 12px;
+ border-radius: 9999px;
+}
+
+.raven .option-subtitle {
+ font-size: smaller;
+}
+
+.raven .audio-widget scale.marks-after {
+ padding-top: 0;
+ padding-bottom: 0;
+}
+
+.raven .audio-widget scale.marks-after label {
+ font-size: 90%;
+ padding: 0;
+ margin: -10px 0 0 6px;
+}
+
+.raven .audio-widget button.flat.expander-button {
+ margin-top: 4px;
+ margin-bottom: 4px;
+}
+
+.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked {
+ background-color: rgba(255, 255, 255, 0.06);
+ color: #FFFFFF;
+}
+
+.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected label, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked label {
+ color: #FFFFFF;
+}
+
+.raven .audio-widget list.devices-list.sound-devices > row.activatable label {
+ padding-left: 12px;
+}
+
+calendar.raven-calendar {
+ border-style: none;
+ background-color: transparent;
+}
+
+calendar.raven-calendar:selected {
+ border-radius: 6px;
+}
+
+.raven-mpris {
+ background-color: #242424;
+ color: #FFFFFF;
+}
+
+.raven-mpris label {
+ min-height: 24px;
+}
+
+.raven-mpris button.image-button {
+ padding: 12px;
+}
+
+.raven-notifications-view > .raven-background > viewport.frame {
+ padding: 0;
+}
+
+.raven-notifications-view > .raven-background > viewport.frame > list > row.activatable {
+ margin-left: -6px;
+ margin-right: -3px;
+}
+
+.raven-notifications-view > .raven-background > viewport.frame > list > row.activatable .raven-notifications-group-header {
+ padding: 0 12px;
+}
+
+.raven-notifications-view > .raven-background > viewport.frame > list > row.activatable list {
+ padding: 6px;
+ background: none;
+}
+
+.raven-notifications-view > .raven-background > viewport.frame > list > row.activatable list > row.activatable {
+ border: none;
+ padding: 6px;
+ padding-left: 12px;
+ margin: 3px;
+ border-radius: 6px;
+ background-color: rgba(255, 255, 255, 0.04);
+}
+
+.raven-notifications-view > .raven-background > viewport.frame > list > row.activatable list > row.activatable:hover, .raven-notifications-view > .raven-background > viewport.frame > list > row.activatable list > row.activatable:selected {
+ background-color: rgba(255, 255, 255, 0.12);
+}
+
+.raven-notifications-view > .raven-background > viewport.frame > list > row.activatable:selected, .raven-notifications-view > .raven-background > viewport.frame > list > row.activatable:selected:hover, .raven-notifications-view > .raven-background > viewport.frame > list > row.activatable:hover, .raven-notifications-view > .raven-background > viewport.frame > list > row.activatable:active, .raven-notifications-view > .raven-background > viewport.frame > list > row.activatable:focus {
+ background: none;
+ box-shadow: none;
+}
+
+.budgie-notification-window, .budgie-switcher-window, .budgie-osd-window {
+ background-color: transparent;
+}
+
+.budgie-notification .notification-title, .budgie-switcher .notification-title {
+ font-size: 120%;
+}
+
+.budgie-notification .notification-body, .budgie-switcher .notification-body {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.budgie-osd .budgie-osd-text {
+ font-size: 120%;
+}
+
+.budgie-panel .lock-keys image:disabled {
+ color: rgba(255, 255, 255, 0.3);
+}
+
+.drop-shadow {
+ margin: 5px 9px;
+ padding: 3px;
+ border-radius: 12px;
+ box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.1);
+ background-color: #3C3C3C;
+}
+
+.drop-shadow .linked > button {
+ border-radius: 12px;
+}
+
+.budgie-session-dialog,
+.budgie-polkit-dialog,
+.budgie-run-dialog {
+ background-color: #3C3C3C;
+ border: none;
+ padding: 0;
+}
+
+.budgie-session-dialog.background, .budgie-session-dialog > decoration,
+.budgie-polkit-dialog.background,
+.budgie-polkit-dialog > decoration,
+.budgie-run-dialog.background,
+.budgie-run-dialog > decoration {
+ border-radius: 12px;
+}
+
+.budgie-session-dialog > decoration,
+.budgie-polkit-dialog > decoration,
+.budgie-run-dialog > decoration {
+ border: none;
+ box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2), 0 16px 15px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12), 0 0 0 1px rgba(0, 0, 0, 0.75);
+}
+
+.budgie-session-dialog label:not(:last-child),
+.budgie-session-dialog .dialog-title,
+.budgie-polkit-dialog label:not(:last-child),
+.budgie-polkit-dialog .dialog-title,
+.budgie-run-dialog label:not(:last-child),
+.budgie-run-dialog .dialog-title {
+ font-size: 120%;
+}
+
+.budgie-session-dialog .linked.horizontal > button,
+.budgie-polkit-dialog .linked.horizontal > button,
+.budgie-run-dialog .linked.horizontal > button {
+ padding: 8px 16px;
+ border-top: 1px solid rgba(255, 255, 255, 0.12);
+ border-radius: 0;
+}
+
+.budgie-session-dialog .linked.horizontal > button:first-child,
+.budgie-polkit-dialog .linked.horizontal > button:first-child,
+.budgie-run-dialog .linked.horizontal > button:first-child {
+ border-bottom-left-radius: 12px;
+}
+
+.budgie-session-dialog .linked.horizontal > button:last-child,
+.budgie-polkit-dialog .linked.horizontal > button:last-child,
+.budgie-run-dialog .linked.horizontal > button:last-child {
+ border-bottom-right-radius: 12px;
+}
+
+.budgie-polkit-dialog .message {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.budgie-polkit-dialog .failure {
+ color: #F44336;
+}
+
+.budgie-run-dialog entry.search {
+ font-size: 120%;
+ padding: 6px 14px;
+ border-image: none;
+ box-shadow: none;
+ background-color: transparent;
+}
+
+.budgie-run-dialog list .dim-label {
+ color: #FFFFFF;
+}
+
+.budgie-run-dialog scrolledwindow {
+ border-top: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+/**************
+ * Xfce4 Apps *
+ **************/
+.XfceHeading {
+ background-color: #2C2C2C;
+}
+
+/***************
+ * xfce4-panel *
+ ***************/
+.xfce4-panel.background {
+ border: none;
+ background-color: #212121;
+ color: rgba(255, 255, 255, 0.7);
+ font-weight: 500;
+}
+
+.xfce4-panel.background button {
+ min-height: 16px;
+ min-width: 16px;
+ padding: 0;
+ border-radius: 0;
+}
+
+.xfce4-panel.background .tasklist button image {
+ padding: 4px;
+}
+
+wnck-pager:hover {
+ background-color: alpha(currentColor, 0.08);
+}
+
+wnck-pager:active {
+ background-color: alpha(currentColor, 0.12);
+}
+
+wnck-pager:selected {
+ background-color: #5b9bf8;
+}
+
+XfdesktopIconView.view {
+ border-radius: 6px;
+ background-color: transparent;
+ color: #FFFFFF;
+}
+
+XfdesktopIconView.view:active {
+ box-shadow: none;
+}
+
+XfdesktopIconView.view .rubberband {
+ border-radius: 0;
+}
+
+window#whiskermenu-window {
+ border-radius: 12px;
+ background-color: transparent;
+ border: none;
+}
+
+window#whiskermenu-window entry.search:focus {
+ background-color: #2C2C2C;
+}
+
+window#whiskermenu-window > frame > border {
+ border-radius: 12px;
+ padding: 6px 8px 6px 9px;
+ margin: 6px;
+ border: none;
+ background-color: #2C2C2C;
+ box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 0 0 1px rgba(0, 0, 0, 0.75), inset 0 0 0 1px rgba(255, 255, 255, 0.1);
+}
+
+window#whiskermenu-window box.categories > button.radio {
+ padding: 3px 6px;
+ margin: 1px 0;
+}
+
+window#whiskermenu-window box.categories > button.radio:hover {
+ background-color: rgba(255, 255, 255, 0.12);
+}
+
+window#whiskermenu-window box.categories > button.radio:checked, window#whiskermenu-window box.categories > button.radio:active {
+ background-color: rgba(255, 255, 255, 0.3);
+ color: #FFFFFF;
+}
+
+window#whiskermenu-window box.categories > button.radio:checked:hover, window#whiskermenu-window box.categories > button.radio:active:hover {
+ background-image: none;
+}
+
+window#whiskermenu-window scrolledwindow.frame {
+ padding: 3px;
+ background-color: #2C2C2C;
+ border-radius: 6px;
+}
+
+window#whiskermenu-window scrolledwindow.frame treeview.view {
+ border-radius: 6px;
+}
+
+window#whiskermenu-window scrolledwindow.frame treeview.view:not(:hover):not(:selected) {
+ background: none;
+}
+
+window#whiskermenu-window scrolledwindow.frame treeview.view:selected:hover {
+ background-color: rgba(255, 255, 255, 0.12);
+ color: #FFFFFF;
+}
+
+window#whiskermenu-window .title-area > .commands-area > button.flat.command-button:checked, window#whiskermenu-window .title-area > .commands-area > button.flat.command-button:active {
+ background-color: rgba(255, 255, 255, 0.3);
+ color: #FFFFFF;
+}
+
+#XfceNotifyWindow {
+ box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 0 0 1px rgba(0, 0, 0, 0.75);
+}
+
+#XfceNotifyWindow buttonbox {
+ padding: 0;
+}
+
+#XfceNotifyWindow label#summary {
+ font-weight: bold;
+}
+
+#xfwm-tabwin {
+ padding: 12px;
+ border-radius: 6px;
+ -XfwmTabwinWidget-icon-size: 64px;
+ -XfwmTabwinWidget-preview-size: 64px;
+}
+
+/**********
+ * Thunar *
+ **********/
+.thunar toolbar {
+ box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12);
+}
+
+.thunar .standard-view.frame {
+ border-style: none;
+}
+
+.thunar .sidebar .view:not(:selected) {
+ background-color: transparent;
+}
+
+.thunar .path-bar.linked:not(.vertical) > button.path-bar-button {
+ margin-left: 2px;
+ margin-right: 2px;
+}
+
+.thunar statusbar {
+ margin: 0 -10px;
+ padding: 0 4px;
+ border-top: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane {
+ border-top: none;
+}
+
+window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane {
+ border-bottom-left-radius: 12px;
+}
+
+menubar.-vala-panel-appmenu-private,
+menubar.-vala-panel-background {
+ background: none;
+ border: none;
+ box-shadow: none;
+ animation: none;
+}
+
+menubar.-vala-panel-appmenu-private > menuitem,
+menubar.-vala-panel-background > menuitem {
+ color: rgba(255, 255, 255, 0.7);
+ font-weight: normal;
+}
+
+menubar.-vala-panel-appmenu-private > menuitem:hover,
+menubar.-vala-panel-background > menuitem:hover {
+ color: #FFFFFF;
+ border-radius: 0;
+}
+
+menubar.-vala-panel-appmenu-private > menuitem:disabled,
+menubar.-vala-panel-background > menuitem:disabled {
+ color: rgba(255, 255, 255, 0.3);
+}
+
+/************************
+ * LightDM GTK+ Greeter *
+ ************************/
+#panel_window {
+ background-color: #2C2C2C;
+ color: #FFFFFF;
+}
+
+#panel_window menubar,
+#panel_window separator {
+ background-color: transparent;
+}
+
+#panel_window separator {
+ padding: 0 4px;
+}
+
+#panel_window separator:first-child {
+ padding: 0 8px;
+}
+
+#panel_window menubar > menuitem {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+#panel_window menubar > menuitem:hover {
+ color: #FFFFFF;
+}
+
+#panel_window menubar > menuitem:disabled label {
+ color: rgba(255, 255, 255, 0.3);
+}
+
+#login_window,
+#shutdown_dialog,
+#restart_dialog {
+ margin: 8px;
+ border-radius: 6px;
+ box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.1);
+ background-color: #3C3C3C;
+}
+
+#content_frame {
+ padding-bottom: 16px;
+}
+
+#buttonbox_frame {
+ padding-top: 24px;
+}
+
+#buttonbox_frame > box,
+#buttonbox_frame > buttonbox {
+ margin: -16px;
+}
+
+#buttonbox_frame button:not(:disabled) {
+ color: #5b9bf8;
+}
+
+/********
+ * Nemo *
+ ********/
+.nemo-window .primary-toolbar {
+ background-color: #242424;
+ border-bottom: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+.nemo-window .primary-toolbar entry {
+ min-height: 0;
+ margin: 0;
+}
+
+.nemo-window .primary-toolbar > toolitem > .linked > button.image-button {
+ margin-left: 1px;
+ margin-right: 1px;
+}
+
+.nemo-window .primary-toolbar button.text-button {
+ padding-left: 8px;
+ padding-right: 8px;
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.nemo-window .primary-toolbar button.text-button:hover, .nemo-window .primary-toolbar button.text-button:active, .nemo-window .primary-toolbar button.text-button:checked {
+ color: #FFFFFF;
+}
+
+.nemo-window .primary-toolbar button.text-button:disabled {
+ color: rgba(255, 255, 255, 0.3);
+}
+
+.nemo-window .primary-toolbar button.text-button:backdrop {
+ color: rgba(255, 255, 255, 0.5);
+}
+
+.nemo-window .primary-toolbar .path-bar.linked:not(.vertical) > button {
+ margin-left: 1px;
+ margin-right: 1px;
+}
+
+.nemo-window .primary-toolbar .path-bar.linked:not(.vertical) > button.slider-button {
+ border-radius: 3px;
+}
+
+.nemo-window .primary-toolbar .path-bar.linked:not(.vertical) > button.slider-button:first-child {
+ border-top-left-radius: 6px;
+ border-bottom-left-radius: 6px;
+}
+
+.nemo-window .primary-toolbar .path-bar.linked:not(.vertical) > button.slider-button:last-child {
+ border-top-right-radius: 6px;
+ border-bottom-right-radius: 6px;
+}
+
+.nemo-window .primary-toolbar button:not(.text-button):not(.image-button) {
+ padding-left: 4px;
+ padding-right: 4px;
+}
+
+.nemo-window scrolledwindow.frame {
+ border-style: none;
+}
+
+.nemo-window scrolledwindow.frame .view:not(:selected) {
+ background-color: transparent;
+}
+
+.nemo-window .nemo-inactive-pane .view:not(:selected) {
+ background-color: #242424;
+}
+
+.nemo-window .nemo-window-pane widget.entry {
+ border-radius: 6px;
+ background-color: rgba(255, 255, 255, 0.04);
+}
+
+.places-treeview {
+ -NemoPlacesTreeView-disk-full-bg-color: #6b6b6b;
+ -NemoPlacesTreeView-disk-full-fg-color: #5b9bf8;
+ -NemoPlacesTreeView-disk-full-bar-width: 2px;
+ -NemoPlacesTreeView-disk-full-bar-radius: 0;
+ -NemoPlacesTreeView-disk-full-bottom-padding: 1px;
+ -NemoPlacesTreeView-disk-full-max-length: 80px;
+ padding-top: 3px;
+ padding-bottom: 3px;
+}
+
+/* GTK NAMED COLORS
+ ----------------
+ use responsibly! */
+/*
+widget text/foreground color */
+@define-color theme_fg_color #FFFFFF;
+/*
+text color for entries, views and content in general */
+@define-color theme_text_color #FFFFFF;
+/*
+widget base background color */
+@define-color theme_bg_color #2C2C2C;
+/*
+text widgets and the like base background color */
+@define-color theme_base_color #2C2C2C;
+/*
+base background color of selections */
+@define-color theme_selected_bg_color #5b9bf8;
+/*
+text/foreground color of selections */
+@define-color theme_selected_fg_color #FFFFFF;
+/*
+base background color of insensitive widgets */
+@define-color insensitive_bg_color #2C2C2C;
+/*
+text foreground color of insensitive widgets */
+@define-color insensitive_fg_color rgba(255, 255, 255, 0.5);
+/*
+insensitive text widgets and the like base background color */
+@define-color insensitive_base_color #242424;
+/*
+widget text/foreground color on backdrop windows */
+@define-color theme_unfocused_fg_color #FFFFFF;
+/*
+text color for entries, views and content in general on backdrop windows */
+@define-color theme_unfocused_text_color #FFFFFF;
+/*
+widget base background color on backdrop windows */
+@define-color theme_unfocused_bg_color #2C2C2C;
+/*
+text widgets and the like base background color on backdrop windows */
+@define-color theme_unfocused_base_color #2C2C2C;
+/*
+base background color of selections on backdrop windows */
+@define-color theme_unfocused_selected_bg_color #5b9bf8;
+/*
+text/foreground color of selections on backdrop windows */
+@define-color theme_unfocused_selected_fg_color #FFFFFF;
+/*
+insensitive color on backdrop windows */
+@define-color unfocused_insensitive_color rgba(255, 255, 255, 0.5);
+/*
+widgets main borders color */
+@define-color borders rgba(255, 255, 255, 0.12);
+/*
+widgets main borders color on backdrop windows */
+@define-color unfocused_borders rgba(255, 255, 255, 0.12);
+/*
+these are pretty self explicative */
+@define-color warning_color #FBC02D;
+@define-color error_color #F44336;
+@define-color success_color #66BB6A;
+/*
+these colors are exported for the window manager and shouldn't be used in applications,
+read if you used those and something break with a version upgrade you're on your own... */
+@define-color wm_title #FFFFFF;
+@define-color wm_unfocused_title rgba(255, 255, 255, 0.7);
+@define-color wm_highlight rgba(255, 255, 255, 0.1);
+@define-color wm_border #090909;
+@define-color wm_bg #242424;
+@define-color wm_unfocused_bg #2C2C2C;
+@define-color wm_button_icon white;
+@define-color wm_button_close_hover_bg #fd5f51;
+@define-color wm_button_close_active_bg #fc2714;
+@define-color wm_button_max_hover_bg #38c76a;
+@define-color wm_button_max_active_bg #2b9751;
+@define-color wm_button_min_hover_bg #fdbe04;
+@define-color wm_button_min_active_bg #c29102;
+/*
+FIXME this is really an API */
+@define-color content_view_bg #2C2C2C;
+@define-color placeholder_text_color silver;
+/* Very contrasty background for text views (@theme_text_color foreground) */
+@define-color text_view_bg #2C2C2C;
+@define-color budgie_tasklist_indicator_color white;
+@define-color budgie_tasklist_indicator_color_active white;
+@define-color budgie_tasklist_indicator_color_active_window #999999;
+@define-color budgie_tasklist_indicator_color_attention #FBC02D;
+@define-color STRAWBERRY_100 #FF9262;
+@define-color STRAWBERRY_300 #FF793E;
+@define-color STRAWBERRY_500 #F15D22;
+@define-color STRAWBERRY_700 #CF3B00;
+@define-color STRAWBERRY_900 #AC1800;
+@define-color ORANGE_100 #FFDB91;
+@define-color ORANGE_300 #FFCA40;
+@define-color ORANGE_500 #FAA41A;
+@define-color ORANGE_700 #DE8800;
+@define-color ORANGE_900 #C26C00;
+@define-color BANANA_100 #FFFFA8;
+@define-color BANANA_300 #FFFA7D;
+@define-color BANANA_500 #FFCE51;
+@define-color BANANA_700 #D1A023;
+@define-color BANANA_900 #A27100;
+@define-color LIME_100 #A2F3BE;
+@define-color LIME_300 #8ADBA6;
+@define-color LIME_500 #73C48F;
+@define-color LIME_700 #479863;
+@define-color LIME_900 #1C6D38;
+@define-color BLUEBERRY_100 #94A6FF;
+@define-color BLUEBERRY_300 #6A7CE0;
+@define-color BLUEBERRY_500 #3F51B5;
+@define-color BLUEBERRY_700 #213397;
+@define-color BLUEBERRY_900 #031579;
+@define-color GRAPE_100 #D25DE6;
+@define-color GRAPE_300 #B84ACB;
+@define-color GRAPE_500 #9C27B0;
+@define-color GRAPE_700 #830E97;
+@define-color GRAPE_900 #6A007E;
+@define-color COCOA_100 #9F9792;
+@define-color COCOA_300 #7B736E;
+@define-color COCOA_500 #574F4A;
+@define-color COCOA_700 #463E39;
+@define-color COCOA_900 #342C27;
+@define-color SILVER_100 #EEE;
+@define-color SILVER_300 #CCC;
+@define-color SILVER_500 #AAA;
+@define-color SILVER_700 #888;
+@define-color SILVER_900 #666;
+@define-color SLATE_100 #888;
+@define-color SLATE_300 #666;
+@define-color SLATE_500 #444;
+@define-color SLATE_700 #222;
+@define-color SLATE_900 #111;
+@define-color BLACK_100 #474341;
+@define-color BLACK_300 #403C3A;
+@define-color BLACK_500 #393634;
+@define-color BLACK_700 #33302F;
+@define-color BLACK_900 #2B2928;
diff --git a/src/main/gtk-3.0/gtk-dark.scss b/src/main/gtk-3.0/gtk-Dark.scss
similarity index 100%
rename from src/main/gtk-3.0/gtk-dark.scss
rename to src/main/gtk-3.0/gtk-Dark.scss
diff --git a/src/main/gtk-3.0/gtk-Light.css b/src/main/gtk-3.0/gtk-Light.css
new file mode 100644
index 00000000..6e78d057
--- /dev/null
+++ b/src/main/gtk-3.0/gtk-Light.css
@@ -0,0 +1,8012 @@
+@keyframes ripple {
+ to {
+ background-size: 1000% 1000%;
+ }
+}
+
+@keyframes ripple-on-slider {
+ to {
+ background-size: auto, 1000% 1000%;
+ }
+}
+
+@keyframes ripple-on-headerbar {
+ from {
+ background-image: radial-gradient(circle, #3c84f7 0%, transparent 0%);
+ }
+ to {
+ background-image: radial-gradient(circle, #3c84f7 100%, transparent 0%);
+ }
+}
+
+* {
+ background-clip: padding-box;
+ -GtkToolButton-icon-spacing: 0;
+ -GtkTextView-error-underline-color: #E53935;
+ -GtkScrolledWindow-scrollbar-spacing: 0;
+ -GtkToolItemGroup-expander-size: 11;
+ -GtkWidget-text-handle-width: 24;
+ -GtkWidget-text-handle-height: 24;
+ -GtkDialog-button-spacing: 6;
+ -GtkDialog-action-area-border: 6;
+ outline-style: solid;
+ outline-width: 2px;
+ outline-color: transparent;
+ outline-offset: -4px;
+ -gtk-outline-radius: 6px;
+ -gtk-secondary-caret-color: #3c84f7;
+}
+
+*:focus {
+ outline-color: alpha(currentColor, 0.1);
+}
+
+XfdesktopIconView.view:active, calendar.raven-calendar:selected, box.vertical > widget > widget:selected, calendar:selected, .csd treeview.view:selected, modelbutton.flat:selected,
+.menuitem.button.flat:selected, .background.csd .view:selected {
+ color: rgba(0, 0, 0, 0.87);
+ background-color: alpha(currentColor, 0.1);
+}
+
+.nemo-window .view selection, .nemo-window .view:selected, .nautilus-window notebook .view:not(treeview) selection, .nautilus-window notebook .view:not(treeview):selected, .nautilus-window flowboxchild:selected .icon-item-background, flowbox flowboxchild:selected {
+ color: #3c84f7;
+ background-color: rgba(60, 132, 247, 0.2);
+}
+
+.nemo-window .nemo-window-pane widget.entry:selected, window.background.csd evview.view.content-view:selected, window.background.csd evview.view.content-view:selected:backdrop, .nautilus-window.background.csd notebook widget.view:selected, spinbutton.vertical selection, spinbutton:not(.vertical) selection,
+entry selection, label selection, textview text selection:focus, textview text selection, widget.view:selected, .view:selected {
+ color: #FFFFFF;
+ background-color: #3c84f7;
+}
+
+.linked:not(.vertical) > button, .linked:not(.vertical) > spinbutton.vertical, .linked:not(.vertical) > spinbutton:not(.vertical), .linked:not(.vertical) > entry {
+ border-radius: 0;
+}
+
+.linked:not(.vertical) > button:first-child, .linked:not(.vertical) > spinbutton.vertical:first-child, .linked:not(.vertical) > spinbutton:first-child:not(.vertical), .linked:not(.vertical) > entry:first-child {
+ border-top-left-radius: 6px;
+ border-bottom-left-radius: 6px;
+}
+
+.linked:not(.vertical) > button:last-child, .linked:not(.vertical) > spinbutton.vertical:last-child, .linked:not(.vertical) > spinbutton:last-child:not(.vertical), .linked:not(.vertical) > entry:last-child {
+ border-top-right-radius: 6px;
+ border-bottom-right-radius: 6px;
+}
+
+.linked:not(.vertical) > button:only-child, .linked:not(.vertical) > spinbutton.vertical:only-child, .linked:not(.vertical) > spinbutton:only-child:not(.vertical), .linked:not(.vertical) > entry:only-child {
+ border-radius: 6px;
+}
+
+.linked.vertical > button, .linked.vertical > spinbutton.vertical, .linked.vertical > spinbutton:not(.vertical), .linked.vertical > entry {
+ border-radius: 0;
+}
+
+.linked.vertical > button:first-child, .linked.vertical > spinbutton.vertical:first-child, .linked.vertical > spinbutton:first-child:not(.vertical), .linked.vertical > entry:first-child {
+ border-top-left-radius: 6px;
+ border-top-right-radius: 6px;
+}
+
+.linked.vertical > button:last-child, .linked.vertical > spinbutton.vertical:last-child, .linked.vertical > spinbutton:last-child:not(.vertical), .linked.vertical > entry:last-child {
+ border-bottom-left-radius: 6px;
+ border-bottom-right-radius: 6px;
+}
+
+.linked.vertical > button:only-child, .linked.vertical > spinbutton.vertical:only-child, .linked.vertical > spinbutton:only-child:not(.vertical), .linked.vertical > entry:only-child {
+ border-radius: 6px;
+}
+
+/***************
+ * Base States *
+ ***************/
+.background {
+ background-color: #FFFFFF;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.background.csd {
+ border-radius: 0 0 12px 12px;
+}
+
+.background.maximized, .background.solid-csd {
+ border-radius: 0;
+}
+
+*:disabled {
+ -gtk-icon-effect: dim;
+}
+
+.gtkstyle-fallback {
+ background-color: #FFFFFF;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.gtkstyle-fallback:hover {
+ background-color: #f2f2f2;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.gtkstyle-fallback:active {
+ background-color: #e6e6e6;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.gtkstyle-fallback:disabled {
+ background-color: #FFFFFF;
+ color: rgba(0, 0, 0, 0.38);
+}
+
+.gtkstyle-fallback:selected {
+ background-color: #3c84f7;
+ color: #FFFFFF;
+}
+
+.view {
+ background-color: #FFFFFF;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.view:hover {
+ box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+.view:disabled {
+ color: rgba(0, 0, 0, 0.38);
+}
+
+.view:selected:hover {
+ box-shadow: none;
+}
+
+window.background.csd > stack.view {
+ border-radius: 0 0 12px 12px;
+}
+
+textview text {
+ background-color: #FFFFFF;
+}
+
+textview border {
+ background-color: #FAFAFA;
+ color: rgba(0, 0, 0, 0.6);
+}
+
+iconview:hover, iconview:selected {
+ border-radius: 6px;
+}
+
+.rubberband,
+rubberband,
+XfdesktopIconView.view .rubberband,
+.content-view rubberband,
+.content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view .rubberband,
+.content-view treeview.view rubberband,
+.content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view .rubberband,
+treeview.view .content-view rubberband,
+treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view treeview.view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox treeview.view .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox treeview.view .content-view .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+.content-view .rubberband,
+treeview.view rubberband,
+treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .rubberband,
+treeview.view .content-view rubberband,
+treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view .rubberband,
+.content-view treeview.view rubberband,
+.content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+treeview.view .content-view .rubberband,
+.content-view treeview.view .rubberband,
+treeview.view flowbox rubberband,
+treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view .content-view flowbox rubberband,
+treeview.view .content-view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view flowbox .rubberband,
+treeview.view .content-view flowbox treeview.view rubberband,
+treeview.view .content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view flowbox treeview.view .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+flowbox treeview.view rubberband,
+flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox .content-view treeview.view rubberband,
+flowbox .content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view .rubberband,
+flowbox .content-view treeview.view flowbox rubberband,
+flowbox .content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view flowbox .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+flowbox rubberband,
+flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .rubberband,
+flowbox .content-view treeview.view rubberband,
+flowbox .content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+treeview.view .content-view flowbox rubberband,
+treeview.view .content-view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+flowbox treeview.view rubberband,
+flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox .content-view treeview.view rubberband,
+flowbox .content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view .rubberband,
+flowbox .content-view treeview.view flowbox rubberband,
+flowbox .content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view flowbox .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+treeview.view flowbox rubberband,
+treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view .content-view flowbox rubberband,
+treeview.view .content-view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view flowbox .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband {
+ border: 1px solid #3c84f7;
+ background-color: rgba(60, 132, 247, 0.3);
+}
+
+flowbox flowboxchild {
+ padding: 4px;
+ border-radius: 6px;
+}
+
+.content-view .tile:selected {
+ background-color: transparent;
+}
+
+label {
+ caret-color: currentColor;
+}
+
+label.separator {
+ color: rgba(0, 0, 0, 0.6);
+}
+
+label:disabled {
+ color: rgba(0, 0, 0, 0.38);
+}
+
+headerbar label:disabled, tab label:disabled, button label:disabled {
+ color: inherit;
+}
+
+label.osd {
+ border-radius: 6px;
+ background-color: rgba(52, 52, 52, 0.9);
+ color: #FFFFFF;
+}
+
+.dim-label {
+ color: rgba(0, 0, 0, 0.6);
+}
+
+assistant .sidebar {
+ padding: 4px 0;
+}
+
+assistant .sidebar label {
+ min-height: 36px;
+ padding: 0 12px;
+ color: rgba(0, 0, 0, 0.38);
+ font-weight: 500;
+}
+
+assistant .sidebar label.highlight {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+/*********************
+ * Spinner Animation *
+ *********************/
+@keyframes spin {
+ to {
+ -gtk-icon-transform: rotate(1turn);
+ }
+}
+
+spinner {
+ background: none;
+ opacity: 0;
+ -gtk-icon-source: -gtk-icontheme("process-working-symbolic");
+}
+
+spinner:checked {
+ opacity: 1;
+ animation: spin 1s linear infinite;
+}
+
+spinner:checked:disabled {
+ opacity: 0.5;
+}
+
+/****************
+ * Text Entries *
+ ****************/
+spinbutton.vertical, spinbutton:not(.vertical),
+entry {
+ min-height: 36px;
+ padding: 0 8px;
+ border-radius: 6px;
+ caret-color: currentColor;
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+ box-shadow: inset 0 0 0 2px transparent;
+ background-color: rgba(0, 0, 0, 0.04);
+ color: rgba(0, 0, 0, 0.87);
+}
+
+spinbutton.vertical:focus, spinbutton:focus:not(.vertical),
+entry:focus {
+ background-color: rgba(0, 0, 0, 0.04);
+ box-shadow: inset 0 0 0 2px #3c84f7;
+}
+
+spinbutton.vertical:drop(active), spinbutton:drop(active):not(.vertical),
+entry:drop(active) {
+ background-color: alpha(currentColor, 0.08);
+ box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+}
+
+spinbutton.vertical:disabled, spinbutton:disabled:not(.vertical),
+entry:disabled {
+ box-shadow: inset 0 0 0 2px transparent;
+ background-color: rgba(0, 0, 0, 0.04);
+ color: rgba(0, 0, 0, 0.38);
+}
+
+spinbutton.flat.vertical, spinbutton.flat:not(.vertical),
+entry.flat {
+ min-height: 0;
+ padding: 2px;
+ border-radius: 0;
+ background-color: transparent;
+}
+
+spinbutton.vertical image, spinbutton:not(.vertical) image,
+entry image {
+ color: rgba(0, 0, 0, 0.6);
+}
+
+spinbutton.vertical image:hover, spinbutton:not(.vertical) image:hover, spinbutton.vertical image:active, spinbutton:not(.vertical) image:active,
+entry image:hover,
+entry image:active {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+spinbutton.vertical image:disabled, spinbutton:not(.vertical) image:disabled,
+entry image:disabled {
+ color: rgba(0, 0, 0, 0.38);
+}
+
+spinbutton.vertical image.left, spinbutton:not(.vertical) image.left,
+entry image.left {
+ margin-left: 2px;
+ margin-right: 6px;
+}
+
+spinbutton.vertical image.right, spinbutton:not(.vertical) image.right,
+entry image.right {
+ margin-left: 6px;
+ margin-right: 2px;
+}
+
+spinbutton.vertical undershoot.left, spinbutton:not(.vertical) undershoot.left,
+entry undershoot.left {
+ background-color: transparent;
+ background-image: linear-gradient(to top, transparent 50%, rgba(0, 0, 0, 0.26) 50%);
+ padding-left: 1px;
+ background-size: 1px 12px;
+ background-repeat: repeat-y;
+ background-origin: content-box;
+ background-position: left top;
+ margin: 0 4px;
+ margin: 4px 0;
+}
+
+spinbutton.vertical undershoot.right, spinbutton:not(.vertical) undershoot.right,
+entry undershoot.right {
+ background-color: transparent;
+ background-image: linear-gradient(to top, transparent 50%, rgba(0, 0, 0, 0.26) 50%);
+ padding-right: 1px;
+ background-size: 1px 12px;
+ background-repeat: repeat-y;
+ background-origin: content-box;
+ background-position: right top;
+ margin: 0 4px;
+ margin: 4px 0;
+}
+
+spinbutton.error.vertical, spinbutton.error:not(.vertical),
+entry.error {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+ box-shadow: inset 0 0 0 2px transparent;
+ background-color: rgba(0, 0, 0, 0.04);
+ color: rgba(0, 0, 0, 0.87);
+}
+
+spinbutton.error.vertical:focus, spinbutton.error:focus:not(.vertical),
+entry.error:focus {
+ background-color: rgba(0, 0, 0, 0.04);
+ box-shadow: inset 0 0 0 2px #E53935;
+}
+
+spinbutton.error.vertical:disabled, spinbutton.error:disabled:not(.vertical),
+entry.error:disabled {
+ box-shadow: inset 0 0 0 2px transparent;
+ background-color: rgba(0, 0, 0, 0.04);
+ color: rgba(0, 0, 0, 0.38);
+}
+
+spinbutton.warning.vertical, spinbutton.warning:not(.vertical),
+entry.warning {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+ box-shadow: inset 0 0 0 2px transparent;
+ background-color: rgba(0, 0, 0, 0.04);
+ color: rgba(0, 0, 0, 0.87);
+}
+
+spinbutton.warning.vertical:focus, spinbutton.warning:focus:not(.vertical),
+entry.warning:focus {
+ background-color: rgba(0, 0, 0, 0.04);
+ box-shadow: inset 0 0 0 2px #FFD600;
+}
+
+spinbutton.warning.vertical:disabled, spinbutton.warning:disabled:not(.vertical),
+entry.warning:disabled {
+ box-shadow: inset 0 0 0 2px transparent;
+ background-color: rgba(0, 0, 0, 0.04);
+ color: rgba(0, 0, 0, 0.38);
+}
+
+spinbutton.vertical progress, spinbutton:not(.vertical) progress,
+entry progress {
+ margin: 2px -8px;
+ border-bottom: 2px solid #3c84f7;
+ background-color: transparent;
+}
+
+treeview entry.flat, treeview entry {
+ background-color: #FFFFFF;
+}
+
+treeview entry.flat, treeview entry.flat:focus, treeview entry, treeview entry:focus {
+ border-image: none;
+ box-shadow: none;
+}
+
+.entry-tag, .photos-entry-tag, .documents-entry-tag {
+ margin: 2px;
+ border-radius: 9999px;
+ box-shadow: none;
+ background-color: rgba(0, 0, 0, 0.12);
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.entry-tag:hover, .photos-entry-tag:hover, .documents-entry-tag:hover {
+ background-image: image(alpha(currentColor, 0.08));
+}
+
+:dir(ltr) .entry-tag, :dir(ltr) .photos-entry-tag, :dir(ltr) .documents-entry-tag {
+ margin-left: 4px;
+ margin-right: 0;
+ padding-left: 12px;
+ padding-right: 8px;
+}
+
+:dir(rtl) .entry-tag, :dir(rtl) .photos-entry-tag, :dir(rtl) .documents-entry-tag {
+ margin-left: 0;
+ margin-right: 4px;
+ padding-left: 8px;
+ padding-right: 12px;
+}
+
+.entry-tag.button, .button.photos-entry-tag, .button.documents-entry-tag {
+ box-shadow: none;
+ background-color: transparent;
+}
+
+.entry-tag.button:not(:hover):not(:active), .button.photos-entry-tag:not(:hover):not(:active), .button.documents-entry-tag:not(:hover):not(:active) {
+ color: rgba(0, 0, 0, 0.6);
+}
+
+/***********
+ * Buttons *
+ ***********/
+@keyframes needs-attention {
+ from {
+ background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#3c84f7), to(transparent));
+ }
+ to {
+ background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#3c84f7), to(transparent));
+ }
+}
+
+.xfce4-panel.background button, .raven-mpris button.image-button, .mate-panel-menu-bar button, infobar.warning > revealer > box button, infobar.warning:backdrop > revealer > box button {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.xfce4-panel.background button:focus, .raven-mpris button.image-button:focus, .mate-panel-menu-bar button:focus, infobar.warning > revealer > box button:focus, .xfce4-panel.background button:hover, .raven-mpris button.image-button:hover, .mate-panel-menu-bar button:hover, infobar.warning > revealer > box button:hover, .xfce4-panel.background button:active, .raven-mpris button.image-button:active, .mate-panel-menu-bar button:active, infobar.warning > revealer > box button:active, .xfce4-panel.background button:checked, .raven-mpris button.image-button:checked, .mate-panel-menu-bar button:checked, infobar.warning > revealer > box button:checked {
+ color: #FFFFFF;
+}
+
+.xfce4-panel.background button:disabled, .raven-mpris button.image-button:disabled, .mate-panel-menu-bar button:disabled, infobar.warning > revealer > box button:disabled {
+ color: rgba(255, 255, 255, 0.3);
+}
+
+.xfce4-panel.background button:checked:disabled, .raven-mpris button.image-button:checked:disabled, .mate-panel-menu-bar button:checked:disabled, infobar.warning > revealer > box button:checked:disabled {
+ color: rgba(255, 255, 255, 0.5);
+}
+
+actionbar > revealer > box .linked > button:not(.suggested-action):not(.destructive-action), button {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+ outline: none;
+ box-shadow: inset 0 0 0 9999px transparent;
+ background-color: rgba(0, 0, 0, 0.04);
+ background-image: radial-gradient(circle, transparent 10%, transparent 0%);
+ background-repeat: no-repeat;
+ background-position: center;
+ background-size: 1000% 1000%;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+actionbar > revealer > box .linked > button:focus:not(.suggested-action):not(.destructive-action), button:focus {
+ box-shadow: 0 0 0 2px rgba(60, 132, 247, 0.35);
+}
+
+actionbar > revealer > box .linked > button:hover:not(.suggested-action):not(.destructive-action), button:hover {
+ box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+actionbar > revealer > box .linked > button:active:not(.suggested-action):not(.destructive-action), button:active {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms, border 0ms;
+ animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+ box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+ background-image: radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%);
+ background-size: 0% 0%;
+}
+
+actionbar > revealer > box .linked > button:disabled:not(.suggested-action):not(.destructive-action), button:disabled {
+ box-shadow: none;
+ background-color: rgba(0, 0, 0, 0.04);
+ color: rgba(0, 0, 0, 0.38);
+}
+
+actionbar > revealer > box .linked > button:checked:not(.suggested-action):not(.destructive-action), button:checked {
+ background-color: #3c84f7;
+ color: #FFFFFF;
+}
+
+actionbar > revealer > box .linked > button:checked:hover:not(.suggested-action):not(.destructive-action), button:checked:hover {
+ box-shadow: inset 0 0 0 9999px transparent;
+}
+
+actionbar > revealer > box .linked > button:checked:disabled:not(.suggested-action):not(.destructive-action), button:checked:disabled {
+ box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.1);
+ background-color: rgba(0, 0, 0, 0.04);
+ color: rgba(0, 0, 0, 0.38);
+}
+
+.raven .expander-button, window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle,
+window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem button.flat.scale, window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button,
+window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button,
+window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button,
+window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, .nautilus-window headerbar revealer > button, button.titlebutton:not(.suggested-action):not(.destructive-action), filechooser #pathbarbox > stack > box > button, button.close, button.circular, .inline-toolbar button:not(.text-button) {
+ border-radius: 9999px;
+}
+
+.raven .expander-button label, window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle label,
+window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:not(.toggle):not(.raised):not(.flat) label, window.background > box.vertical > toolbar.primary-toolbar > toolitem button.flat.scale label, window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised label, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button label,
+window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button label,
+window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button label,
+window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button label, .nautilus-window headerbar revealer > button label, button.titlebutton:not(.suggested-action):not(.destructive-action) label, filechooser #pathbarbox > stack > box > button label, button.close label, button.circular label, .inline-toolbar button:not(.text-button) label {
+ padding: 0;
+}
+
+.pluma-window paned.horizontal box.vertical box.horizontal button.flat, .gedit-document-panel row button.flat, .nautilus-window .floating-bar button, placessidebar.sidebar row button.sidebar-button, notebook > header tab button.flat, spinbutton.vertical button, spinbutton:not(.vertical) button {
+ min-height: 24px;
+ min-width: 24px;
+ padding: 0;
+ border-radius: 9999px;
+}
+
+button {
+ min-height: 24px;
+ min-width: 16px;
+ padding: 6px 10px;
+ border-radius: 6px;
+ font-weight: 500;
+}
+
+button:drop(active) {
+ box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+.budgie-session-dialog .linked.horizontal > button,
+.budgie-polkit-dialog .linked.horizontal > button,
+.budgie-run-dialog .linked.horizontal > button, .drop-shadow button, .budgie-panel button, .budgie-popover row button, .budgie-settings-window buttonbox.inline-toolbar button, #mate-menu button, #MatePanelPopupWindow button, popover.messagepopover .popover-action-area button, tabbox > tab button, placessidebar.sidebar row button.sidebar-button, calendar.button, .budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable button.circular, treeview.view header button button.circular, row.activatable button.circular, scrollbar button, notebook > header > tabs > arrow, spinbutton.vertical button, spinbutton:not(.vertical) button, modelbutton.flat,
+.menuitem.button.flat, .nemo-window .toolbar button, #buttonbox_frame button, .xfce4-panel.background button, .raven stackswitcher.linked > button, .budgie-popover.budgie-menu scrolledwindow.sidebar.categories button.flat.radio.category-button, .lock-dialog button, .mate-panel-menu-bar button, window.background.csd.geary-main-window stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button,
+window#GearyMainWindow.background.csd stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button, layouttabbar button, filechooser #pathbarbox > stack > box > button, messagedialog .dialog-action-box button, messagedialog .dialog-action-box .linked:not(.vertical) > button, .app-notification button, actionbar > revealer > box button:not(.suggested-action):not(.destructive-action), popover.background.menu button,
+popover.background button.model, .nemo-window .primary-toolbar button:not(.text-button), headerbar button:not(.suggested-action):not(.destructive-action), toolbar button, combobox > .linked:not(.vertical) > button:not(:only-child), button.flat {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+ outline: none;
+ box-shadow: inset 0 0 0 9999px transparent;
+ background-color: transparent;
+ background-image: radial-gradient(circle, transparent 10%, transparent 0%);
+ background-repeat: no-repeat;
+ background-position: center;
+ background-size: 1000% 1000%;
+ color: rgba(0, 0, 0, 0.6);
+}
+
+.budgie-session-dialog .linked.horizontal > button:focus,
+.budgie-polkit-dialog .linked.horizontal > button:focus,
+.budgie-run-dialog .linked.horizontal > button:focus, .drop-shadow button:focus, .budgie-panel button:focus, .budgie-popover row button:focus, .budgie-settings-window buttonbox.inline-toolbar button:focus, #mate-menu button:focus, #MatePanelPopupWindow button:focus, popover.messagepopover .popover-action-area button:focus, tabbox > tab button:focus, placessidebar.sidebar row button.sidebar-button:focus, calendar.button:focus, .budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable button.circular:focus, treeview.view header button button.circular:focus, row.activatable button.circular:focus, scrollbar button:focus, notebook > header > tabs > arrow:focus, spinbutton.vertical button:focus, spinbutton:not(.vertical) button:focus, modelbutton.flat:focus,
+.menuitem.button.flat:focus, .nemo-window .toolbar button:focus, #buttonbox_frame button:focus, .xfce4-panel.background button:focus, .raven stackswitcher.linked > button:focus, .budgie-popover.budgie-menu scrolledwindow.sidebar.categories button.flat.radio.category-button:focus, .lock-dialog button:focus, .mate-panel-menu-bar button:focus, window.background.csd.geary-main-window stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:focus,
+window#GearyMainWindow.background.csd stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:focus, layouttabbar button:focus, filechooser #pathbarbox > stack > box > button:focus, messagedialog .dialog-action-box button:focus, messagedialog .dialog-action-box .linked:not(.vertical) > button:focus, .app-notification button:focus, actionbar > revealer > box button:focus:not(.suggested-action):not(.destructive-action), popover.background.menu button:focus,
+popover.background button.model:focus, .nemo-window .primary-toolbar button:focus:not(.text-button), headerbar button:focus:not(.suggested-action):not(.destructive-action), toolbar button:focus, combobox > .linked:not(.vertical) > button:focus:not(:only-child), button.flat:focus {
+ box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.budgie-session-dialog .linked.horizontal > button:hover,
+.budgie-polkit-dialog .linked.horizontal > button:hover,
+.budgie-run-dialog .linked.horizontal > button:hover, .drop-shadow button:hover, .budgie-panel button:hover, .budgie-popover row button:hover, .budgie-settings-window buttonbox.inline-toolbar button:hover, #mate-menu button:hover, #MatePanelPopupWindow button:hover, popover.messagepopover .popover-action-area button:hover, tabbox > tab button:hover, placessidebar.sidebar row button.sidebar-button:hover, calendar.button:hover, .budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable button.circular:hover, treeview.view header button button.circular:hover, row.activatable button.circular:hover, scrollbar button:hover, notebook > header > tabs > arrow:hover, spinbutton.vertical button:hover, spinbutton:not(.vertical) button:hover, modelbutton.flat:hover,
+.menuitem.button.flat:hover, .nemo-window .toolbar button:hover, #buttonbox_frame button:hover, .xfce4-panel.background button:hover, .raven stackswitcher.linked > button:hover, .budgie-popover.budgie-menu scrolledwindow.sidebar.categories button.flat.radio.category-button:hover, .lock-dialog button:hover, .mate-panel-menu-bar button:hover, window.background.csd.geary-main-window stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:hover,
+window#GearyMainWindow.background.csd stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:hover, layouttabbar button:hover, filechooser #pathbarbox > stack > box > button:hover, messagedialog .dialog-action-box button:hover, messagedialog .dialog-action-box .linked:not(.vertical) > button:hover, .app-notification button:hover, actionbar > revealer > box button:hover:not(.suggested-action):not(.destructive-action), popover.background.menu button:hover,
+popover.background button.model:hover, .nemo-window .primary-toolbar button:hover:not(.text-button), headerbar button:hover:not(.suggested-action):not(.destructive-action), toolbar button:hover, combobox > .linked:not(.vertical) > button:hover:not(:only-child), button.flat:hover {
+ box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.budgie-session-dialog .linked.horizontal > button:active,
+.budgie-polkit-dialog .linked.horizontal > button:active,
+.budgie-run-dialog .linked.horizontal > button:active, .drop-shadow button:active, .budgie-panel button:active, .budgie-popover row button:active, .budgie-settings-window buttonbox.inline-toolbar button:active, #mate-menu button:active, #MatePanelPopupWindow button:active, popover.messagepopover .popover-action-area button:active, tabbox > tab button:active, placessidebar.sidebar row button.sidebar-button:active, calendar.button:active, .budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable button.circular:active, treeview.view header button button.circular:active, row.activatable button.circular:active, scrollbar button:active, notebook > header > tabs > arrow:active, spinbutton.vertical button:active, spinbutton:not(.vertical) button:active, modelbutton.flat:active,
+.menuitem.button.flat:active, .nemo-window .toolbar button:active, #buttonbox_frame button:active, .xfce4-panel.background button:active, .raven stackswitcher.linked > button:active, .budgie-popover.budgie-menu scrolledwindow.sidebar.categories button.flat.radio.category-button:active, .lock-dialog button:active, .mate-panel-menu-bar button:active, window.background.csd.geary-main-window stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:active,
+window#GearyMainWindow.background.csd stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:active, layouttabbar button:active, filechooser #pathbarbox > stack > box > button:active, messagedialog .dialog-action-box button:active, messagedialog .dialog-action-box .linked:not(.vertical) > button:active, .app-notification button:active, actionbar > revealer > box button:active:not(.suggested-action):not(.destructive-action), popover.background.menu button:active,
+popover.background button.model:active, .nemo-window .primary-toolbar button:active:not(.text-button), headerbar button:active:not(.suggested-action):not(.destructive-action), toolbar button:active, combobox > .linked:not(.vertical) > button:active:not(:only-child), button.flat:active {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms;
+ animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+ box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+ background-image: radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%);
+ background-size: 0% 0%;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.budgie-session-dialog .linked.horizontal > button:disabled,
+.budgie-polkit-dialog .linked.horizontal > button:disabled,
+.budgie-run-dialog .linked.horizontal > button:disabled, .drop-shadow button:disabled, .budgie-panel button:disabled, .budgie-popover row button:disabled, .budgie-settings-window buttonbox.inline-toolbar button:disabled, #mate-menu button:disabled, #MatePanelPopupWindow button:disabled, popover.messagepopover .popover-action-area button:disabled, tabbox > tab button:disabled, placessidebar.sidebar row button.sidebar-button:disabled, calendar.button:disabled, .budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable button.circular:disabled, treeview.view header button button.circular:disabled, row.activatable button.circular:disabled, scrollbar button:disabled, notebook > header > tabs > arrow:disabled, spinbutton.vertical button:disabled, spinbutton:not(.vertical) button:disabled, modelbutton.flat:disabled,
+.menuitem.button.flat:disabled, .nemo-window .toolbar button:disabled, #buttonbox_frame button:disabled, .xfce4-panel.background button:disabled, .raven stackswitcher.linked > button:disabled, .budgie-popover.budgie-menu scrolledwindow.sidebar.categories button.flat.radio.category-button:disabled, .lock-dialog button:disabled, .mate-panel-menu-bar button:disabled, window.background.csd.geary-main-window stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:disabled,
+window#GearyMainWindow.background.csd stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:disabled, layouttabbar button:disabled, filechooser #pathbarbox > stack > box > button:disabled, messagedialog .dialog-action-box button:disabled, messagedialog .dialog-action-box .linked:not(.vertical) > button:disabled, .app-notification button:disabled, actionbar > revealer > box button:disabled:not(.suggested-action):not(.destructive-action), popover.background.menu button:disabled,
+popover.background button.model:disabled, .nemo-window .primary-toolbar button:disabled:not(.text-button), headerbar button:disabled:not(.suggested-action):not(.destructive-action), toolbar button:disabled, combobox > .linked:not(.vertical) > button:disabled:not(:only-child), button.flat:disabled {
+ box-shadow: none;
+ background-color: transparent;
+ color: rgba(0, 0, 0, 0.26);
+}
+
+.nemo-window .toolbar button:checked, #buttonbox_frame button:checked, .xfce4-panel.background button:checked, .raven stackswitcher.linked > button:checked, .budgie-popover.budgie-menu scrolledwindow.sidebar.categories button.flat.radio.category-button:checked, .lock-dialog button:checked, .mate-panel-menu-bar button:checked, window.background.csd.geary-main-window stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:checked,
+window#GearyMainWindow.background.csd stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:checked, layouttabbar button:checked, filechooser #pathbarbox > stack > box > button:checked, messagedialog .dialog-action-box button:checked, messagedialog .dialog-action-box .linked:not(.vertical) > button:checked, .app-notification button:checked, actionbar > revealer > box button:checked:not(.suggested-action):not(.destructive-action), popover.background.menu button:checked,
+popover.background button.model:checked, .nemo-window .primary-toolbar button:checked:not(.text-button), headerbar button:checked:not(.suggested-action):not(.destructive-action), toolbar button:checked, combobox > .linked:not(.vertical) > button:checked:not(:only-child), button.flat:checked, button.flat:checked:hover {
+ background-color: alpha(currentColor, 0.1);
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.nemo-window .toolbar button:checked:disabled, #buttonbox_frame button:checked:disabled, .xfce4-panel.background button:checked:disabled, .raven stackswitcher.linked > button:checked:disabled, .budgie-popover.budgie-menu scrolledwindow.sidebar.categories button.flat.radio.category-button:checked:disabled, .lock-dialog button:checked:disabled, .mate-panel-menu-bar button:checked:disabled, window.background.csd.geary-main-window stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:checked:disabled,
+window#GearyMainWindow.background.csd stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:checked:disabled, layouttabbar button:checked:disabled, filechooser #pathbarbox > stack > box > button:checked:disabled, messagedialog .dialog-action-box button:checked:disabled, .app-notification button:checked:disabled, actionbar > revealer > box button:checked:disabled:not(.suggested-action):not(.destructive-action), popover.background.menu button:checked:disabled,
+popover.background button.model:checked:disabled, .nemo-window .primary-toolbar button:checked:disabled:not(.text-button), headerbar button:checked:disabled:not(.suggested-action):not(.destructive-action), toolbar button:checked:disabled, combobox > .linked:not(.vertical) > button:checked:disabled:not(:only-child), button.flat:checked:disabled {
+ background-color: alpha(currentColor, 0.1);
+ color: rgba(0, 0, 0, 0.38);
+}
+
+button.text-button {
+ min-width: 32px;
+ padding-left: 16px;
+ padding-right: 16px;
+}
+
+button.image-button {
+ min-width: 24px;
+ padding: 6px;
+}
+
+button.text-button.image-button {
+ min-width: 24px;
+ padding: 6px;
+ border-radius: 6px;
+}
+
+button.text-button.image-button label:first-child {
+ margin-left: 10px;
+}
+
+button.text-button.image-button label:last-child {
+ margin-right: 10px;
+}
+
+button.text-button.image-button.flat label:first-child {
+ margin-left: 6px;
+}
+
+button.text-button.image-button.flat label:last-child {
+ margin-right: 6px;
+}
+
+button.text-button.image-button image:not(:only-child) {
+ margin: 0 4px;
+}
+
+.linked:not(.vertical) > button.flat:not(:only-child), .linked.vertical > button.flat:not(:only-child) {
+ border-radius: 6px;
+}
+
+.linked:not(.vertical) > button.flat:not(:only-child).image-button:not(.text-button), .linked.vertical > button.flat:not(:only-child).image-button:not(.text-button) {
+ border-radius: 9999px;
+}
+
+button.osd {
+ min-width: 24px;
+ min-width: 24px;
+ padding: 12px 16px;
+ background-color: #3c84f7;
+ color: #FFFFFF;
+}
+
+button.osd:hover {
+ background-color: #5393f8;
+ color: #FFFFFF;
+}
+
+button.osd:active {
+ background-color: #6fa4f9;
+ color: #FFFFFF;
+}
+
+button.osd.image-button, button.osd.circular {
+ padding: 12px;
+}
+
+button.osd.image-button > image, button.osd.circular > image {
+ padding: 0;
+}
+
+button.osd:disabled {
+ opacity: 0;
+}
+
+button.suggested-action {
+ background-color: #3c84f7;
+ color: #FFFFFF;
+ box-shadow: none;
+}
+
+button.suggested-action:disabled {
+ box-shadow: none;
+ background-color: rgba(0, 0, 0, 0.04);
+ color: rgba(0, 0, 0, 0.38);
+}
+
+button.suggested-action:hover {
+ box-shadow: inset 0 0 0 9999px transparent, 0 2px 2.4px -1px rgba(60, 132, 247, 0.2), 0 4px 3px 0 rgba(60, 132, 247, 0.14), 0 1px 6px 0 rgba(60, 132, 247, 0.12);
+}
+
+button.suggested-action:checked {
+ background-color: #77a9f9;
+}
+
+button.suggested-action:checked:hover {
+ box-shadow: inset 0 0 0 9999px transparent, 0 3px 3px -3px rgba(60, 132, 247, 0.3), 0 2px 3px -1px rgba(60, 132, 247, 0.24), 0 2px 5px 0 rgba(60, 132, 247, 0.12);
+}
+
+button.suggested-action:focus {
+ box-shadow: 0 0 0 2px rgba(60, 132, 247, 0.35);
+}
+
+button.suggested-action.flat {
+ background-color: transparent;
+ color: #3c84f7;
+}
+
+button.suggested-action.flat:disabled {
+ box-shadow: none;
+ background-color: transparent;
+ color: rgba(0, 0, 0, 0.26);
+}
+
+button.suggested-action.flat:checked {
+ background-color: rgba(60, 132, 247, 0.3);
+}
+
+button.destructive-action {
+ background-color: #E53935;
+ color: #FFFFFF;
+ box-shadow: none;
+}
+
+button.destructive-action:disabled {
+ box-shadow: none;
+ background-color: rgba(0, 0, 0, 0.04);
+ color: rgba(0, 0, 0, 0.38);
+}
+
+button.destructive-action:hover {
+ box-shadow: inset 0 0 0 9999px transparent, 0 2px 2.4px -1px rgba(229, 57, 53, 0.2), 0 4px 3px 0 rgba(229, 57, 53, 0.14), 0 1px 6px 0 rgba(229, 57, 53, 0.12);
+}
+
+button.destructive-action:checked {
+ background-color: #ed7472;
+}
+
+button.destructive-action:checked:hover {
+ box-shadow: inset 0 0 0 9999px transparent, 0 3px 3px -3px rgba(229, 57, 53, 0.3), 0 2px 3px -1px rgba(229, 57, 53, 0.24), 0 2px 5px 0 rgba(229, 57, 53, 0.12);
+}
+
+button.destructive-action:focus {
+ box-shadow: 0 0 0 2px rgba(229, 57, 53, 0.35);
+}
+
+button.destructive-action.flat {
+ background-color: transparent;
+ color: #E53935;
+}
+
+button.destructive-action.flat:disabled {
+ box-shadow: none;
+ background-color: transparent;
+ color: rgba(0, 0, 0, 0.26);
+}
+
+button.destructive-action.flat:checked {
+ background-color: rgba(229, 57, 53, 0.3);
+}
+
+.stack-switcher > button > label {
+ margin: 0 -6px;
+ padding: 0 6px;
+}
+
+.stack-switcher > button > image {
+ margin: -3px -6px;
+ padding: 3px 6px;
+}
+
+.stack-switcher > button.needs-attention:checked > label,
+.stack-switcher > button.needs-attention:checked > image {
+ animation: none;
+ background-image: none;
+}
+
+.primary-toolbar button {
+ -gtk-icon-shadow: none;
+}
+
+button.close, button.circular {
+ min-width: 24px;
+ padding: 6px;
+}
+
+stacksidebar.sidebar row.needs-attention > label, .stack-switcher > button.needs-attention > label,
+.stack-switcher > button.needs-attention > image {
+ animation: needs-attention 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+ background-repeat: no-repeat;
+ background-position: right 3px;
+ background-size: 6px 6px;
+}
+
+stacksidebar.sidebar row.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > label:dir(rtl),
+.stack-switcher > button.needs-attention > image:dir(rtl) {
+ background-position: left 3px;
+}
+
+modelbutton.flat,
+.menuitem.button.flat {
+ min-height: 28px;
+ padding: 0 8px;
+ border-radius: 6px;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+modelbutton.flat arrow.left {
+ -gtk-icon-source: -gtk-icontheme("pan-start-symbolic");
+}
+
+modelbutton.flat arrow.right {
+ -gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
+}
+
+button.color {
+ min-height: 24px;
+ min-width: 24px;
+ padding: 6px;
+}
+
+/*********
+ * Links *
+ *********/
+*:link {
+ color: #3c84f7;
+}
+
+*:visited {
+ color: #AB47BC;
+}
+
+button.link:link, button.link:link:focus, button.link:link:hover, button.link:link:active {
+ color: #3c84f7;
+}
+
+button.link:visited, button.link:visited:focus, button.link:visited:hover, button.link:visited:active {
+ color: #AB47BC;
+}
+
+button.link > label {
+ text-decoration-line: underline;
+}
+
+/*****************
+ * GtkSpinButton *
+ *****************/
+spinbutton:not(.vertical) {
+ padding: 0;
+}
+
+spinbutton:not(.vertical) entry {
+ min-width: 32px;
+ margin: 0;
+ border-image: none;
+ border-radius: 0;
+ box-shadow: none;
+ background-color: transparent;
+}
+
+spinbutton:not(.vertical) button {
+ border: solid 6px transparent;
+}
+
+spinbutton:not(.vertical) button:focus:not(:hover):not(:active):not(:disabled) {
+ box-shadow: inset 0 0 0 9999px transparent;
+ color: rgba(0, 0, 0, 0.6);
+}
+
+spinbutton:not(.vertical) button.up:dir(ltr), spinbutton:not(.vertical) button.down:dir(rtl) {
+ margin-left: -3px;
+}
+
+spinbutton:not(.vertical) button.up:dir(rtl), spinbutton:not(.vertical) button.down:dir(ltr) {
+ margin-right: -3px;
+}
+
+spinbutton.vertical {
+ padding: 0;
+}
+
+spinbutton.vertical:disabled {
+ color: rgba(0, 0, 0, 0.38);
+}
+
+spinbutton.vertical entry {
+ margin: 0;
+ border-image: none;
+ border-radius: 0;
+ box-shadow: none;
+ background-color: transparent;
+ min-height: 36px;
+ min-width: 42px;
+ padding: 0;
+}
+
+spinbutton.vertical button {
+ padding: 0;
+ border: solid 6px transparent;
+}
+
+spinbutton.vertical button:focus:not(:hover):not(:active) {
+ box-shadow: inset 0 0 0 9999px transparent;
+ color: rgba(0, 0, 0, 0.6);
+}
+
+spinbutton.vertical button.up {
+ margin: 0 3px;
+}
+
+spinbutton.vertical button.down {
+ margin: 0 3px;
+}
+
+treeview spinbutton:not(.vertical) {
+ min-height: 0;
+ border-style: none;
+ border-radius: 0;
+}
+
+treeview spinbutton:not(.vertical) entry {
+ min-height: 0;
+ padding: 1px 2px;
+}
+
+/**************
+ * ComboBoxes *
+ **************/
+combobox arrow {
+ -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+ min-height: 16px;
+ min-width: 16px;
+}
+
+combobox decoration {
+ transition: none;
+}
+
+combobox button.combo cellview:dir(ltr) {
+ margin-left: -2px;
+}
+
+combobox button.combo cellview:dir(rtl) {
+ margin-right: -2px;
+}
+
+combobox.linked button:nth-child(2):dir(ltr) {
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0;
+}
+
+combobox.linked button:nth-child(2):dir(rtl) {
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0;
+}
+
+combobox > .linked:not(.vertical) > entry:not(:only-child) {
+ border-radius: 6px;
+}
+
+combobox > .linked:not(.vertical) > entry:not(:only-child):first-child {
+ margin-right: -36px;
+ padding-right: 36px;
+}
+
+combobox > .linked:not(.vertical) > entry:not(:only-child):last-child {
+ margin-left: -36px;
+ padding-left: 36px;
+}
+
+combobox > .linked:not(.vertical) > button:not(:only-child) {
+ min-height: 16px;
+ min-width: 16px;
+ margin: 6px;
+ padding: 4px;
+ border-radius: 6px;
+}
+
+combobox > .linked > button.combo {
+ padding: 6px 10px;
+}
+
+.linked:not(.vertical) > combobox:not(:first-child) > box > button.combo {
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0;
+}
+
+.linked:not(.vertical) > combobox:not(:last-child) > box > button.combo {
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0;
+}
+
+.linked.vertical > combobox:not(:first-child) > box > button.combo {
+ border-top-left-radius: 0;
+ border-top-right-radius: 0;
+}
+
+.linked.vertical > combobox:not(:last-child) > box > button.combo {
+ border-bottom-left-radius: 0;
+ border-bottom-right-radius: 0;
+}
+
+button.combo:only-child {
+ border-radius: 6px;
+ font-weight: normal;
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+ box-shadow: inset 0 0 0 2px transparent;
+ background-color: rgba(0, 0, 0, 0.04);
+ color: rgba(0, 0, 0, 0.87);
+}
+
+button.combo:only-child:focus {
+ background-color: alpha(currentColor, 0.08);
+ box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.26);
+}
+
+button.combo:only-child:hover {
+ background-color: alpha(currentColor, 0.08);
+ box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+}
+
+button.combo:only-child:checked {
+ background-color: rgba(0, 0, 0, 0.04);
+ box-shadow: inset 0 0 0 2px #3c84f7;
+}
+
+button.combo:only-child:disabled {
+ box-shadow: inset 0 0 0 2px transparent;
+ background-color: rgba(0, 0, 0, 0.04);
+ color: rgba(0, 0, 0, 0.38);
+}
+
+/************
+ * Toolbars *
+ ************/
+toolbar {
+ -GtkWidget-window-dragging: true;
+ padding: 2px;
+ background-color: #FFFFFF;
+}
+
+.osd toolbar {
+ background-color: transparent;
+}
+
+frame.documents-dropdown, .app-notification, toolbar.osd {
+ transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+ padding: 6px;
+ border-radius: 6px;
+ box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.15);
+ background-color: #FFFFFF;
+}
+
+frame.documents-dropdown:backdrop, .app-notification:backdrop, toolbar.osd:backdrop {
+ box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.2), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.15);
+}
+
+frame.left.documents-dropdown, .left.app-notification, frame.right.documents-dropdown, .right.app-notification, frame.top.documents-dropdown, .top.app-notification, frame.bottom.documents-dropdown, .bottom.app-notification, toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom {
+ border-radius: 0;
+}
+
+frame.bottom.documents-dropdown, .bottom.app-notification, toolbar.osd.bottom {
+ box-shadow: none;
+ background-color: transparent;
+ background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.1) 30%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0.4));
+}
+
+toolbar.horizontal > separator {
+ margin: 2px;
+}
+
+toolbar.vertical > separator {
+ margin: 2px;
+}
+
+toolbar:not(.inline-toolbar):not(.osd) scale,
+toolbar:not(.inline-toolbar):not(.osd) entry,
+toolbar:not(.inline-toolbar):not(.osd) spinbutton,
+toolbar:not(.inline-toolbar):not(.osd) button {
+ margin: 2px;
+}
+
+toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:first-child),
+toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:first-child),
+toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:first-child) {
+ margin-left: 0;
+}
+
+toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:last-child),
+toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:last-child),
+toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:last-child) {
+ margin-right: 0;
+}
+
+toolbar:not(.inline-toolbar):not(.osd) spinbutton entry,
+toolbar:not(.inline-toolbar):not(.osd) spinbutton button {
+ margin: 0;
+}
+
+toolbar:not(.inline-toolbar):not(.osd) switch {
+ margin: 8px 2px;
+}
+
+.inline-toolbar {
+ padding: 6px;
+ border-style: solid;
+ border-width: 0 1px 1px;
+ border-color: rgba(0, 0, 0, 0.12);
+ background-color: #FAFAFA;
+}
+
+searchbar > revealer > box,
+.location-bar {
+ padding: 6px;
+ border-style: solid;
+ border-width: 0 0 1px;
+ border-color: rgba(0, 0, 0, 0.12);
+ background-color: #FFFFFF;
+ background-clip: border-box;
+}
+
+searchbar > revealer > box {
+ margin: -6px;
+}
+
+/***************
+ * Header bars *
+ ***************/
+.nemo-window .primary-toolbar button:not(.text-button), headerbar button:not(.suggested-action):not(.destructive-action) {
+ color: rgba(0, 0, 0, 0.6);
+}
+
+.nemo-window .primary-toolbar .linked:not(.vertical) > button:not(.text-button), headerbar .linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action) {
+ border-radius: 6px;
+}
+
+.nemo-window .primary-toolbar button:focus:not(.text-button), headerbar button:focus:not(.suggested-action):not(.destructive-action), .nemo-window .primary-toolbar button:hover:not(.text-button), headerbar button:hover:not(.suggested-action):not(.destructive-action), .nemo-window .primary-toolbar button:active:not(.text-button), headerbar button:active:not(.suggested-action):not(.destructive-action), .nemo-window .primary-toolbar button:checked:not(.text-button), headerbar button:checked:not(.suggested-action):not(.destructive-action) {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.nemo-window .primary-toolbar button:disabled:not(.text-button), headerbar button:disabled:not(.suggested-action):not(.destructive-action) {
+ color: rgba(0, 0, 0, 0.26);
+}
+
+.nemo-window .primary-toolbar button:checked:disabled:not(.text-button), headerbar button:checked:disabled:not(.suggested-action):not(.destructive-action) {
+ background-color: transparent;
+ color: rgba(0, 0, 0, 0.38);
+}
+
+.nemo-window .primary-toolbar button:backdrop:not(.text-button), headerbar button:backdrop:not(.suggested-action):not(.destructive-action) {
+ color: rgba(0, 0, 0, 0.38);
+}
+
+.nemo-window .primary-toolbar button:backdrop:focus:not(.text-button), headerbar button:backdrop:focus:not(.suggested-action):not(.destructive-action), .nemo-window .primary-toolbar button:backdrop:hover:not(.text-button), headerbar button:backdrop:hover:not(.suggested-action):not(.destructive-action), .nemo-window .primary-toolbar button:backdrop:active:not(.text-button), headerbar button:backdrop:active:not(.suggested-action):not(.destructive-action) {
+ color: rgba(0, 0, 0, 0.6);
+}
+
+.nemo-window .primary-toolbar button:backdrop:disabled:not(.text-button), headerbar button:backdrop:disabled:not(.suggested-action):not(.destructive-action) {
+ color: rgba(0, 0, 0, 0.26);
+}
+
+.nemo-window .primary-toolbar button:backdrop:checked:not(.text-button), headerbar button:backdrop:checked:not(.suggested-action):not(.destructive-action) {
+ color: rgba(0, 0, 0, 0.6);
+}
+
+.nemo-window .primary-toolbar button:backdrop:checked:disabled:not(.text-button), headerbar button:backdrop:checked:disabled:not(.suggested-action):not(.destructive-action) {
+ color: rgba(0, 0, 0, 0.26);
+}
+
+.nemo-window .primary-toolbar entry, .titlebar entry {
+ background-color: rgba(0, 0, 0, 0.04);
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.nemo-window .primary-toolbar entry:disabled, .titlebar entry:disabled {
+ background-color: rgba(0, 0, 0, 0.04);
+ color: rgba(0, 0, 0, 0.38);
+}
+
+.nemo-window .primary-toolbar entry image, .titlebar entry image {
+ color: rgba(0, 0, 0, 0.6);
+}
+
+.nemo-window .primary-toolbar entry image:hover, .titlebar entry image:hover, .nemo-window .primary-toolbar entry image:active, .titlebar entry image:active {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.nemo-window .primary-toolbar entry image:disabled, .titlebar entry image:disabled {
+ color: rgba(0, 0, 0, 0.38);
+}
+
+.titlebar {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ background-color: #F2F2F2;
+ color: rgba(0, 0, 0, 0.87);
+ border-radius: 12px 12px 0 0;
+ box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.15);
+}
+
+.titlebar:disabled {
+ color: rgba(0, 0, 0, 0.38);
+}
+
+.titlebar:backdrop {
+ color: rgba(0, 0, 0, 0.6);
+}
+
+.titlebar:backdrop:disabled {
+ color: rgba(0, 0, 0, 0.26);
+}
+
+.csd .titlebar:backdrop {
+ background-color: #FAFAFA;
+}
+
+.titlebar .title {
+ padding: 0 12px;
+ font-weight: bold;
+}
+
+.titlebar .subtitle {
+ padding: 0 12px;
+ font-size: smaller;
+}
+
+.titlebar .subtitle,
+.titlebar .dim-label {
+ transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
+ color: rgba(0, 0, 0, 0.6);
+}
+
+.titlebar .subtitle:backdrop,
+.titlebar .dim-label:backdrop {
+ color: rgba(0, 0, 0, 0.38);
+}
+
+.titlebar .titlebar {
+ background-color: transparent;
+ box-shadow: none;
+}
+
+.titlebar + separator, .titlebar + separator.sidebar {
+ background-color: #F2F2F2;
+ background-image: none;
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.15);
+}
+
+.titlebar + separator:backdrop, .titlebar + separator.sidebar:backdrop {
+ background-color: #FAFAFA;
+}
+
+.titlebar.selection-mode + separator, .titlebar.selection-mode + separator.sidebar, .selection-mode .titlebar + separator, .selection-mode .titlebar + separator.sidebar {
+ background-color: #3c84f7;
+}
+
+.titlebar.selection-mode + separator:backdrop, .titlebar.selection-mode + separator.sidebar:backdrop, .selection-mode .titlebar + separator:backdrop, .selection-mode .titlebar + separator.sidebar:backdrop {
+ background-color: #3c84f7;
+}
+
+.background.csd.unified .titlebar + separator, .background.csd.unified .titlebar + separator.sidebar {
+ box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12);
+}
+
+.titlebar .linked:not(.vertical) > entry {
+ border-radius: 6px;
+ margin-left: 3px;
+ margin-right: 3px;
+}
+
+.titlebar button.suggested-action:disabled, .titlebar button.destructive-action:disabled {
+ background-color: rgba(0, 0, 0, 0.04);
+ color: rgba(0, 0, 0, 0.38);
+}
+
+.titlebar .path-bar button:not(.suggested-action):not(.destructive-action).text-button {
+ min-width: 0;
+ padding-left: 6px;
+ padding-right: 6px;
+}
+
+.titlebar.selection-mode {
+ transition: background-color 0.1ms 225ms, color 75ms cubic-bezier(0, 0, 0.2, 1);
+ animation: ripple-on-headerbar 225ms cubic-bezier(0, 0, 0.2, 1);
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), inset 0 -1px rgba(0, 0, 0, 0.12);
+ background-color: #3c84f7;
+ color: #FFFFFF;
+}
+
+.titlebar.selection-mode:backdrop {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.titlebar.selection-mode .subtitle:link {
+ color: #FFFFFF;
+}
+
+.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action) {
+ border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0/0 0 0px;
+ color: #FFFFFF;
+}
+
+.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):disabled {
+ color: rgba(255, 255, 255, 0.5);
+}
+
+.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):checked {
+ border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2/0 0 2px;
+ color: #FFFFFF;
+}
+
+.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):checked:disabled {
+ color: rgba(255, 255, 255, 0.5);
+}
+
+.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:not(.titlebutton) {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:disabled {
+ color: rgba(255, 255, 255, 0.3);
+}
+
+.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:checked {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled {
+ color: rgba(255, 255, 255, 0.3);
+}
+
+.titlebar.selection-mode .selection-menu {
+ padding-left: 16px;
+ padding-right: 16px;
+}
+
+.titlebar.selection-mode .selection-menu arrow {
+ -GtkArrow-arrow-scaling: 1;
+}
+
+.titlebar.selection-mode .selection-menu .arrow {
+ -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+}
+
+.titlebar .selection-mode {
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0.2);
+ background-color: #3c84f7;
+}
+
+.tiled .titlebar, .tiled-top .titlebar, .tiled-right .titlebar, .tiled-bottom .titlebar, .tiled-left .titlebar, .maximized .titlebar, .fullscreen .titlebar {
+ border-radius: 0;
+}
+
+.titlebar.default-decoration {
+ min-height: 24px;
+ padding: 6px 12px;
+ border-radius: 12px 12px 0 0;
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0.15);
+}
+
+.tiled .titlebar.default-decoration, .maximized .titlebar.default-decoration, .fullscreen .titlebar.default-decoration {
+ box-shadow: none;
+ border-radius: 0;
+}
+
+.titlebar.default-decoration button.titlebutton {
+ min-height: 24px;
+ min-width: 24px;
+ margin: 0;
+ padding: 0;
+}
+
+.background.csd .titlebar.default-decoration {
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(0, 0, 0, 0.12);
+}
+
+.background:not(.csd) .titlebar.default-decoration button.titlebutton:active {
+ background-size: 1000% 1000%;
+}
+
+.solid-csd .titlebar:dir(rtl), .solid-csd .titlebar:dir(ltr) {
+ border-radius: 0;
+ box-shadow: none;
+}
+
+headerbar {
+ min-height: 48px;
+ padding: 0 6px;
+}
+
+box.vertical headerbar {
+ background-color: #F2F2F2;
+}
+
+headerbar entry,
+headerbar spinbutton,
+headerbar button {
+ margin-top: 6px;
+ margin-bottom: 6px;
+}
+
+headerbar button, headerbar button.image-button {
+ border-radius: 6px;
+}
+
+headerbar > box.left,
+headerbar > box.right {
+ padding: 0 6px;
+}
+
+headerbar separator.titlebutton, headerbar separator.sidebar {
+ margin-top: 12px;
+ margin-bottom: 12px;
+ background-color: transparent;
+}
+
+headerbar switch {
+ margin-top: 12px;
+ margin-bottom: 12px;
+}
+
+headerbar spinbutton button {
+ margin-top: 0;
+ margin-bottom: 0;
+}
+
+headerbar .entry-tag, headerbar .photos-entry-tag, headerbar .documents-entry-tag {
+ margin-top: 5px;
+ margin-bottom: 5px;
+}
+
+headerbar.windowhandle viewswitcher button:not(.titlebutton):not(.suggested-action):not(.destructive-action) {
+ border-radius: 0;
+ margin: 0;
+ min-width: 120px;
+ padding: 0;
+}
+
+headerbar.windowhandle viewswitcher button:not(.titlebutton):not(.suggested-action):not(.destructive-action) > stack > box {
+ padding: 0 12px;
+}
+
+headerbar.windowhandle viewswitcher button:not(.titlebutton):not(.suggested-action):not(.destructive-action):focus {
+ box-shadow: none;
+}
+
+headerbar.windowhandle > button.popup label, headerbar.windowhandle > button.popup image {
+ min-height: 0;
+}
+
+headerbar.windowhandle viewswitchertitle > squeezer {
+ margin-top: 0;
+ margin-bottom: 0;
+ background: none;
+}
+
+headerbar.windowhandle viewswitchertitle > squeezer > viewswitcher {
+ margin: 0 0;
+ background: none;
+}
+
+headerbar.windowhandle viewswitchertitle > squeezer > viewswitcher > box.horizontal > button.radio {
+ margin: 0;
+ padding: 0;
+ border-radius: 0;
+}
+
+/************
+ * Pathbars *
+ ************/
+.caja-pathbar button,
+.path-bar.linked:not(.vertical) > button {
+ padding-left: 6px;
+ padding-right: 6px;
+ border-radius: 3px;
+ margin-left: 1px;
+ margin-right: 1px;
+ background-color: alpha(currentColor, 0.08);
+}
+
+.caja-pathbar button:disabled,
+.path-bar.linked:not(.vertical) > button:disabled {
+ background-color: alpha(currentColor, 0.05);
+}
+
+.caja-pathbar button:first-child,
+.path-bar.linked:not(.vertical) > button:first-child {
+ border-top-left-radius: 6px;
+ border-bottom-left-radius: 6px;
+}
+
+.caja-pathbar button:last-child,
+.path-bar.linked:not(.vertical) > button:last-child {
+ border-top-right-radius: 6px;
+ border-bottom-right-radius: 6px;
+}
+
+.caja-pathbar button:checked,
+.path-bar.linked:not(.vertical) > button:checked {
+ background-color: alpha(currentColor, 0.16);
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.caja-pathbar button label, .caja-pathbar button image,
+.path-bar.linked:not(.vertical) > button label,
+.path-bar.linked:not(.vertical) > button image {
+ margin-left: 3px;
+ margin-right: 3px;
+}
+
+.caja-pathbar button.slider-button,
+.path-bar.linked:not(.vertical) > button.slider-button {
+ padding-left: 4px;
+ padding-right: 4px;
+}
+
+/**************
+ * Tree Views *
+ **************/
+treeview.view {
+ border-left-color: rgba(0, 0, 0, 0.26);
+ border-top-color: rgba(0, 0, 0, 0.12);
+ padding: 3px;
+}
+
+* {
+ -GtkTreeView-horizontal-separator: 4;
+ -GtkTreeView-grid-line-width: 1;
+ -GtkTreeView-grid-line-pattern: '';
+ -GtkTreeView-tree-line-width: 1;
+ -GtkTreeView-tree-line-pattern: '';
+ -GtkTreeView-expander-size: 16;
+}
+
+.csd treeview.view:not(:selected):not(:hover):not(.progressbar):not(.expander):not(.trough):not(.separator) {
+ background-color: transparent;
+}
+
+treeview.view:selected {
+ background-image: image(alpha(currentColor, 0.1));
+ background-color: #FFFFFF;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.csd treeview.view:selected {
+ background-image: none;
+}
+
+treeview.view:hover, treeview.view:selected {
+ border-radius: 0;
+}
+
+treeview.view.separator {
+ min-height: 6px;
+ color: rgba(0, 0, 0, 0.12);
+}
+
+treeview.view:drop(active) {
+ border-style: solid none;
+ border-width: 9999px;
+ border-color: alpha(currentColor, 0.08);
+}
+
+treeview.view:drop(active).after {
+ border-top-style: none;
+}
+
+treeview.view:drop(active).before {
+ border-bottom-style: none;
+}
+
+treeview.view.expander {
+ -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+ -gtk-icon-transform: rotate(-90deg);
+ color: rgba(0, 0, 0, 0.6);
+}
+
+treeview.view.expander:dir(rtl) {
+ -gtk-icon-transform: rotate(90deg);
+}
+
+treeview.view.expander:checked {
+ -gtk-icon-transform: unset;
+}
+
+treeview.view.expander:hover, treeview.view.expander:active {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+treeview.view.expander:disabled {
+ color: rgba(0, 0, 0, 0.26);
+}
+
+treeview.view.progressbar {
+ border: none;
+ box-shadow: none;
+ background-color: #3c84f7;
+ background-image: none;
+ border-radius: 9999px;
+ color: #FFFFFF;
+}
+
+treeview.view.progressbar:selected, treeview.view.progressbar:selected:hover, treeview.view.progressbar:selected:focus {
+ box-shadow: none;
+ background-color: rgba(53, 116, 217, 0.9805);
+ color: #FFFFFF;
+}
+
+treeview.view.progressbar:selected:backdrop, treeview.view.progressbar:selected:hover:backdrop, treeview.view.progressbar:selected:focus:backdrop {
+ color: #FFFFFF;
+}
+
+treeview.view.progressbar:backdrop, treeview.view.progressbar:selected:backdrop {
+ background-color: rgba(0, 0, 0, 0.26);
+}
+
+treeview.view.trough {
+ border: none;
+ box-shadow: none;
+ background-color: rgba(0, 0, 0, 0.12);
+ background-image: none;
+ border-radius: 9999px;
+ padding: 0;
+ margin: 0;
+}
+
+treeview.view.trough:selected, treeview.view.trough:selected:hover, treeview.view.trough:selected:focus {
+ box-shadow: none;
+ background-color: rgba(0, 0, 0, 0.12);
+}
+
+treeview.view.trough:backdrop, treeview.view.trough:selected:backdrop {
+ background-color: rgba(0, 0, 0, 0.12);
+}
+
+treeview.view header button {
+ padding: 2px 6px;
+ border-style: none solid solid none;
+ border-width: 1px;
+ border-color: rgba(0, 0, 0, 0.12);
+ border-radius: 0;
+ background-clip: border-box;
+}
+
+treeview.view header button:not(:focus):not(:hover):not(:active) {
+ color: rgba(0, 0, 0, 0.6);
+}
+
+treeview.view header button, treeview.view header button:disabled {
+ background-color: #FFFFFF;
+}
+
+treeview.view header button:last-child {
+ border-right-style: none;
+}
+
+treeview.view button.dnd,
+treeview.view header.button.dnd {
+ padding: 2px 6px;
+ border-style: none solid solid;
+ border-width: 1px;
+ border-color: rgba(0, 0, 0, 0.12);
+ border-radius: 0;
+ box-shadow: none;
+ background-color: #FFFFFF;
+ background-clip: border-box;
+ color: #3c84f7;
+}
+
+treeview.view acceleditor > label {
+ background-color: #3c84f7;
+}
+
+/*********
+ * Menus *
+ *********/
+menubar,
+.menubar {
+ -GtkWidget-window-dragging: true;
+ padding: 0;
+ background-color: #F2F2F2;
+ color: rgba(0, 0, 0, 0.87);
+ box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12);
+}
+
+menubar:backdrop,
+.menubar:backdrop {
+ color: rgba(0, 0, 0, 0.6);
+}
+
+.csd menubar, .csd .menubar {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+.csd menubar:backdrop, .csd .menubar:backdrop {
+ background-color: #FAFAFA;
+}
+
+menubar > menuitem,
+.menubar > menuitem {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ min-height: 20px;
+ padding: 4px 8px;
+ color: rgba(0, 0, 0, 0.6);
+ border-radius: 6px;
+}
+
+menubar > menuitem:hover,
+.menubar > menuitem:hover {
+ transition: none;
+ background-color: alpha(currentColor, 0.1);
+ color: rgba(0, 0, 0, 0.87);
+}
+
+menubar > menuitem:backdrop,
+.menubar > menuitem:backdrop {
+ color: rgba(0, 0, 0, 0.38);
+}
+
+menubar > menuitem:disabled,
+.menubar > menuitem:disabled {
+ color: rgba(0, 0, 0, 0.26);
+}
+
+menubar > menuitem label:disabled,
+.menubar > menuitem label:disabled {
+ color: inherit;
+}
+
+menubar > menuitem > window.popup.background > menu menuitem,
+.menubar > menuitem > window.popup.background > menu menuitem {
+ transition: none;
+}
+
+.background.popup {
+ background-color: transparent;
+}
+
+menu,
+.menu,
+.context-menu {
+ margin: 6px;
+ padding: 6px;
+ background-color: #FFFFFF;
+ background-clip: border-box;
+ border-radius: 12px;
+ border: 1px solid #e0e0e0;
+}
+
+.csd menu, .csd .menu, .csd .context-menu {
+ border: none;
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.15);
+}
+
+menu menuitem,
+.menu menuitem,
+.context-menu menuitem {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+ min-height: 20px;
+ min-width: 40px;
+ padding: 4px 8px;
+ color: rgba(0, 0, 0, 0.87);
+ font: initial;
+ text-shadow: none;
+ border-radius: 6px;
+}
+
+menu menuitem:hover,
+.menu menuitem:hover,
+.context-menu menuitem:hover {
+ background-color: alpha(currentColor, 0.08);
+}
+
+menu menuitem:active,
+.menu menuitem:active,
+.context-menu menuitem:active {
+ background-color: alpha(currentColor, 0.12);
+}
+
+menu menuitem:disabled,
+.menu menuitem:disabled,
+.context-menu menuitem:disabled {
+ color: rgba(0, 0, 0, 0.38);
+}
+
+menu menuitem accelerator,
+.menu menuitem accelerator,
+.context-menu menuitem accelerator {
+ color: rgba(0, 0, 0, 0.6);
+}
+
+menu menuitem:disabled accelerator,
+.menu menuitem:disabled accelerator,
+.context-menu menuitem:disabled accelerator {
+ color: rgba(0, 0, 0, 0.26);
+}
+
+menu menuitem arrow,
+.menu menuitem arrow,
+.context-menu menuitem arrow {
+ min-height: 16px;
+ min-width: 16px;
+}
+
+menu menuitem arrow:dir(ltr),
+.menu menuitem arrow:dir(ltr),
+.context-menu menuitem arrow:dir(ltr) {
+ -gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
+ margin-left: 8px;
+}
+
+menu menuitem arrow:dir(rtl),
+.menu menuitem arrow:dir(rtl),
+.context-menu menuitem arrow:dir(rtl) {
+ -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl");
+ margin-right: 8px;
+}
+
+menu menuitem label:dir(rtl), menu menuitem label:dir(ltr),
+.menu menuitem label:dir(rtl),
+.menu menuitem label:dir(ltr),
+.context-menu menuitem label:dir(rtl),
+.context-menu menuitem label:dir(ltr) {
+ color: inherit;
+}
+
+menu .view:selected,
+.menu .view:selected,
+.context-menu .view:selected {
+ background-color: rgba(235, 235, 235, 0.987);
+}
+
+menu > arrow,
+.menu > arrow,
+.context-menu > arrow {
+ min-height: 16px;
+ min-width: 16px;
+ padding: 4px;
+ background-color: #FFFFFF;
+ color: rgba(0, 0, 0, 0.6);
+}
+
+menu > arrow.top,
+.menu > arrow.top,
+.context-menu > arrow.top {
+ margin-top: 0;
+ border-radius: 6px;
+ -gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
+}
+
+menu > arrow.bottom,
+.menu > arrow.bottom,
+.context-menu > arrow.bottom {
+ margin-top: 8px;
+ margin-bottom: -12px;
+ border-radius: 6px;
+ -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+}
+
+menu > arrow:hover,
+.menu > arrow:hover,
+.context-menu > arrow:hover {
+ background-image: image(alpha(currentColor, 0.08));
+ color: rgba(0, 0, 0, 0.87);
+}
+
+menu > arrow:disabled,
+.menu > arrow:disabled,
+.context-menu > arrow:disabled {
+ border-color: transparent;
+ background-color: transparent;
+ color: transparent;
+}
+
+menu separator,
+.menu separator,
+.context-menu separator {
+ margin: 4px 0;
+}
+
+/************
+ * Popovers *
+ ************/
+popover.background {
+ transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+ padding: 0;
+ background-color: #FFFFFF;
+ border-radius: 12px;
+}
+
+popover.background, .csd popover.background {
+ border: 1px solid rgba(0, 0, 0, 0.15);
+ box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.05), 0 4px 6px 0 rgba(0, 0, 0, 0.06), 0 1px 10px 0 rgba(0, 0, 0, 0.05);
+ background-clip: padding-box;
+}
+
+popover.background:backdrop, .csd popover.background:backdrop {
+ box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.05), 0 2px 3px -1px rgba(0, 0, 0, 0.06), 0 1px 4px 0 rgba(0, 0, 0, 0.05);
+}
+
+popover.background > stack {
+ margin: 0;
+}
+
+popover.background > toolbar {
+ margin: 0;
+}
+
+popover.background > list,
+popover.background > .view,
+popover.background > toolbar {
+ border-style: none;
+ box-shadow: none;
+ background-color: transparent;
+}
+
+popover.background > scrolledwindow > viewport.frame > list {
+ background-color: transparent;
+ padding: 6px;
+}
+
+popover.background > scrolledwindow > viewport.frame > list > row {
+ border-radius: 6px;
+ padding: 6px;
+}
+
+popover.background .view:not(:selected),
+popover.background toolbar {
+ background-color: #FFFFFF;
+}
+
+popover.background .linked > button:not(.radio) {
+ border-radius: 6px;
+}
+
+popover.background .linked > button:not(.radio):first-child {
+ border-radius: 6px;
+}
+
+popover.background .linked > button:not(.radio):last-child {
+ border-radius: 6px;
+}
+
+popover.background .linked > button:not(.radio):only-child {
+ border-radius: 6px;
+}
+
+popover.background.menu button,
+popover.background button.model {
+ min-height: 32px;
+ padding: 0 8px;
+ border-radius: 6px;
+}
+
+popover.background separator {
+ margin: 3px 0;
+}
+
+popover.background list separator {
+ margin: 0;
+}
+
+/*************
+ * Notebooks *
+ *************/
+tabbox > tab, notebook > header tab {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms;
+ min-height: 24px;
+ min-width: 24px;
+ padding: 3px 12px;
+ border: none;
+ outline: none;
+ background-clip: padding-box;
+ color: rgba(0, 0, 0, 0.6);
+ font-weight: 500;
+ border-radius: 6px;
+}
+
+tabbox > tab:hover, notebook > header tab:hover {
+ background-color: rgba(0, 0, 0, 0.04);
+ color: rgba(0, 0, 0, 0.87);
+}
+
+tabbox > tab:disabled, notebook > header tab:disabled {
+ color: rgba(0, 0, 0, 0.26);
+}
+
+tabbox > tab:checked, notebook > header tab:checked {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ background-color: white;
+ color: rgba(0, 0, 0, 0.87);
+ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
+}
+
+tabbox > tab:checked:disabled, notebook > header tab:checked:disabled {
+ color: rgba(0, 0, 0, 0.38);
+}
+
+frame > paned > notebook > header, notebook.frame > header {
+ background-color: rgba(0, 0, 0, 0.04);
+}
+
+notebook, notebook.frame {
+ background-color: #FFFFFF;
+ border-radius: 12px;
+}
+
+notebook.frame frame > border {
+ border: none;
+ border-radius: 6px;
+}
+
+notebook.frame frame > list row.activatable {
+ border-radius: 6px;
+}
+
+notebook > header {
+ border: none;
+ background-color: rgba(0, 0, 0, 0.04);
+ padding: 3px;
+ margin: 3px;
+ border-radius: 9px;
+}
+
+notebook > header.top > tabs > arrow {
+ border-top-style: none;
+}
+
+notebook > header.bottom > tabs > arrow {
+ border-bottom-style: none;
+}
+
+notebook > header.top > tabs > arrow, notebook > header.bottom > tabs > arrow {
+ padding-left: 4px;
+ padding-right: 4px;
+}
+
+notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down {
+ margin-left: 0;
+ -gtk-icon-source: -gtk-icontheme("pan-start-symbolic");
+}
+
+notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up {
+ margin-right: 0;
+ -gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
+}
+
+notebook > header.left > tabs > arrow {
+ border-left-style: none;
+}
+
+notebook > header.right > tabs > arrow {
+ border-right-style: none;
+}
+
+notebook > header.left > tabs > arrow, notebook > header.right > tabs > arrow {
+ padding-top: 4px;
+ padding-bottom: 4px;
+}
+
+notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down {
+ margin-top: 0;
+ -gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
+}
+
+notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up {
+ margin-bottom: 0;
+ -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+}
+
+notebook > header > tabs > arrow {
+ min-height: 16px;
+ min-width: 16px;
+ border-radius: 6px;
+}
+
+notebook > header tab > box {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+ margin: -6px -12px;
+ padding: 6px 12px;
+}
+
+notebook > header tab > box:drop(active) {
+ background-color: rgba(0, 0, 0, 0.12);
+ color: rgba(0, 0, 0, 0.87);
+}
+
+notebook > header tab button.flat:last-child {
+ margin-left: 6px;
+ margin-right: -6px;
+}
+
+notebook > header tab button.flat:first-child {
+ margin-left: -6px;
+ margin-right: 6px;
+}
+
+notebook > header tab button.close-button {
+ min-width: 24px;
+ min-height: 24px;
+}
+
+notebook > header.top tabs:not(:only-child):first-child, notebook > header.bottom tabs:not(:only-child):first-child {
+ margin-left: 0;
+}
+
+notebook > header.top tabs:not(:only-child):last-child, notebook > header.bottom tabs:not(:only-child):last-child {
+ margin-right: 0;
+}
+
+notebook > header.top tabs tab.reorderable-page, notebook > header.bottom tabs tab.reorderable-page {
+ border-style: solid;
+}
+
+notebook > header.left tabs:not(:only-child):first-child, notebook > header.right tabs:not(:only-child):first-child {
+ margin-top: 0;
+}
+
+notebook > header.left tabs:not(:only-child):last-child, notebook > header.right tabs:not(:only-child):last-child {
+ margin-bottom: 0;
+}
+
+notebook > header.left tabs tab.reorderable-page, notebook > header.right tabs tab.reorderable-page {
+ border-style: solid;
+}
+
+notebook > stack:not(:only-child) {
+ background-color: transparent;
+ border-radius: 6px;
+}
+
+/**************
+ * Scrollbars *
+ **************/
+scrollbar {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ background-color: #FFFFFF;
+}
+
+* {
+ -GtkScrollbar-has-backward-stepper: false;
+ -GtkScrollbar-has-forward-stepper: false;
+}
+
+scrollbar.top {
+ border-bottom: 1px solid rgba(0, 0, 0, 0.12);
+}
+
+scrollbar.bottom {
+ border-top: 1px solid rgba(0, 0, 0, 0.12);
+}
+
+scrollbar.left {
+ border-right: 1px solid rgba(0, 0, 0, 0.12);
+}
+
+scrollbar.right {
+ border-left: 1px solid rgba(0, 0, 0, 0.12);
+}
+
+scrollbar slider {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+ min-width: 8px;
+ min-height: 8px;
+ border: 4px solid transparent;
+ border-radius: 9999px;
+ background-clip: padding-box;
+ background-color: rgba(0, 0, 0, 0.38);
+}
+
+scrollbar slider:hover {
+ background-color: rgba(0, 0, 0, 0.6);
+}
+
+scrollbar slider:active {
+ background-color: rgba(0, 0, 0, 0.87);
+}
+
+scrollbar slider:disabled {
+ background-color: rgba(0, 0, 0, 0.26);
+}
+
+scrollbar.fine-tune slider {
+ min-width: 4px;
+ min-height: 4px;
+}
+
+scrollbar.fine-tune.horizontal slider {
+ margin: 2px 0;
+}
+
+scrollbar.fine-tune.vertical slider {
+ margin: 0 2px;
+}
+
+scrollbar.overlay-indicator:not(.fine-tune) slider {
+ transition-property: background-color, min-height, min-width;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) {
+ border-color: transparent;
+ background-color: transparent;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider {
+ min-width: 4px;
+ min-height: 4px;
+ margin: 3px;
+ border: 1px solid rgba(255, 255, 255, 0.3);
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) button {
+ min-width: 4px;
+ min-height: 4px;
+ margin: 3px;
+ border: 1px solid rgba(255, 255, 255, 0.3);
+ border-radius: 9999px;
+ background-color: rgba(0, 0, 0, 0.38);
+ background-clip: padding-box;
+ -gtk-icon-source: none;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled {
+ background-color: rgba(0, 0, 0, 0.26);
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider {
+ min-width: 24px;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button {
+ min-width: 8px;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider {
+ min-height: 24px;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button {
+ min-height: 8px;
+}
+
+scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering {
+ background-color: rgba(255, 255, 255, 0.9);
+}
+
+scrollbar.horizontal slider {
+ min-width: 24px;
+}
+
+scrollbar.vertical slider {
+ min-height: 24px;
+}
+
+scrollbar button {
+ min-width: 16px;
+ min-height: 16px;
+ padding: 0;
+ border-radius: 0;
+}
+
+scrollbar.vertical button.down {
+ -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+}
+
+scrollbar.vertical button.up {
+ -gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
+}
+
+scrollbar.horizontal button.down {
+ -gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
+}
+
+scrollbar.horizontal button.up {
+ -gtk-icon-source: -gtk-icontheme("pan-start-symbolic");
+}
+
+/**********
+ * Switch *
+ **********/
+switch {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ margin: 6px 0;
+ border: none;
+ border-radius: 9999px;
+ background-color: rgba(0, 0, 0, 0.38);
+ background-clip: padding-box;
+ font-size: 0;
+ color: transparent;
+}
+
+switch:checked {
+ background-color: #3c84f7;
+}
+
+switch:disabled {
+ opacity: 0.5;
+}
+
+switch slider {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ min-width: 20px;
+ min-height: 20px;
+ margin: 1px;
+ border-radius: 9999px;
+ outline: none;
+ box-shadow: none;
+ background-color: white;
+ border: none;
+ color: transparent;
+}
+
+switch:focus slider, switch:hover slider, switch:focus:hover slider {
+ box-shadow: 0 0 0 6px rgba(0, 0, 0, 0.12);
+}
+
+/*************************
+ * Check and Radio items *
+ *************************/
+.view.content-view.check:not(list),
+.content-view .tile check:not(list) {
+ min-height: 40px;
+ min-width: 40px;
+ margin: 0;
+ padding: 0;
+ box-shadow: none;
+ background-color: transparent;
+ background-image: none;
+}
+
+.view.content-view.check:not(list),
+.content-view .tile check:not(list) {
+ -gtk-icon-source: -gtk-scaled(url("assets/selectionmode-checkbox-unchecked.png"), url("assets/selectionmode-checkbox-unchecked@2.png"));
+}
+
+.view.content-view.check:not(list):checked,
+.content-view .tile check:not(list):checked {
+ -gtk-icon-source: -gtk-scaled(url("assets/selectionmode-checkbox-checked.png"), url("assets/selectionmode-checkbox-checked@2.png"));
+}
+
+checkbutton,
+radiobutton {
+ outline: none;
+}
+
+checkbutton.text-button,
+radiobutton.text-button {
+ padding: 2px;
+}
+
+checkbutton.text-button label:not(:only-child),
+radiobutton.text-button label:not(:only-child) {
+ margin: 0 4px;
+}
+
+check,
+radio {
+ min-height: 20px;
+ min-width: 20px;
+ margin: 3px;
+ padding: 0;
+ border-radius: 9999px;
+ color: transparent;
+ background-color: rgba(0, 0, 0, 0.12);
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+check:hover,
+radio:hover {
+ box-shadow: 0 0 0 6px rgba(0, 0, 0, 0.04);
+ background-color: rgba(0, 0, 0, 0.15);
+}
+
+check:active,
+radio:active {
+ box-shadow: 0 0 0 6px rgba(0, 0, 0, 0.12);
+ background-color: rgba(0, 0, 0, 0.2);
+}
+
+check:disabled,
+radio:disabled {
+ background-color: rgba(0, 0, 0, 0.04);
+}
+
+check:checked, check:indeterminate,
+radio:checked,
+radio:indeterminate {
+ color: #FFFFFF;
+ background-color: #3c84f7;
+}
+
+check:checked:hover, check:indeterminate:hover,
+radio:checked:hover,
+radio:indeterminate:hover {
+ box-shadow: 0 0 0 6px rgba(60, 132, 247, 0.15);
+ background-color: #6da3f9;
+}
+
+check:checked:active, check:indeterminate:active,
+radio:checked:active,
+radio:indeterminate:active {
+ box-shadow: 0 0 0 6px rgba(60, 132, 247, 0.2);
+ background-color: #3c84f7;
+}
+
+check:checked:disabled, check:indeterminate:disabled,
+radio:checked:disabled,
+radio:indeterminate:disabled {
+ color: rgba(255, 255, 255, 0.5);
+ background-color: rgba(60, 132, 247, 0.35);
+}
+
+popover modelbutton.flat check, popover modelbutton.flat check:focus, popover modelbutton.flat check:hover, popover modelbutton.flat check:focus:hover, popover modelbutton.flat check:active, popover modelbutton.flat check:disabled, popover modelbutton.flat radio, popover modelbutton.flat radio:focus, popover modelbutton.flat radio:hover, popover modelbutton.flat radio:focus:hover, popover modelbutton.flat radio:active, popover modelbutton.flat radio:disabled {
+ transition: none;
+ box-shadow: none;
+ background-image: none;
+}
+
+popover modelbutton.flat check.left:dir(rtl), popover modelbutton.flat radio.left:dir(rtl) {
+ margin-left: -3px;
+ margin-right: 6px;
+}
+
+popover modelbutton.flat check.right:dir(ltr), popover modelbutton.flat radio.right:dir(ltr) {
+ margin-left: 6px;
+ margin-right: -3px;
+}
+
+menu menuitem check, menu menuitem radio {
+ transition: none;
+ margin: 0;
+ padding: 0;
+}
+
+menu menuitem check:dir(ltr), menu menuitem radio:dir(ltr) {
+ margin-right: 6px;
+ margin-left: -3px;
+}
+
+menu menuitem check:dir(rtl), menu menuitem radio:dir(rtl) {
+ margin-left: 6px;
+ margin-right: -3px;
+}
+
+menu menuitem check, menu menuitem check:hover, menu menuitem check:disabled, menu menuitem check:checked:hover, menu menuitem check:indeterminate:hover, menu menuitem radio, menu menuitem radio:hover, menu menuitem radio:disabled, menu menuitem radio:checked:hover, menu menuitem radio:indeterminate:hover {
+ box-shadow: none;
+}
+
+
+check:checked {
+ -gtk-icon-source: -gtk-recolor(url("assets/scalable/checkbox-checked-symbolic.svg"));
+}
+
+
+check:indeterminate {
+ -gtk-icon-source: -gtk-recolor(url("assets/scalable/checkbox-mixed-symbolic.svg"));
+}
+
+
+radio:checked {
+ -gtk-icon-source: -gtk-recolor(url("assets/scalable/radio-checked-symbolic.svg"));
+}
+
+
+radio:indeterminate {
+ -gtk-icon-source: -gtk-recolor(url("assets/scalable/radio-mixed-symbolic.svg"));
+}
+
+#MozillaGtkWidget > widget > checkbutton > check,
+menu menuitem check {
+ min-height: 16px;
+ min-width: 16px;
+}
+
+#MozillaGtkWidget > widget > checkbutton > check:checked,
+menu menuitem check:checked {
+ -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-checked-symbolic.svg"));
+}
+
+#MozillaGtkWidget > widget > checkbutton > check:indeterminate,
+menu menuitem check:indeterminate {
+ -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-mixed-symbolic.svg"));
+}
+
+#MozillaGtkWidget > widget > radiobutton > radio,
+menu menuitem radio {
+ min-height: 16px;
+ min-width: 16px;
+}
+
+#MozillaGtkWidget > widget > radiobutton > radio:checked,
+menu menuitem radio:checked {
+ -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-checked-symbolic.svg"));
+}
+
+#MozillaGtkWidget > widget > radiobutton > radio:indeterminate,
+menu menuitem radio:indeterminate {
+ -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-mixed-symbolic.svg"));
+}
+
+check:not(:checked):active {
+ -gtk-icon-transform: rotate(90deg);
+}
+
+check:not(:checked):indeterminate:active,
+radio:not(:checked):indeterminate:active {
+ -gtk-icon-transform: scaleX(-1);
+}
+
+treeview.view radio, treeview.view check {
+ padding: 0;
+ margin: 0;
+}
+
+treeview.view radio:not(:hover):not(:disabled):not(:checked):not(:indeterminate), treeview.view check:not(:hover):not(:disabled):not(:checked):not(:indeterminate) {
+ background-color: rgba(0, 0, 0, 0.12);
+}
+
+treeview.view radio, treeview.view radio:hover, treeview.view radio:disabled, treeview.view radio:checked:hover, treeview.view radio:indeterminate:hover, treeview.view check, treeview.view check:hover, treeview.view check:disabled, treeview.view check:checked:hover, treeview.view check:indeterminate:hover {
+ box-shadow: none;
+}
+
+treeview.view:selected radio:checked, treeview.view:selected radio:indeterminate, treeview.view:selected check:checked, treeview.view:selected check:indeterminate, treeview.view:selected:focus radio:checked, treeview.view:selected:focus radio:indeterminate, treeview.view:selected:focus check:checked, treeview.view:selected:focus check:indeterminate {
+ background-color: #3c84f7;
+ color: #FFFFFF;
+ background-image: none;
+}
+
+/************
+ * GtkScale *
+ ************/
+scale {
+ min-height: 2px;
+ min-width: 2px;
+}
+
+scale.horizontal {
+ padding: 17px 12px;
+}
+
+scale.vertical {
+ padding: 12px 17px;
+}
+
+scale slider {
+ min-height: 18px;
+ min-width: 18px;
+ margin: -8px;
+}
+
+scale.fine-tune.horizontal {
+ min-height: 4px;
+ padding-top: 16px;
+ padding-bottom: 16px;
+}
+
+scale.fine-tune.vertical {
+ min-width: 4px;
+ padding-left: 16px;
+ padding-right: 16px;
+}
+
+scale.fine-tune slider {
+ margin: -7px;
+}
+
+scale trough {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+ outline: none;
+ background-color: rgba(0, 0, 0, 0.26);
+}
+
+scale trough:disabled {
+ background-color: rgba(0, 0, 0, 0.12);
+}
+
+scale highlight {
+ transition: background-image 75ms cubic-bezier(0, 0, 0.2, 1);
+ background-image: image(#3c84f7);
+}
+
+scale highlight:disabled {
+ background-color: #FFFFFF;
+ background-image: image(rgba(0, 0, 0, 0.26));
+}
+
+scale fill {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+ background-color: rgba(0, 0, 0, 0.26);
+}
+
+scale fill:disabled {
+ background-color: transparent;
+}
+
+scale slider {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ border-radius: 9999px;
+ color: #3c84f7;
+ background-color: #FFFFFF;
+ box-shadow: inset 0 0 0 2px #3c84f7;
+}
+
+scale slider:hover {
+ box-shadow: inset 0 0 0 2px #3c84f7, 0 0 0 8px rgba(0, 0, 0, 0.12);
+}
+
+scale slider:active {
+ box-shadow: inset 0 0 0 4px #3c84f7, 0 0 0 8px rgba(0, 0, 0, 0.12);
+}
+
+scale slider:disabled {
+ box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.26);
+}
+
+scale marks,
+scale value {
+ color: rgba(0, 0, 0, 0.6);
+}
+
+scale indicator {
+ background-color: rgba(0, 0, 0, 0.26);
+ color: transparent;
+}
+
+scale.horizontal marks.top {
+ margin-bottom: 7px;
+ margin-top: -15px;
+}
+
+scale.horizontal.fine-tune marks.top {
+ margin-bottom: 6px;
+ margin-top: -14px;
+}
+
+scale.horizontal marks.bottom {
+ margin-top: 7px;
+ margin-bottom: -15px;
+}
+
+scale.horizontal.fine-tune marks.bottom {
+ margin-top: 6px;
+ margin-bottom: -14px;
+}
+
+scale.vertical marks.top {
+ margin-right: 7px;
+ margin-left: -15px;
+}
+
+scale.vertical.fine-tune marks.top {
+ margin-right: 6px;
+ margin-left: -14px;
+}
+
+scale.vertical marks.bottom {
+ margin-left: 7px;
+ margin-right: -15px;
+}
+
+scale.vertical.fine-tune marks.bottom {
+ margin-left: 6px;
+ margin-right: -14px;
+}
+
+scale.horizontal indicator {
+ min-height: 8px;
+ min-width: 1px;
+}
+
+scale.vertical indicator {
+ min-height: 1px;
+ min-width: 8px;
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+ min-height: 32px;
+ min-width: 32px;
+ margin: -15px;
+ border-radius: 50%;
+ background-size: auto, 1000% 1000%;
+ background-repeat: no-repeat;
+ background-position: center center;
+ background-color: transparent;
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider, scale.horizontal.marks-before:not(.marks-after) slider:hover, scale.horizontal.marks-before:not(.marks-after) slider:active, scale.horizontal.marks-before:not(.marks-after) slider:disabled {
+ box-shadow: none;
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:focus {
+ background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:hover {
+ background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:focus:hover {
+ background-color: alpha(currentColor, 0.16);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:active {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms;
+ animation: ripple-on-slider 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+ background-size: auto, 0% 0%;
+ background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider {
+ background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider.png"), url("assets/scale-horz-marks-before-slider@2.png")), radial-gradient(circle, transparent 10%, transparent 0%);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:disabled {
+ background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider-disabled.png"), url("assets/scale-horz-marks-before-slider-disabled@2.png")), radial-gradient(circle, transparent 10%, transparent 0%);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:active {
+ background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider.png"), url("assets/scale-horz-marks-before-slider@2.png")), radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+ min-height: 32px;
+ min-width: 32px;
+ margin: -15px;
+ border-radius: 50%;
+ background-size: auto, 1000% 1000%;
+ background-repeat: no-repeat;
+ background-position: center center;
+ background-color: transparent;
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider, scale.horizontal.marks-after:not(.marks-before) slider:hover, scale.horizontal.marks-after:not(.marks-before) slider:active, scale.horizontal.marks-after:not(.marks-before) slider:disabled {
+ box-shadow: none;
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:focus {
+ background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:hover {
+ background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:focus:hover {
+ background-color: alpha(currentColor, 0.16);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:active {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms;
+ animation: ripple-on-slider 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+ background-size: auto, 0% 0%;
+ background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider {
+ background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider.png"), url("assets/scale-horz-marks-after-slider@2.png")), radial-gradient(circle, transparent 10%, transparent 0%);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:disabled {
+ background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider-disabled.png"), url("assets/scale-horz-marks-after-slider-disabled@2.png")), radial-gradient(circle, transparent 10%, transparent 0%);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:active {
+ background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider.png"), url("assets/scale-horz-marks-after-slider@2.png")), radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+ min-height: 32px;
+ min-width: 32px;
+ margin: -15px;
+ border-radius: 50%;
+ background-size: auto, 1000% 1000%;
+ background-repeat: no-repeat;
+ background-position: center center;
+ background-color: transparent;
+}
+
+scale.vertical.marks-before:not(.marks-after) slider, scale.vertical.marks-before:not(.marks-after) slider:hover, scale.vertical.marks-before:not(.marks-after) slider:active, scale.vertical.marks-before:not(.marks-after) slider:disabled {
+ box-shadow: none;
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:focus {
+ background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:hover {
+ background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:focus:hover {
+ background-color: alpha(currentColor, 0.16);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:active {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms;
+ animation: ripple-on-slider 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+ background-size: auto, 0% 0%;
+ background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider {
+ background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider.png"), url("assets/scale-vert-marks-before-slider@2.png")), radial-gradient(circle, transparent 10%, transparent 0%);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:disabled {
+ background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider-disabled.png"), url("assets/scale-vert-marks-before-slider-disabled@2.png")), radial-gradient(circle, transparent 10%, transparent 0%);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:active {
+ background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider.png"), url("assets/scale-vert-marks-before-slider@2.png")), radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+ min-height: 32px;
+ min-width: 32px;
+ margin: -15px;
+ border-radius: 50%;
+ background-size: auto, 1000% 1000%;
+ background-repeat: no-repeat;
+ background-position: center center;
+ background-color: transparent;
+}
+
+scale.vertical.marks-after:not(.marks-before) slider, scale.vertical.marks-after:not(.marks-before) slider:hover, scale.vertical.marks-after:not(.marks-before) slider:active, scale.vertical.marks-after:not(.marks-before) slider:disabled {
+ box-shadow: none;
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:focus {
+ background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:hover {
+ background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:focus:hover {
+ background-color: alpha(currentColor, 0.16);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:active {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms;
+ animation: ripple-on-slider 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+ background-size: auto, 0% 0%;
+ background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider {
+ background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider.png"), url("assets/scale-vert-marks-after-slider@2.png")), radial-gradient(circle, transparent 10%, transparent 0%);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:disabled {
+ background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider-disabled.png"), url("assets/scale-vert-marks-after-slider-disabled@2.png")), radial-gradient(circle, transparent 10%, transparent 0%);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:active {
+ background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider.png"), url("assets/scale-vert-marks-after-slider@2.png")), radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%);
+}
+
+scale.color {
+ min-height: 0;
+ min-width: 0;
+}
+
+scale.color.horizontal {
+ padding: 0 0 12px 0;
+}
+
+scale.color.horizontal slider:dir(ltr), scale.color.horizontal slider:dir(rtl) {
+ margin-bottom: -13.5px;
+ margin-top: 11.5px;
+}
+
+scale.color.vertical:dir(ltr) {
+ padding: 0 0 0 12px;
+}
+
+scale.color.vertical:dir(ltr) slider {
+ margin-left: -13.5px;
+ margin-right: 11.5px;
+}
+
+scale.color.vertical:dir(rtl) {
+ padding: 0 12px 0 0;
+}
+
+scale.color.vertical:dir(rtl) slider {
+ margin-right: -13.5px;
+ margin-left: 11.5px;
+}
+
+/*****************
+ * Progress bars *
+ *****************/
+progressbar {
+ color: rgba(0, 0, 0, 0.6);
+ font-size: smaller;
+}
+
+progressbar.horizontal trough,
+progressbar.horizontal progress {
+ min-height: 6px;
+}
+
+progressbar.vertical trough,
+progressbar.vertical progress {
+ min-width: 6px;
+}
+
+progressbar trough {
+ border-radius: 6px;
+ background-color: rgba(0, 0, 0, 0.12);
+}
+
+progressbar progress {
+ border-radius: 6px;
+ background-color: #3c84f7;
+}
+
+progressbar.osd {
+ min-width: 6px;
+ min-height: 6px;
+ background-color: transparent;
+}
+
+progressbar.osd trough {
+ background-color: transparent;
+}
+
+progressbar.osd progress {
+ background-color: #3c84f7;
+}
+
+progressbar trough.empty progress {
+ all: unset;
+}
+
+/*************
+ * Level Bar *
+ *************/
+levelbar.horizontal block {
+ min-height: 6px;
+}
+
+levelbar.horizontal.discrete block {
+ min-width: 36px;
+}
+
+levelbar.horizontal.discrete block:not(:last-child) {
+ margin-right: 2px;
+}
+
+levelbar.vertical block {
+ min-width: 6px;
+}
+
+levelbar.vertical.discrete block {
+ min-height: 36px;
+}
+
+levelbar.vertical.discrete block:not(:last-child) {
+ margin-bottom: 2px;
+}
+
+levelbar trough {
+ border-radius: 6px;
+}
+
+levelbar block.low {
+ background-color: #FFD600;
+}
+
+levelbar block.high, levelbar block:not(.empty) {
+ background-color: #3c84f7;
+}
+
+levelbar block.full {
+ background-color: #4CAF50;
+}
+
+levelbar block.empty {
+ background-color: rgba(0, 0, 0, 0.12);
+}
+
+/****************
+ * Print dialog *
+*****************/
+printdialog paper {
+ padding: 0;
+ border: 1px solid rgba(0, 0, 0, 0.12);
+ background-color: #FFFFFF;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+printdialog .dialog-action-box {
+ margin: 12px;
+}
+
+/**********
+ * Frames *
+ **********/
+frame > border, .frame {
+ margin: 0;
+ padding: 0;
+ border: 1px solid rgba(0, 0, 0, 0.12);
+ border-radius: 0;
+ box-shadow: none;
+}
+
+.frame.view {
+ border-radius: 6px;
+}
+
+.frame.flat {
+ border-style: none;
+}
+
+frame.flat > border, frame > border.flat, statusbar frame > border {
+ border: none;
+}
+
+actionbar > revealer > box {
+ padding: 6px;
+ border-top: 1px solid rgba(0, 0, 0, 0.12);
+ background-color: #FFFFFF;
+ background-clip: border-box;
+}
+
+.background.csd box.vertical > actionbar > revealer > box {
+ border-radius: 0 0 12px 12px;
+}
+
+scrolledwindow viewport.frame {
+ border: none;
+}
+
+stack scrolledwindow.frame viewport.frame list {
+ border: none;
+}
+
+overshoot.top {
+ background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(rgba(0, 0, 0, 0.12)), to(rgba(0, 0, 0, 0))), -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(0, 0, 0, 0.07)), to(rgba(0, 0, 0, 0)));
+ background-size: 100% 5%, 100% 100%;
+ background-repeat: no-repeat;
+ background-position: center top;
+ background-color: transparent;
+ border: none;
+ box-shadow: none;
+}
+
+overshoot.bottom {
+ background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(rgba(0, 0, 0, 0.12)), to(rgba(0, 0, 0, 0))), -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(0, 0, 0, 0.07)), to(rgba(0, 0, 0, 0)));
+ background-size: 100% 5%, 100% 100%;
+ background-repeat: no-repeat;
+ background-position: center bottom;
+ background-color: transparent;
+ border: none;
+ box-shadow: none;
+}
+
+overshoot.left {
+ background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(rgba(0, 0, 0, 0.12)), to(rgba(0, 0, 0, 0))), -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(0, 0, 0, 0.07)), to(rgba(0, 0, 0, 0)));
+ background-size: 5% 100%, 100% 100%;
+ background-repeat: no-repeat;
+ background-position: left center;
+ background-color: transparent;
+ border: none;
+ box-shadow: none;
+}
+
+overshoot.right {
+ background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(rgba(0, 0, 0, 0.12)), to(rgba(0, 0, 0, 0))), -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(0, 0, 0, 0.07)), to(rgba(0, 0, 0, 0)));
+ background-size: 5% 100%, 100% 100%;
+ background-repeat: no-repeat;
+ background-position: right center;
+ background-color: transparent;
+ border: none;
+ box-shadow: none;
+}
+
+junction {
+ border-style: solid none none solid;
+ border-width: 1px;
+ border-color: rgba(0, 0, 0, 0.12);
+ background-color: #FFFFFF;
+}
+
+junction:dir(rtl) {
+ border-style: solid solid none none;
+}
+
+separator {
+ min-width: 1px;
+ min-height: 1px;
+ background-color: rgba(0, 0, 0, 0.12);
+}
+
+preferences stacksidebar.sidebar list separator, hdyleaflet > box.vertical > scrolledwindow > viewport.frame list:not(.view):not(.tweak-group) separator, leaflet > box.vertical > scrolledwindow > viewport.frame list:not(.view):not(.tweak-group) separator, box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame list:not(.view):not(.tweak-group) separator, window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator,
+window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator,
+window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, .tweak-categories separator, placessidebar.sidebar list > separator, stacksidebar.sidebar + separator.vertical,
+stacksidebar.sidebar separator.horizontal, button.font separator, button.file separator {
+ min-width: 0;
+ min-height: 0;
+ background-color: transparent;
+}
+
+/*********
+ * Lists *
+ *********/
+window.background.csd stack stack stack frame > list,
+window.background.csd > stack > stack > box > frame > list,
+window.background.csd > stack > stack > box > box > frame > list,
+window.background.csd > stack > box > stack > box > frame > list,
+window.background.csd > stack > box > stack > scrolledwindow > viewport frame > list,
+window.background.csd > stack > box > stack > box > scrolledwindow > viewport > frame > list,
+window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > list, window.background.csd > stack > list,
+window.background.csd > stack > scrolledwindow > viewport > box > list,
+window.background.csd > box > stack > scrolledwindow > viewport > box > list, preferencesgroup list, .geary-accounts-editor-pane list, window.background.csd.unified > deck > deck > deck list, hdyleaflet list.view, hdyleaflet list.frame, leaflet list.view, leaflet list.frame, box.horizontal > stack.background list.view, box.horizontal > stack.background list.frame, hdyleaflet stack.background scrolledwindow > viewport list, hdyleaflet overlay scrolledwindow > viewport list, leaflet stack.background scrolledwindow > viewport list, leaflet overlay scrolledwindow > viewport list, box.horizontal > stack.background stack.background scrolledwindow > viewport list, box.horizontal > stack.background overlay scrolledwindow > viewport list, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list), box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list), list.tweak-group list, .tweak-group-startup, list.content:not(.conversation-listbox) {
+ border-radius: 7px;
+ box-shadow: none;
+ border: 1px solid rgba(0, 0, 0, 0.12);
+}
+
+window.background.csd stack stack stack frame > list > separator,
+window.background.csd > stack > stack > box > frame > list > separator,
+window.background.csd > stack > box > stack > scrolledwindow > viewport frame > list > separator,
+window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > list > separator, window.background.csd > stack > list > separator,
+window.background.csd > stack > scrolledwindow > viewport > box > list > separator, preferencesgroup list > separator, .geary-accounts-editor-pane list > separator, window.background.csd.unified > deck > deck > deck list > separator, hdyleaflet list.view > separator, hdyleaflet list.frame > separator, leaflet list.view > separator, leaflet list.frame > separator, box.horizontal > stack.background list.view > separator, box.horizontal > stack.background list.frame > separator, hdyleaflet stack.background scrolledwindow > viewport list > separator, hdyleaflet overlay scrolledwindow > viewport list > separator, leaflet stack.background scrolledwindow > viewport list > separator, leaflet overlay scrolledwindow > viewport list > separator, box.horizontal > stack.background stack.background scrolledwindow > viewport list > separator, box.horizontal > stack.background overlay scrolledwindow > viewport list > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) > separator, list.tweak-group list > separator, .tweak-group-startup > separator, list.content:not(.conversation-listbox) > separator {
+ background: none;
+ min-height: 0;
+}
+
+window.background.csd stack stack stack frame > list row,
+window.background.csd > stack > stack > box > frame > list row,
+window.background.csd > stack > box > stack > scrolledwindow > viewport frame > list row,
+window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > list row, window.background.csd > stack > list row,
+window.background.csd > stack > scrolledwindow > viewport > box > list row, preferencesgroup list row, .geary-accounts-editor-pane list row, window.background.csd.unified > deck > deck > deck list row, hdyleaflet list.view row, hdyleaflet list.frame row, leaflet list.view row, leaflet list.frame row, box.horizontal > stack.background list.view row, box.horizontal > stack.background list.frame row, hdyleaflet stack.background scrolledwindow > viewport list row, hdyleaflet overlay scrolledwindow > viewport list row, leaflet stack.background scrolledwindow > viewport list row, leaflet overlay scrolledwindow > viewport list row, box.horizontal > stack.background stack.background scrolledwindow > viewport list row, box.horizontal > stack.background overlay scrolledwindow > viewport list row, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row, leaflet frame:not(.view) list:not(.contacts-contact-list) row, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row, list.tweak-group list row, .tweak-group-startup row, list.content:not(.conversation-listbox) > row {
+ border-radius: 0;
+}
+
+window.background.csd stack stack stack frame > list row:not(:first-child), window.background.csd > stack > list row:not(:first-child), preferencesgroup list row:not(:first-child), .geary-accounts-editor-pane list row:not(:first-child), window.background.csd.unified > deck > deck > deck list row:not(:first-child), hdyleaflet list.view row:not(:first-child), hdyleaflet list.frame row:not(:first-child), leaflet list.view row:not(:first-child), leaflet list.frame row:not(:first-child), box.horizontal > stack.background list.view row:not(:first-child), box.horizontal > stack.background list.frame row:not(:first-child), hdyleaflet stack.background scrolledwindow > viewport list row:not(:first-child), hdyleaflet overlay scrolledwindow > viewport list row:not(:first-child), leaflet stack.background scrolledwindow > viewport list row:not(:first-child), leaflet overlay scrolledwindow > viewport list row:not(:first-child), box.horizontal > stack.background stack.background scrolledwindow > viewport list row:not(:first-child), box.horizontal > stack.background overlay scrolledwindow > viewport list row:not(:first-child), hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row:not(:first-child), leaflet frame:not(.view) list:not(.contacts-contact-list) row:not(:first-child), box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row:not(:first-child), list.tweak-group list row:not(:first-child), .tweak-group-startup row:not(:first-child), list.content:not(.conversation-listbox) > row:not(:first-child) {
+ border-top: 1px solid rgba(0, 0, 0, 0.12);
+}
+
+window.background.csd stack stack stack frame > list row:first-child, window.background.csd > stack > list row:first-child, preferencesgroup list row:first-child, .geary-accounts-editor-pane list row:first-child, window.background.csd.unified > deck > deck > deck list row:first-child, hdyleaflet list.view row:first-child, hdyleaflet list.frame row:first-child, leaflet list.view row:first-child, leaflet list.frame row:first-child, box.horizontal > stack.background list.view row:first-child, box.horizontal > stack.background list.frame row:first-child, hdyleaflet stack.background scrolledwindow > viewport list row:first-child, hdyleaflet overlay scrolledwindow > viewport list row:first-child, leaflet stack.background scrolledwindow > viewport list row:first-child, leaflet overlay scrolledwindow > viewport list row:first-child, box.horizontal > stack.background stack.background scrolledwindow > viewport list row:first-child, box.horizontal > stack.background overlay scrolledwindow > viewport list row:first-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row:first-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row:first-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row:first-child, list.tweak-group list row:first-child, .tweak-group-startup row:first-child, list.content:not(.conversation-listbox) > row:first-child {
+ border-top-left-radius: 6px;
+ border-top-right-radius: 6px;
+}
+
+window.background.csd stack stack stack frame > list row:last-child, window.background.csd > stack > list row:last-child, preferencesgroup list row:last-child, .geary-accounts-editor-pane list row:last-child, window.background.csd.unified > deck > deck > deck list row:last-child, hdyleaflet list.view row:last-child, hdyleaflet list.frame row:last-child, leaflet list.view row:last-child, leaflet list.frame row:last-child, box.horizontal > stack.background list.view row:last-child, box.horizontal > stack.background list.frame row:last-child, hdyleaflet stack.background scrolledwindow > viewport list row:last-child, hdyleaflet overlay scrolledwindow > viewport list row:last-child, leaflet stack.background scrolledwindow > viewport list row:last-child, leaflet overlay scrolledwindow > viewport list row:last-child, box.horizontal > stack.background stack.background scrolledwindow > viewport list row:last-child, box.horizontal > stack.background overlay scrolledwindow > viewport list row:last-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row:last-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row:last-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row:last-child, list.tweak-group list row:last-child, .tweak-group-startup row:last-child, list.content:not(.conversation-listbox) > row:last-child {
+ border-bottom-left-radius: 6px;
+ border-bottom-right-radius: 6px;
+}
+
+window.background.csd stack stack stack frame > list row:only-child, window.background.csd > stack > list row:only-child, preferencesgroup list row:only-child, .geary-accounts-editor-pane list row:only-child, window.background.csd.unified > deck > deck > deck list row:only-child, hdyleaflet list.view row:only-child, hdyleaflet list.frame row:only-child, leaflet list.view row:only-child, leaflet list.frame row:only-child, box.horizontal > stack.background list.view row:only-child, box.horizontal > stack.background list.frame row:only-child, hdyleaflet stack.background scrolledwindow > viewport list row:only-child, hdyleaflet overlay scrolledwindow > viewport list row:only-child, leaflet stack.background scrolledwindow > viewport list row:only-child, leaflet overlay scrolledwindow > viewport list row:only-child, box.horizontal > stack.background stack.background scrolledwindow > viewport list row:only-child, box.horizontal > stack.background overlay scrolledwindow > viewport list row:only-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row:only-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row:only-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row:only-child, list.tweak-group list row:only-child, .tweak-group-startup row:only-child, list.content:not(.conversation-listbox) > row:only-child {
+ border-radius: 6px;
+}
+
+window.background.csd stack stack stack frame > list row:focus, window.background.csd > stack > list row:focus, preferencesgroup list row:focus, .geary-accounts-editor-pane list row:focus, window.background.csd.unified > deck > deck > deck list row:focus, hdyleaflet list.view row:focus, hdyleaflet list.frame row:focus, leaflet list.view row:focus, leaflet list.frame row:focus, box.horizontal > stack.background list.view row:focus, box.horizontal > stack.background list.frame row:focus, hdyleaflet stack.background scrolledwindow > viewport list row:focus, hdyleaflet overlay scrolledwindow > viewport list row:focus, leaflet stack.background scrolledwindow > viewport list row:focus, leaflet overlay scrolledwindow > viewport list row:focus, box.horizontal > stack.background stack.background scrolledwindow > viewport list row:focus, box.horizontal > stack.background overlay scrolledwindow > viewport list row:focus, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row:focus, leaflet frame:not(.view) list:not(.contacts-contact-list) row:focus, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row:focus, list.tweak-group list row:focus, .tweak-group-startup row:focus, list.content:not(.conversation-listbox) > row:focus {
+ box-shadow: inset 0 0 0 1000px alpha(currentColor, 0.08);
+}
+
+list {
+ border-color: rgba(0, 0, 0, 0.12);
+ background-color: #FFFFFF;
+}
+
+list row {
+ padding: 3px;
+}
+
+list.navigation-sidebar {
+ padding: 3px;
+}
+
+list.navigation-sidebar > row {
+ border-radius: 6px;
+}
+
+.budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable, treeview.view header button, row.activatable {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+ outline: none;
+ box-shadow: inset 0 0 0 9999px transparent;
+ background-image: radial-gradient(circle, transparent 10%, transparent 0%);
+ background-repeat: no-repeat;
+ background-position: center;
+ background-size: 1000% 1000%;
+}
+
+.budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable:focus, treeview.view header button:focus, row.activatable:focus {
+ box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+.budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable:hover, treeview.view header button:hover, row.activatable:hover {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms, background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+ box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+.budgie-popover scrolledwindow.sidebar:not(.categories) list > row.has-open-popup.activatable, treeview.view header button.has-open-popup, .budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable:active, treeview.view header button:active, row.activatable.has-open-popup, row.activatable:active {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms;
+ animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+ box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+ background-image: radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%);
+ background-size: 0% 0%;
+}
+
+row:selected {
+ color: inherit;
+ background-color: rgba(0, 0, 0, 0.12);
+}
+
+row:selected image,
+row:selected label {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+row:selected button image,
+row:selected button label {
+ color: inherit;
+}
+
+row:selected:disabled image,
+row:selected:disabled label {
+ color: rgba(0, 0, 0, 0.38);
+}
+
+/*********************
+ * App Notifications *
+ *********************/
+.app-notification {
+ margin: 8px;
+}
+
+.app-notification button.text-button:not(:disabled) {
+ color: #3c84f7;
+}
+
+.app-notification.frame,
+.app-notification border {
+ border-style: none;
+}
+
+/*************
+ * Expanders *
+ *************/
+expander title > arrow {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ min-width: 16px;
+ min-height: 16px;
+ -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+ -gtk-icon-transform: rotate(-90deg);
+ color: rgba(0, 0, 0, 0.6);
+}
+
+expander title > arrow:dir(rtl) {
+ -gtk-icon-transform: rotate(90deg);
+}
+
+expander title > arrow:checked {
+ -gtk-icon-transform: unset;
+}
+
+expander title > arrow:hover, expander title > arrow:active {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+expander title > arrow:disabled {
+ color: rgba(0, 0, 0, 0.26);
+}
+
+/************
+ * Calendar *
+ ************/
+calendar {
+ padding: 1px;
+ border: 1px solid rgba(0, 0, 0, 0.12);
+ color: rgba(0, 0, 0, 0.87);
+}
+
+calendar:disabled {
+ color: rgba(0, 0, 0, 0.38);
+}
+
+calendar:selected {
+ border-radius: 7px;
+}
+
+calendar.header {
+ border-style: none none solid;
+ border-color: rgba(0, 0, 0, 0.12);
+ border-radius: 0;
+}
+
+calendar.highlight {
+ color: rgba(0, 0, 0, 0.6);
+ font-weight: 500;
+}
+
+calendar:indeterminate {
+ color: rgba(0, 0, 0, 0.26);
+}
+
+/***********
+ * Dialogs *
+ ***********/
+messagedialog.background {
+ background-color: #FFFFFF;
+}
+
+messagedialog.background.csd {
+ border-bottom-left-radius: 12px;
+ border-bottom-right-radius: 12px;
+}
+
+messagedialog .titlebar {
+ min-height: 24px;
+ border-style: none;
+ box-shadow: none;
+ background-color: #FFFFFF;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+messagedialog .titlebar:backdrop {
+ background-color: #FFFFFF;
+ color: rgba(0, 0, 0, 0.6);
+}
+
+messagedialog .dialog-action-box {
+ margin-top: -6px;
+}
+
+messagedialog .dialog-action-box button, messagedialog .dialog-action-box button:first-child, messagedialog .dialog-action-box button:last-child, messagedialog .dialog-action-box .linked:not(.vertical) > button, messagedialog .dialog-action-box .linked:not(.vertical) > button:first-child, messagedialog .dialog-action-box .linked:not(.vertical) > button:last-child {
+ border-radius: 6px;
+}
+
+messagedialog .dialog-action-box button:not(:last-child), messagedialog .dialog-action-box .linked:not(.vertical) > button:not(:last-child) {
+ margin-right: 6px;
+}
+
+messagedialog .dialog-action-box button.suggested-action:not(:disabled), messagedialog .dialog-action-box .linked:not(.vertical) > button.suggested-action:not(:disabled) {
+ color: #3c84f7;
+}
+
+messagedialog .dialog-action-box button.destructive-action:not(:disabled), messagedialog .dialog-action-box .linked:not(.vertical) > button.destructive-action:not(:disabled) {
+ color: #E53935;
+}
+
+.csd filechooser {
+ background-color: #FFFFFF;
+ border-radius: 0 0 12px 12px;
+}
+
+filechooser .dialog-action-box {
+ border-top: 1px solid rgba(0, 0, 0, 0.12);
+}
+
+filechooser #pathbarbox {
+ border-bottom: 1px solid rgba(0, 0, 0, 0.12);
+ background-color: #FFFFFF;
+}
+
+filechooser stack.view {
+ background-color: transparent;
+ padding: 0;
+}
+
+filechooser stack.view scrolledwindow {
+ background-color: transparent;
+ border-radius: 0 0 12px 0;
+}
+
+filechooser stack.view scrolledwindow list {
+ background-color: transparent;
+}
+
+filechooser stack.view > placesview {
+ background-color: transparent;
+}
+
+filechooser stack.view > placesview > actionbar, filechooser stack.view > placesview > actionbar > revealer > box {
+ background-color: transparent;
+}
+
+filechooser stack.view frame > border {
+ border: none;
+}
+
+.csd filechooser placessidebar {
+ background: none;
+ border-bottom-left-radius: 12px;
+}
+
+filechooser actionbar, filechooser actionbar > revealer > box {
+ background-color: transparent;
+}
+
+/***********
+ * Sidebar *
+ ***********/
+.sidebar {
+ border-style: none;
+}
+
+stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:not(separator):dir(ltr), .sidebar:not(separator).left {
+ border-right: 1px solid rgba(0, 0, 0, 0.12);
+ border-left-style: none;
+}
+
+stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:not(separator):dir(rtl), .sidebar:not(separator).right {
+ border-left: 1px solid rgba(0, 0, 0, 0.12);
+ border-right-style: none;
+}
+
+.sidebar list {
+ background-color: transparent;
+}
+
+paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar {
+ border-style: none;
+}
+
+stacksidebar.sidebar list {
+ padding: 3px;
+ background-color: #FFFFFF;
+}
+
+stacksidebar.sidebar row {
+ min-height: 32px;
+ padding: 0 3px;
+ border-radius: 6px;
+}
+
+stacksidebar.sidebar row:selected {
+ background-color: #3c84f7;
+ color: #FFFFFF;
+ font-weight: 500;
+}
+
+stacksidebar.sidebar row:selected label, stacksidebar.sidebar row:selected image {
+ color: #FFFFFF;
+}
+
+stacksidebar.sidebar row + row {
+ margin-top: 3px;
+}
+
+stacksidebar.sidebar row > label {
+ padding-left: 6px;
+ padding-right: 6px;
+ color: inherit;
+}
+
+/****************
+ * File chooser *
+ ****************/
+row image.sidebar-icon {
+ transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
+ color: rgba(0, 0, 0, 0.6);
+}
+
+row image.sidebar-icon:disabled {
+ color: rgba(0, 0, 0, 0.26);
+}
+
+placessidebar.sidebar > viewport.frame {
+ border-style: none;
+}
+
+placessidebar.sidebar list {
+ padding: 6px;
+}
+
+placessidebar.sidebar row {
+ min-height: 32px;
+ margin: 0;
+ padding: 0;
+ border-radius: 6px;
+}
+
+placessidebar.sidebar row > revealer {
+ padding: 0 8px 0 16px;
+}
+
+placessidebar.sidebar row:selected {
+ background-color: rgba(0, 0, 0, 0.12);
+ font-weight: 500;
+}
+
+placessidebar.sidebar row:disabled {
+ color: rgba(0, 0, 0, 0.38);
+}
+
+placessidebar.sidebar row image.sidebar-icon:dir(ltr) {
+ padding-right: 8px;
+}
+
+placessidebar.sidebar row image.sidebar-icon:dir(rtl) {
+ padding-left: 8px;
+}
+
+placessidebar.sidebar row label.sidebar-label {
+ color: inherit;
+}
+
+placessidebar.sidebar row label.sidebar-label:dir(ltr) {
+ padding-right: 2px;
+}
+
+placessidebar.sidebar row label.sidebar-label:dir(rtl) {
+ padding-left: 2px;
+}
+
+placessidebar.sidebar row.sidebar-placeholder-row {
+ background-color: alpha(currentColor, 0.08);
+}
+
+placessidebar.sidebar row.sidebar-new-bookmark-row {
+ color: #3c84f7;
+}
+
+placessidebar.sidebar row.sidebar-new-bookmark-row image.sidebar-icon {
+ color: #3c84f7;
+}
+
+placessidebar.sidebar row:drop(active) {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms, background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+ box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+placesview .server-list-button > image {
+ -gtk-icon-transform: rotate(0turn);
+}
+
+placesview .server-list-button:checked > image {
+ -gtk-icon-transform: rotate(-0.5turn);
+}
+
+placesview > actionbar > revealer > box > label {
+ padding-left: 8px;
+ padding-right: 8px;
+}
+
+/*********
+ * Paned *
+ *********/
+paned > separator {
+ min-width: 1px;
+ min-height: 1px;
+ -gtk-icon-source: none;
+ border-style: none;
+ background-color: transparent;
+ background-image: image(rgba(0, 0, 0, 0.12));
+ background-size: 1px 1px;
+ background-clip: content-box;
+}
+
+paned > separator.wide {
+ min-width: 6px;
+ min-height: 6px;
+ background-color: #FFFFFF;
+ background-image: image(rgba(0, 0, 0, 0.12)), image(rgba(0, 0, 0, 0.12));
+ background-size: 1px 1px, 1px 1px;
+}
+
+paned.horizontal > separator {
+ background-repeat: repeat-y;
+}
+
+paned.horizontal > separator:dir(ltr) {
+ margin: 0 -8px 0 0;
+ padding: 0 8px 0 0;
+ background-position: left;
+}
+
+paned.horizontal > separator:dir(rtl) {
+ margin: 0 0 0 -8px;
+ padding: 0 0 0 8px;
+ background-position: right;
+}
+
+paned.horizontal > separator.wide {
+ margin: 0;
+ padding: 0;
+ background-repeat: repeat-y, repeat-y;
+ background-position: left, right;
+}
+
+paned.vertical > separator {
+ margin: 0 0 -8px 0;
+ padding: 0 0 8px 0;
+ background-repeat: repeat-x;
+ background-position: top;
+}
+
+paned.vertical > separator.wide {
+ margin: 0;
+ padding: 0;
+ background-repeat: repeat-x, repeat-x;
+ background-position: bottom, top;
+}
+
+/**************
+ * GtkInfoBar *
+ **************/
+infobar {
+ border: none;
+ margin-bottom: 0;
+}
+
+infobar.info > revealer > box, infobar.info:hover > revealer > box, infobar.info:backdrop > revealer > box {
+ background-color: #FFFFFF;
+}
+
+infobar.info > revealer > box link:link, infobar.info:hover > revealer > box link:link, infobar.info:backdrop > revealer > box link:link {
+ color: #FFFFFF;
+}
+
+infobar.info > revealer > box button, infobar.info > revealer > box button.text-button:not(:disabled), infobar.info:hover > revealer > box button, infobar.info:hover > revealer > box button.text-button:not(:disabled), infobar.info:backdrop > revealer > box button, infobar.info:backdrop > revealer > box button.text-button:not(:disabled) {
+ color: #3c84f7;
+}
+
+infobar.action > revealer > box, infobar.action:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:backdrop > revealer > box {
+ background-color: #3c84f7;
+ color: #FFFFFF;
+}
+
+infobar.action > revealer > box link:link, infobar.action:backdrop > revealer > box link:link, infobar.question > revealer > box link:link, infobar.question:backdrop > revealer > box link:link {
+ color: #FFFFFF;
+}
+
+infobar.action > revealer > box button, infobar.action > revealer > box button:hover, infobar.action > revealer > box button:focus, infobar.action > revealer > box button:active, infobar.action > revealer > box button:checked, infobar.action > revealer > box button.text-button:not(:disabled), infobar.action:backdrop > revealer > box button, infobar.action:backdrop > revealer > box button:hover, infobar.action:backdrop > revealer > box button:focus, infobar.action:backdrop > revealer > box button:active, infobar.action:backdrop > revealer > box button:checked, infobar.action:backdrop > revealer > box button.text-button:not(:disabled), infobar.question > revealer > box button, infobar.question > revealer > box button:hover, infobar.question > revealer > box button:focus, infobar.question > revealer > box button:active, infobar.question > revealer > box button:checked, infobar.question > revealer > box button.text-button:not(:disabled), infobar.question:backdrop > revealer > box button, infobar.question:backdrop > revealer > box button:hover, infobar.question:backdrop > revealer > box button:focus, infobar.question:backdrop > revealer > box button:active, infobar.question:backdrop > revealer > box button:checked, infobar.question:backdrop > revealer > box button.text-button:not(:disabled) {
+ color: #FFFFFF;
+}
+
+infobar.action:hover > revealer > box, infobar.question:hover > revealer > box {
+ background-color: #5493f8;
+}
+
+infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box {
+ background-color: #FFD600;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.warning > revealer > box link:link, infobar.warning:backdrop > revealer > box link:link {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.warning > revealer > box button, infobar.warning > revealer > box button:hover, infobar.warning > revealer > box button:focus, infobar.warning > revealer > box button:active, infobar.warning > revealer > box button:checked, infobar.warning > revealer > box button.text-button:not(:disabled), infobar.warning:backdrop > revealer > box button, infobar.warning:backdrop > revealer > box button:hover, infobar.warning:backdrop > revealer > box button:focus, infobar.warning:backdrop > revealer > box button:active, infobar.warning:backdrop > revealer > box button:checked, infobar.warning:backdrop > revealer > box button.text-button:not(:disabled) {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.warning:hover > revealer > box {
+ background-color: #ffda1a;
+}
+
+infobar.error > revealer > box, infobar.error:backdrop > revealer > box {
+ background-color: #E53935;
+ color: #FFFFFF;
+}
+
+infobar.error > revealer > box link:link, infobar.error:backdrop > revealer > box link:link {
+ color: #FFFFFF;
+}
+
+infobar.error > revealer > box button, infobar.error > revealer > box button:hover, infobar.error > revealer > box button:focus, infobar.error > revealer > box button:active, infobar.error > revealer > box button:checked, infobar.error > revealer > box button.text-button:not(:disabled), infobar.error:backdrop > revealer > box button, infobar.error:backdrop > revealer > box button:hover, infobar.error:backdrop > revealer > box button:focus, infobar.error:backdrop > revealer > box button:active, infobar.error:backdrop > revealer > box button:checked, infobar.error:backdrop > revealer > box button.text-button:not(:disabled) {
+ color: #FFFFFF;
+}
+
+infobar.error:hover > revealer > box {
+ background-color: #e84f4c;
+}
+
+/************
+ * Tooltips *
+ ************/
+tooltip {
+ border-radius: 3px;
+ box-shadow: none;
+}
+
+tooltip.background {
+ background-color: rgba(52, 52, 52, 0.9);
+ color: #FFFFFF;
+}
+
+tooltip.background.csd {
+ border-radius: 6px;
+}
+
+tooltip decoration {
+ background-color: transparent;
+}
+
+tooltip > box {
+ margin: -6px;
+ min-height: 24px;
+ padding: 4px 8px;
+}
+
+/*****************
+ * Color Chooser *
+ *****************/
+colorswatch.top {
+ border-top-left-radius: 6px;
+ border-top-right-radius: 6px;
+}
+
+colorswatch.top overlay {
+ border-top-left-radius: 6px;
+ border-top-right-radius: 6px;
+}
+
+colorswatch.bottom {
+ border-bottom-left-radius: 6px;
+ border-bottom-right-radius: 6px;
+}
+
+colorswatch.bottom overlay {
+ border-bottom-left-radius: 6px;
+ border-bottom-right-radius: 6px;
+}
+
+colorswatch.left, colorswatch:first-child:not(.top) {
+ border-top-left-radius: 6px;
+ border-bottom-left-radius: 6px;
+}
+
+colorswatch.left overlay, colorswatch:first-child:not(.top) overlay {
+ border-top-left-radius: 6px;
+ border-bottom-left-radius: 6px;
+}
+
+colorswatch.right, colorswatch:last-child:not(.bottom) {
+ border-top-right-radius: 6px;
+ border-bottom-right-radius: 6px;
+}
+
+colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay {
+ border-top-right-radius: 6px;
+ border-bottom-right-radius: 6px;
+}
+
+colorswatch.dark {
+ color: #FFFFFF;
+}
+
+colorswatch.light {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+colorswatch overlay {
+ transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+colorswatch overlay:hover {
+ box-shadow: 0 0 0 2px #3c84f7;
+}
+
+colorswatch#add-color-button {
+ border-radius: 6px 0 0 6px;
+}
+
+colorswatch#add-color-button:only-child {
+ border-radius: 6px;
+}
+
+colorswatch#add-color-button overlay {
+ background-color: rgba(0, 0, 0, 0.04);
+}
+
+colorswatch#add-color-button overlay:hover {
+ background-color: rgba(0, 0, 0, 0.12);
+ box-shadow: none;
+}
+
+colorswatch#add-color-button overlay:active {
+ background-color: rgba(0, 0, 0, 0.26);
+}
+
+colorswatch:disabled {
+ opacity: 0.5;
+}
+
+colorswatch:disabled overlay {
+ box-shadow: none;
+}
+
+colorswatch#editor-color-sample {
+ border-radius: 12px;
+}
+
+colorswatch#editor-color-sample overlay {
+ border-radius: 12px;
+}
+
+colorswatch#editor-color-sample overlay:hover {
+ box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17);
+}
+
+colorchooser .popover.osd {
+ transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+ border-radius: 6px;
+ box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.15);
+ background-color: #FFFFFF;
+}
+
+colorchooser .popover.osd:backdrop {
+ box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.2), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.15);
+}
+
+/********
+ * Misc *
+ ********/
+.content-view {
+ background-color: #FFFFFF;
+}
+
+/**********************
+ * Window Decorations *
+ **********************/
+decoration {
+ transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+ border-radius: 12px;
+ box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2), 0 16px 15px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12), 0 0 0 1px rgba(0, 0, 0, 0.12), 0 0 36px transparent;
+ margin: 8px;
+}
+
+decoration:backdrop {
+ box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 0 0 1px rgba(0, 0, 0, 0.12), 0 0 36px transparent;
+}
+
+.maximized decoration, .fullscreen decoration, .tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration {
+ border-radius: 0;
+}
+
+.popup decoration {
+ box-shadow: none;
+ border: none;
+}
+
+.ssd decoration {
+ border: none;
+ border-radius: 12px 12px 0 0;
+ box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.12);
+}
+
+.metacity decoration {
+ border-bottom-left-radius: 0;
+ border-bottom-right-radius: 0;
+ border: none;
+}
+
+.csd.popup decoration {
+ border-radius: 12px;
+ border: none;
+ box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.05), 0 4px 6px 0 rgba(0, 0, 0, 0.06), 0 1px 10px 0 rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.12);
+}
+
+tooltip.csd decoration {
+ border-radius: 12px;
+ box-shadow: none;
+ border: none;
+}
+
+messagedialog.csd decoration {
+ border-radius: 12px;
+}
+
+.solid-csd decoration {
+ margin: 0;
+ padding: 2px;
+ border-radius: 0;
+ box-shadow: none;
+ background-color: #F2F2F2;
+ border: 1px solid #e0e0e0;
+}
+
+.solid-csd decoration:backdrop {
+ background-color: #FAFAFA;
+}
+
+button.titlebutton:not(.suggested-action):not(.destructive-action) {
+ min-height: 16px;
+ min-width: 16px;
+ padding: 0;
+ margin: 0 4px;
+}
+
+button.minimize.titlebutton:not(.suggested-action):not(.destructive-action), button.maximize.titlebutton:not(.suggested-action):not(.destructive-action), button.close.titlebutton:not(.suggested-action):not(.destructive-action) {
+ color: transparent;
+}
+
+button.minimize.titlebutton:hover:not(.suggested-action):not(.destructive-action), button.maximize.titlebutton:hover:not(.suggested-action):not(.destructive-action), button.close.titlebutton:hover:not(.suggested-action):not(.destructive-action) {
+ box-shadow: none;
+}
+
+button.minimize.titlebutton:active:not(.suggested-action):not(.destructive-action), button.maximize.titlebutton:active:not(.suggested-action):not(.destructive-action), button.close.titlebutton:active:not(.suggested-action):not(.destructive-action) {
+ box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0);
+ background-image: radial-gradient(circle, rgba(0, 0, 0, 0.12) 10%, transparent 0%);
+}
+
+button.minimize.titlebutton:hover:not(.suggested-action):not(.destructive-action), button.minimize.titlebutton:active:not(.suggested-action):not(.destructive-action), button.maximize.titlebutton:hover:not(.suggested-action):not(.destructive-action), button.maximize.titlebutton:active:not(.suggested-action):not(.destructive-action), button.close.titlebutton:hover:not(.suggested-action):not(.destructive-action), button.close.titlebutton:active:not(.suggested-action):not(.destructive-action) {
+ color: white;
+}
+
+button.minimize.titlebutton:backdrop:not(.suggested-action):not(.destructive-action), button.maximize.titlebutton:backdrop:not(.suggested-action):not(.destructive-action), button.close.titlebutton:backdrop:not(.suggested-action):not(.destructive-action) {
+ background-color: rgba(0, 0, 0, 0.26);
+}
+
+button.minimize.titlebutton:backdrop:hover:not(.suggested-action):not(.destructive-action), button.minimize.titlebutton:backdrop:active:not(.suggested-action):not(.destructive-action), button.maximize.titlebutton:backdrop:hover:not(.suggested-action):not(.destructive-action), button.maximize.titlebutton:backdrop:active:not(.suggested-action):not(.destructive-action), button.close.titlebutton:backdrop:hover:not(.suggested-action):not(.destructive-action), button.close.titlebutton:backdrop:active:not(.suggested-action):not(.destructive-action) {
+ color: rgba(0, 0, 0, 0.38);
+}
+
+button.minimize.titlebutton:not(.suggested-action):not(.destructive-action) {
+ background-color: #fdbe04;
+}
+
+button.minimize.titlebutton:active:not(.suggested-action):not(.destructive-action) {
+ background-color: rgba(201, 151, 3, 0.9675);
+}
+
+button.maximize.titlebutton:not(.suggested-action):not(.destructive-action) {
+ background-color: #38c76a;
+}
+
+button.maximize.titlebutton:active:not(.suggested-action):not(.destructive-action) {
+ background-color: rgba(45, 158, 84, 0.9675);
+}
+
+button.close.titlebutton:not(.suggested-action):not(.destructive-action) {
+ background-color: #fd5f51;
+}
+
+button.close.titlebutton:active:not(.suggested-action):not(.destructive-action) {
+ background-color: rgba(201, 76, 64, 0.9675);
+}
+
+#MozillaGtkWidget.background headerbar.titlebar.default-decoration button.minimize.titlebutton, .background.csd headerbar.titlebar.default-decoration button.minimize.titlebutton:not(.suggested-action):not(.destructive-action), #MozillaGtkWidget.background headerbar.titlebar.default-decoration button.maximize.titlebutton, .background.csd headerbar.titlebar.default-decoration button.maximize.titlebutton:not(.suggested-action):not(.destructive-action), #MozillaGtkWidget.background headerbar.titlebar.default-decoration button.close.titlebutton, .background.csd headerbar.titlebar.default-decoration button.close.titlebutton:not(.suggested-action):not(.destructive-action) {
+ background-repeat: no-repeat;
+ background-size: 16px 16px;
+ background-position: center;
+}
+
+#MozillaGtkWidget.background headerbar.titlebar.default-decoration button.minimize.titlebutton, .background.csd headerbar.titlebar.default-decoration button.minimize.titlebutton:not(.suggested-action):not(.destructive-action), #MozillaGtkWidget.background headerbar.titlebar.default-decoration button.maximize.titlebutton, .background.csd headerbar.titlebar.default-decoration button.maximize.titlebutton:not(.suggested-action):not(.destructive-action), #MozillaGtkWidget.background headerbar.titlebar.default-decoration button.close.titlebutton, .background.csd headerbar.titlebar.default-decoration button.close.titlebutton:not(.suggested-action):not(.destructive-action) {
+ box-shadow: none;
+ color: transparent;
+ animation: none;
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+#MozillaGtkWidget.background headerbar.titlebar.default-decoration button.minimize.titlebutton:hover, .background.csd headerbar.titlebar.default-decoration button.minimize.titlebutton:hover:not(.suggested-action):not(.destructive-action), #MozillaGtkWidget.background headerbar.titlebar.default-decoration button.minimize.titlebutton:active, .background.csd headerbar.titlebar.default-decoration button.minimize.titlebutton:active:not(.suggested-action):not(.destructive-action) {
+ background-image: url("assets/scalable/minimize.svg");
+}
+
+#MozillaGtkWidget.background headerbar.titlebar.default-decoration button.maximize.titlebutton:hover, .background.csd headerbar.titlebar.default-decoration button.maximize.titlebutton:hover:not(.suggested-action):not(.destructive-action), #MozillaGtkWidget.background headerbar.titlebar.default-decoration button.maximize.titlebutton:active, .background.csd headerbar.titlebar.default-decoration button.maximize.titlebutton:active:not(.suggested-action):not(.destructive-action) {
+ background-image: url("assets/scalable/maximize.svg");
+}
+
+#MozillaGtkWidget.background headerbar.titlebar.default-decoration button.close.titlebutton:hover, .background.csd headerbar.titlebar.default-decoration button.close.titlebutton:hover:not(.suggested-action):not(.destructive-action), #MozillaGtkWidget.background headerbar.titlebar.default-decoration button.close.titlebutton:active, .background.csd headerbar.titlebar.default-decoration button.close.titlebutton:active:not(.suggested-action):not(.destructive-action) {
+ background-image: url("assets/scalable/close.svg");
+}
+
+.background.csd.maximized headerbar.titlebar.default-decoration button.titlebutton:not(.suggested-action):not(.destructive-action).maximize:hover, .background.csd.maximized headerbar.titlebar.default-decoration button.titlebutton:not(.suggested-action):not(.destructive-action).maximize:active, .background.csd.fullscreen headerbar.titlebar.default-decoration button.titlebutton:not(.suggested-action):not(.destructive-action).maximize:hover, .background.csd.fullscreen headerbar.titlebar.default-decoration button.titlebutton:not(.suggested-action):not(.destructive-action).maximize:active, .background.csd.tiled headerbar.titlebar.default-decoration button.titlebutton:not(.suggested-action):not(.destructive-action).maximize:hover, .background.csd.tiled headerbar.titlebar.default-decoration button.titlebutton:not(.suggested-action):not(.destructive-action).maximize:active {
+ background-image: url("assets/scalable/unmaximize.svg");
+}
+
+.monospace {
+ font-family: monospace;
+}
+
+/**********************
+ * Touch Copy & Paste *
+ **********************/
+cursor-handle {
+ color: #3c84f7;
+ -gtk-icon-source: -gtk-recolor(url("assets/scalable/cursor-handle-symbolic.svg"));
+}
+
+cursor-handle.top:dir(ltr), cursor-handle.bottom:dir(rtl) {
+ -gtk-icon-transform: rotate(90deg);
+}
+
+cursor-handle.bottom:dir(ltr), cursor-handle.top:dir(rtl) {
+ -gtk-icon-transform: unset;
+}
+
+cursor-handle.insertion-cursor:dir(ltr), cursor-handle.insertion-cursor:dir(rtl) {
+ padding-top: 6px;
+ -gtk-icon-transform: rotate(45deg);
+}
+
+.context-menu {
+ font: initial;
+}
+
+.keycap {
+ min-width: 12px;
+ min-height: 26px;
+ margin-top: 2px;
+ padding-bottom: 2px;
+ padding-left: 8px;
+ padding-right: 8px;
+ border: solid 1px rgba(0, 0, 0, 0.12);
+ border-radius: 7px;
+ box-shadow: inset 0 -2px rgba(0, 0, 0, 0.12);
+ background-color: #FFFFFF;
+ color: rgba(0, 0, 0, 0.87);
+ font-size: smaller;
+}
+
+:not(decoration):not(window):drop(active) {
+ caret-color: #3c84f7;
+}
+
+stackswitcher {
+ min-height: 0;
+ padding: 3px;
+ border-radius: 9px;
+ background-color: rgba(0, 0, 0, 0.04);
+ border: none;
+}
+
+stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action) {
+ margin: 0 0;
+ background-color: transparent;
+ border-radius: 6px;
+ padding: 3px 10px;
+}
+
+stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button {
+ min-width: 100px;
+}
+
+stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action):focus:not(:hover):not(:checked) {
+ box-shadow: none;
+}
+
+stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action):checked {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ background-color: white;
+ color: rgba(0, 0, 0, 0.87);
+ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
+}
+
+stackswitcher button.text-button {
+ min-width: 100px;
+}
+
+stackswitcher button.circular,
+stackswitcher button.text-button.circular {
+ min-width: 36px;
+ min-height: 36px;
+ padding: 0;
+}
+
+/*************
+ * App Icons *
+ *************/
+/*********
+ * Emoji *
+ *********/
+popover.emoji-picker {
+ padding: 0;
+}
+
+popover.emoji-picker entry {
+ border-bottom: 1px solid rgba(0, 0, 0, 0.12);
+ border-image: none;
+ border-radius: 0;
+ box-shadow: none;
+ background-color: transparent;
+}
+
+popover.emoji-picker scrolledwindow {
+ border-bottom: 1px solid rgba(0, 0, 0, 0.12);
+}
+
+button.emoji-section {
+ margin: 4px;
+}
+
+button.emoji-section:checked {
+ color: #3c84f7;
+}
+
+button.emoji-section:not(:last-child) {
+ margin-right: 0;
+}
+
+popover.emoji-picker .emoji {
+ min-width: 3em;
+ min-height: 3em;
+ padding: 0 8px;
+}
+
+popover.emoji-picker .emoji widget {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ border-radius: 6px;
+}
+
+popover.emoji-picker .emoji widget:hover {
+ background-color: alpha(currentColor, 0.08);
+}
+
+popover.emoji-completion {
+ padding: 8px 0;
+}
+
+popover.emoji-completion arrow {
+ border: none;
+ background: none;
+}
+
+popover.emoji-completion .emoji-completion-row {
+ min-height: 28px;
+ padding: 0 12px;
+}
+
+popover.emoji-completion .emoji:hover {
+ background-color: alpha(currentColor, 0.08);
+}
+
+/************
+ * Nautilus *
+ ************/
+.nautilus-window.background.csd {
+ border-radius: 0 0 12px 12px;
+ background-color: #FAFAFA;
+}
+
+.nautilus-window.background.csd:backdrop {
+ background-color: #FFFFFF;
+}
+
+.nautilus-window.background.csd > grid.horizontal > paned.horizontal > separator,
+.nautilus-window.background.csd > deck > box.vertical > paned.horizontal > separator {
+ margin-left: -1px;
+}
+
+.nautilus-window.background.csd placessidebar > viewport.frame > list > separator {
+ background: none;
+}
+
+.nautilus-window.background.csd.unified notebook {
+ border-radius: 0;
+}
+
+.nautilus-window.background.csd:not(.unified) .nautilus-list-view {
+ background-color: transparent;
+ border-bottom-right-radius: 12px;
+}
+
+.nautilus-window.background.csd:not(.unified) notebook {
+ background-color: #FFFFFF;
+ border-radius: 0 0 12px 12px;
+}
+
+.nautilus-window.background.csd:not(.unified) notebook > stack {
+ background-color: transparent;
+}
+
+.nautilus-window.background.csd:not(.unified) notebook scrolledwindow > .view:not(:selected):not(:hover):not(:checked) {
+ background-color: transparent;
+}
+
+.nautilus-window.background.csd:not(.unified) notebook placesview > stack > frame > scrolledwindow > viewport > list {
+ background-color: transparent;
+}
+
+.nautilus-window.background.csd:not(.unified) notebook placesview > actionbar {
+ background-color: transparent;
+ border-radius: 0 0 12px 12px;
+}
+
+.nautilus-window.background.csd:not(.unified) notebook placesview > actionbar > revealer > box {
+ background-color: transparent;
+}
+
+.nautilus-window.background.csd:not(.unified) paned > separator.wide {
+ min-width: 12px;
+ box-shadow: 12px 0 #FFFFFF;
+ background-color: #FFFFFF;
+ background-image: image(gainsboro);
+}
+
+.nautilus-window.maximized, .nautilus-window.maximized placessidebar {
+ border-radius: 0;
+}
+
+.nautilus-window .floating-bar {
+ min-height: 32px;
+ padding: 0;
+ margin: 6px;
+ border-style: none;
+ border-radius: 6px;
+ background-color: #3c84f7;
+ color: #FFFFFF;
+}
+
+.nautilus-window .floating-bar button {
+ margin: 4px;
+ color: #FFFFFF;
+}
+
+.nautilus-canvas-item.dim-label,
+.nautilus-list-dim-label {
+ color: rgba(0, 0, 0, 0.6);
+}
+
+.nemo-desktop.nemo-canvas-item, .caja-desktop.caja-canvas-item,
+.nautilus-desktop.nautilus-canvas-item {
+ color: #FFFFFF;
+}
+
+@keyframes nautilus-operations-button-needs-attention {
+ to {
+ background-color: alpha(currentColor, 0.08);
+ }
+}
+
+.nautilus-operations-button-needs-attention {
+ animation: nautilus-operations-button-needs-attention 300ms cubic-bezier(0.4, 0, 0.2, 1) 2 alternate;
+}
+
+.nautilus-operations-button-needs-attention-multiple {
+ animation: nautilus-operations-button-needs-attention 300ms cubic-bezier(0.4, 0, 0.2, 1) 6 alternate;
+}
+
+.path-bar-box {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+ margin: 6px 0;
+ border-radius: 6px;
+}
+
+.path-bar-box button {
+ margin: 0;
+}
+
+.path-bar-box.width-maximized {
+ background-color: rgba(0, 0, 0, 0.04);
+}
+
+.path-bar-box.background.frame {
+ border-style: none;
+ background-color: rgba(0, 0, 0, 0.04);
+}
+
+.path-bar-box .path-bar button label:not(:only-child):first-child {
+ margin-left: 0;
+}
+
+.path-bar-box .path-bar button label:not(:only-child):last-child {
+ margin-right: 0;
+}
+
+.path-bar-box .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action) {
+ padding-left: 12px;
+ padding-right: 12px;
+ margin-left: 1px;
+ margin-right: 1px;
+}
+
+.path-bar-box .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action) label:not(:only-child):first-child {
+ margin-left: 0;
+}
+
+.path-bar-box .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action) label:not(:only-child):last-child {
+ margin-right: 0;
+}
+
+.path-bar-box .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action).text-button {
+ min-width: 0;
+}
+
+.path-bar-box .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action).text-button.image-button image:not(:only-child) {
+ margin: 0;
+}
+
+.path-bar-box .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action):last-child:dir(ltr), .path-bar-box .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action):first-child:dir(rtl) {
+ background-color: rgba(0, 0, 0, 0.08);
+}
+
+.path-bar-box .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action):last-child:dir(ltr):disabled, .path-bar-box .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action):first-child:dir(rtl):disabled {
+ background-color: transparent;
+ color: rgba(0, 0, 0, 0.38);
+}
+
+.windowhandle .linked.nautilus-path-bar {
+ background-color: rgba(0, 0, 0, 0.04);
+ border-radius: 6px;
+ margin: 6px 0;
+}
+
+.windowhandle .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action) {
+ margin-top: 0;
+ margin-bottom: 0;
+}
+
+.windowhandle .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action).current-dir {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.windowhandle .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action).current-dir:hover, .windowhandle .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action).current-dir:active {
+ background: none;
+ box-shadow: none;
+}
+
+.disk-space-display.unknown {
+ background-color: rgba(0, 0, 0, 0.26);
+ color: rgba(0, 0, 0, 0.26);
+}
+
+.disk-space-display.used {
+ background-color: #3c84f7;
+ color: #3c84f7;
+}
+
+.disk-space-display.free {
+ background-color: rgba(0, 0, 0, 0.12);
+ color: rgba(0, 0, 0, 0.12);
+}
+
+.search-information {
+ padding: 2px;
+ border-bottom: 1px solid rgba(0, 0, 0, 0.12);
+ background-color: #FFFFFF;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.conflict-row:not(:selected) {
+ background-color: #fff3b3;
+}
+
+.nautilus-window flowboxchild .icon-item-background {
+ padding: 4px;
+ border-radius: 6px;
+}
+
+.nautilus-window flowboxchild:selected {
+ background-color: transparent;
+}
+
+.nautilus-window notebook :not(treeview).view {
+ border-radius: 6px;
+}
+
+dialog.background > box.dialog-vbox.vertical > grid.horizontal > scrolledwindow.frame {
+ border-style: none;
+}
+
+dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal:last-child {
+ margin: -6px 0 0 -6px;
+ border-top: 1px solid rgba(0, 0, 0, 0.12);
+}
+
+dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal:last-child > label {
+ margin: 0 8px;
+}
+
+dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal:last-child > box > button {
+ border-radius: 0;
+}
+
+.nautilus-window > popover.menu:not(:last-child) {
+ padding: 3px;
+}
+
+.nautilus-window > popover.menu:not(:last-child) > stack > box > box > box {
+ margin-top: -6px;
+}
+
+.nautilus-window > popover.menu:not(:last-child) > stack > box > box > box > box {
+ margin-bottom: -6px;
+}
+
+.nautilus-window > popover.menu:not(:last-child) > stack > box > box > box > box.linked {
+ margin-top: 1px;
+}
+
+.nautilus-window > popover.menu:not(:last-child) separator {
+ margin-bottom: -2px;
+}
+
+.nautilus-menu-sort-heading {
+ margin: 1px 3px;
+ font-weight: 500;
+}
+
+.nautilus-menu-sort-heading:disabled {
+ color: rgba(0, 0, 0, 0.6);
+}
+
+.nautilus-window paned > separator {
+ background-color: #FAFAFA;
+}
+
+/*********
+ * gedit *
+ *********/
+window.org-gnome-gedit > paned.titlebar > separator {
+ background-color: transparent;
+}
+
+window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > box.horizontal {
+ margin: 4px 0;
+}
+
+window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow {
+ border-bottom-left-radius: 12px;
+}
+
+window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned stack scrolledwindow viewport.frame list.gedit-document-panel {
+ background: none;
+}
+
+.open-document-selector-path-label {
+ color: rgba(0, 0, 0, 0.6);
+ font-size: smaller;
+}
+
+.open-document-selector-match {
+ background-color: #FFD600;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.gedit-document-panel {
+ background-color: #FAFAFA;
+}
+
+.gedit-document-panel row button.flat {
+ margin-top: 8px;
+ margin-bottom: 8px;
+}
+
+.gedit-document-panel-group-row:not(:first-child) {
+ border-top: 1px solid rgba(0, 0, 0, 0.12);
+}
+
+.gedit-side-panel-paned statusbar {
+ border-top: 1px solid rgba(0, 0, 0, 0.12);
+ border-radius: 0 0 12px 12px;
+}
+
+.gedit-search-slider {
+ margin: 0 6px 10px;
+ padding: 6px;
+ background-color: #FFFFFF;
+ border-radius: 0 0 12px 12px;
+ box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.05), 0 4px 6px 0 rgba(0, 0, 0, 0.06), 0 1px 10px 0 rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.12);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry .gedit-search-entry-occurrences-tag {
+ all: unset;
+ color: rgba(0, 0, 0, 0.6);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:dir(ltr) .gedit-search-entry-occurrences-tag {
+ margin-left: 6px;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:dir(ltr) image.right {
+ margin-right: 0;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:dir(rtl) .gedit-search-entry-occurrences-tag {
+ margin-right: 6px;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:dir(rtl) image.left {
+ margin-left: 0;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:not(.error) {
+ background-color: #FFFFFF;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error ~ button {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error ~ button:hover, .gedit-search-slider .linked:not(.vertical) > entry.error ~ button:active {
+ color: #FFFFFF;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error ~ button:disabled {
+ color: rgba(255, 255, 255, 0.3);
+}
+
+frame.gedit-map-frame > border:dir(ltr) {
+ border-style: none none none solid;
+}
+
+frame.gedit-map-frame > border:dir(rtl) {
+ border-style: none solid none none;
+}
+
+/**********
+ * Tweaks *
+ **********/
+.csd .tweak-categories {
+ border-bottom-left-radius: 12px;
+}
+
+.tweak {
+ padding: 3px;
+}
+
+.tweak.title:hover {
+ box-shadow: none;
+}
+
+.tweak-group-white,
+.tweak-white,
+.tweak-white:hover {
+ background-image: image(#FFFFFF);
+}
+
+.tweak-startup,
+.tweak-startup:hover {
+ background-image: image(#FFFFFF);
+}
+
+.tweak-group-startup {
+ background-image: image(#FFFFFF);
+}
+
+.tweak-group-startup row.tweak-startup {
+ border-radius: 6px;
+ background-color: transparent;
+ background-image: none;
+}
+
+row#Focus,
+row#ClickMethod,
+row#PrimaryWorkspaceTweak,
+row#workspaces-only-on-primary {
+ margin-top: 4px;
+}
+
+leaflet.titlebar > .titlebar.tweak-titlebar-left,
+leaflet.titlebar > .titlebar.tweak-titlebar-right,
+hdyleaflet.titlebar > .titlebar.tweak-titlebar-left,
+hdyleaflet.titlebar > .titlebar.tweak-titlebar-right {
+ background-color: inherit;
+ box-shadow: inherit;
+ transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+/************************
+ * Gnome Control Center *
+ ************************/
+window.background.csd > headerbar.titlebar > leaflet > headerbar:first-child:not(:only-child),
+window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:first-child:not(:only-child) {
+ border-top-left-radius: 12px;
+}
+
+window.background.csd > headerbar.titlebar > leaflet > headerbar:last-child:not(:only-child),
+window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:last-child:not(:only-child) {
+ border-top-right-radius: 12px;
+}
+
+window.background.csd > headerbar.titlebar > leaflet > headerbar:first-child:only-child, window.background.csd > headerbar.titlebar > leaflet > headerbar:last-child:only-child,
+window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:first-child:only-child,
+window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:last-child:only-child {
+ border-top-right-radius: 12px;
+ border-top-left-radius: 12px;
+}
+
+window.background.csd > stack:not(.titlebar) > stack.background {
+ border-radius: 0 0 12px 12px;
+}
+
+window.background.csd > leaflet > stack.background,
+window.background.csd > hdyleaflet > stack.background,
+window.background.csd > box.horizontal > stack.background {
+ background: none;
+}
+
+window.background.csd > leaflet > stack.background frame > border,
+window.background.csd > hdyleaflet > stack.background frame > border,
+window.background.csd > box.horizontal > stack.background frame > border {
+ border: none;
+}
+
+window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame,
+window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame,
+window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame {
+ background-color: #FFFFFF;
+ border-bottom-right-radius: 12px;
+}
+
+window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical.view,
+window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical.view,
+window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical.view {
+ background: none;
+}
+
+window.background.csd > leaflet frame.view,
+window.background.csd > hdyleaflet frame.view,
+window.background.csd > box.horizontal frame.view {
+ border-radius: 6px;
+ background: none;
+}
+
+window.background.csd > leaflet > box.vertical > scrolledwindow.view,
+window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view,
+window.background.csd > box.horizontal > box.vertical > scrolledwindow.view {
+ background-color: #FFFFFF;
+ border-bottom-left-radius: 12px;
+}
+
+window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack,
+window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack,
+window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack {
+ background-color: transparent;
+}
+
+window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list,
+window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list,
+window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list {
+ background-color: transparent;
+ padding: 3px;
+}
+
+window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable,
+window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable,
+window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable {
+ border-radius: 6px;
+}
+
+window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected),
+window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected),
+window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected) {
+ background-color: transparent;
+}
+
+window.background.csd stack.background clamp.medium frame > box.vertical > box.vertical > list {
+ border-top-width: 0;
+ border-bottom-width: 0;
+}
+
+window.background.csd stack.background clamp.medium frame > box.vertical > box.vertical > list, window.background.csd stack.background clamp.medium frame > box.vertical > box.vertical > list > row {
+ border-radius: 0;
+}
+
+window.background.csd stack.background clamp.medium frame > box.vertical > box.vertical:first-child > list {
+ border-top-width: 1px;
+}
+
+window.background.csd stack.background clamp.medium frame > box.vertical > box.vertical:first-child > list, window.background.csd stack.background clamp.medium frame > box.vertical > box.vertical:first-child > list > row {
+ border-radius: 6px 6px 0 0;
+}
+
+window.background.csd stack.background clamp.medium frame > box.vertical > box.vertical:last-child > list {
+ border-bottom-width: 1px;
+}
+
+window.background.csd stack.background clamp.medium frame > box.vertical > box.vertical:last-child > list, window.background.csd stack.background clamp.medium frame > box.vertical > box.vertical:last-child > list > row {
+ border-radius: 0 0 6px 6px;
+}
+
+window.background.csd hdycolumn stack frame.view > stack > stack list > separator {
+ background-color: rgba(0, 0, 0, 0.12);
+}
+
+dialog.background.csd > box.vertical.dialog-vbox > notebook > stack > box.horizontal > notebook > stack {
+ border-radius: 0 0 12px 12px;
+}
+
+dialog.background.csd > box.vertical.dialog-vbox > scrolledwindow > viewport.frame > list {
+ background: none;
+}
+
+dialog.background.csd > box.vertical.dialog-vbox > scrolledwindow > viewport.frame > list > row:not(:hover):not(:active):not(:selected) {
+ background-color: transparent;
+}
+
+hdyleaflet > box.vertical > scrolledwindow > viewport.frame list:not(.view):not(.tweak-group), leaflet > box.vertical > scrolledwindow > viewport.frame list:not(.view):not(.tweak-group), box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame list:not(.view):not(.tweak-group) {
+ padding: 3px;
+}
+
+hdyleaflet > box.vertical > scrolledwindow > viewport.frame list:not(.view):not(.tweak-group) row.activatable, leaflet > box.vertical > scrolledwindow > viewport.frame list:not(.view):not(.tweak-group) row.activatable, box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame list:not(.view):not(.tweak-group) row.activatable {
+ border-radius: 6px;
+}
+
+/************************
+ * Gnome system monitor *
+ ************************/
+window#gnome-system-monitor.background.csd > box.vertical > stack {
+ background-color: #FFFFFF;
+ border-radius: 0 0 12px 12px;
+}
+
+window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > revealer > actionbar > revealer > box {
+ border-radius: 0 0 12px 12px;
+}
+
+window#gnome-system-monitor.background:not(.csd) > box.vertical > headerbar {
+ box-shadow: none;
+}
+
+/************************
+ * Gnome Sound Recorder *
+ ************************/
+stack > grid.vertical > scrolledwindow {
+ border: none;
+ border-radius: 0 0 12px 12px;
+}
+
+stack > grid.vertical > scrolledwindow > viewport.frame list {
+ border-radius: 0 0 12px 12px;
+}
+
+stack > grid.vertical scrolledwindow.frame.emptyGrid {
+ border: none;
+}
+
+/******************
+ * Gnome Contacts *
+ ******************/
+window.background.csd scrolledwindow.contacts-contact-form {
+ border-bottom-right-radius: 12px;
+}
+
+/************************
+ * Epiphany (Gnome Web) *
+ ************************/
+tabbox {
+ background-color: #FFFFFF;
+ box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12);
+ padding: 3px 3px 0;
+}
+
+tabbox > tab {
+ border-radius: 6px 6px 0 0;
+ border-bottom: none;
+}
+
+tabbox > tab button {
+ min-height: 24px;
+ min-width: 24px;
+ border-radius: 9999px;
+ border: none;
+ padding: 0;
+}
+
+/*****************
+ * Gnome Weather *
+ *****************/
+#weather-page,
+#weekly-forecast-frame {
+ border-bottom-right-radius: 12px;
+}
+
+#weather-page-content-view {
+ border-bottom-right-radius: 12px;
+ border-bottom-left-radius: 12px;
+}
+
+/***************
+ * Gnome Music *
+ ***************/
+window.background.csd box.vertical > overlay > stack.background {
+ border-radius: 0 0 12px 12px;
+}
+
+/****************
+ * Gnome Clocks *
+ ****************/
+/*************
+ * Rhythmbox *
+ *************/
+window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle,
+window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem button.flat.scale, window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button,
+window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button,
+window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button,
+window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button {
+ min-height: 24px;
+ min-width: 24px;
+ padding: 6px;
+ margin: 0;
+}
+
+.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button {
+ border-radius: 9999px;
+}
+
+.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:not(:first-child), .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:not(:last-child) {
+ border-top-left-radius: 9999px;
+ border-bottom-left-radius: 9999px;
+ border-top-right-radius: 9999px;
+ border-bottom-right-radius: 9999px;
+}
+
+.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button.image-button:not(.text-button):first-child {
+ border-top-left-radius: 9999px;
+ border-bottom-left-radius: 9999px;
+}
+
+.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button.image-button:not(.text-button):last-child {
+ border-top-right-radius: 9999px;
+ border-bottom-right-radius: 9999px;
+}
+
+.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button > widget > box > image {
+ padding: 0;
+}
+
+window.csd > box.vertical > box.vertical > toolbar.horizontal,
+window.solid-csd > box.vertical > box.vertical > toolbar.horizontal {
+ padding: 6px;
+ border-bottom: none;
+ box-shadow: none;
+ background-color: transparent;
+}
+
+window.csd > box.vertical > box.vertical > frame,
+window.solid-csd > box.vertical > box.vertical > frame {
+ margin: -1px 0;
+ padding: 0;
+}
+
+window.csd > box.vertical > box.vertical > frame > border,
+window.solid-csd > box.vertical > box.vertical > frame > border {
+ border: none;
+}
+
+window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised > widget > box > image {
+ padding: 0;
+}
+
+/**********
+ * Polari *
+ **********/
+.polari-room-list .sidebar {
+ background: none;
+}
+
+.polari-room-list .sidebar > row.activatable:selected {
+ background-color: #3c84f7;
+ color: #FFFFFF;
+}
+
+stack.view.polari-entry-area {
+ background-color: #FFFFFF;
+ border-top: 1px solid rgba(0, 0, 0, 0.12);
+ border-bottom-right-radius: 12px;
+}
+
+stack:disabled.view.polari-entry-area {
+ background-image: image(#FFFFFF);
+}
+
+/***********
+ * Builder *
+ ***********/
+layouttabbar {
+ border-bottom: 1px solid rgba(0, 0, 0, 0.12);
+ background-color: #FFFFFF;
+}
+
+layouttabbar > box > button {
+ margin: 2px 0;
+}
+
+layouttab {
+ margin: 0 8px;
+ border-style: none solid;
+ border-width: 1px;
+ border-color: rgba(0, 0, 0, 0.12);
+ box-shadow: inset 0 -2px #3c84f7;
+ background-color: #FFFFFF;
+}
+
+layouttab separator.vertical {
+ margin: 8px 4px;
+}
+
+layouttab button.text-button, layouttab button.image-button, layouttab button {
+ margin-top: 8px;
+ margin-bottom: 8px;
+ padding: 0 4px;
+}
+
+layout {
+ border: 1px solid rgba(0, 0, 0, 0.12);
+ -PnlDockBin-handle-size: 1;
+}
+
+entry.search-missing {
+ background-color: #E53935;
+ color: #FFFFFF;
+}
+
+window.workbench treeview.image {
+ color: rgba(0, 0, 0, 0.6);
+}
+
+popover.popover-selector list {
+ padding: 6px;
+}
+
+popover.popover-selector list row {
+ border-radius: 6px;
+}
+
+popover.popover-selector list row image:dir(ltr) {
+ margin-right: 6px;
+}
+
+popover.popover-selector list row image:dir(rtl) {
+ margin-left: 6px;
+}
+
+popover.popover-selector list row .accel:dir(ltr) {
+ margin-left: 6px;
+}
+
+popover.popover-selector list row .accel:dir(rtl) {
+ margin-right: 6px;
+}
+
+omnibar.linked:not(.vertical) entry {
+ border-radius: 6px;
+}
+
+omnibar:not(:hover):not(:active) entry {
+ color: rgba(0, 0, 0, 0.6);
+}
+
+popover.omnibar list row:not(:last-child) {
+ border-bottom: 1px solid rgba(0, 0, 0, 0.12);
+}
+
+entry.preferences-search {
+ border-bottom: 1px solid rgba(0, 0, 0, 0.12);
+ box-shadow: none;
+ background-color: #FFFFFF;
+}
+
+preferences stacksidebar.sidebar list {
+ background-color: #FAFAFA;
+}
+
+preferences stacksidebar.sidebar:dir(ltr) list, preferences stacksidebar.sidebar:dir(rtl) list {
+ border-style: none;
+}
+
+preferences > box > box:dir(ltr) {
+ border-right: 1px solid rgba(0, 0, 0, 0.12);
+}
+
+preferences > box > box:dir(rtl) {
+ border-left: 1px solid rgba(0, 0, 0, 0.12);
+}
+
+popover.messagepopover.background {
+ padding: 0;
+}
+
+popover.messagepopover .popover-action-area button {
+ padding: 8px 16px;
+ border-top: 1px solid rgba(0, 0, 0, 0.12);
+ border-radius: 0;
+}
+
+popover.messagepopover .popover-action-area button:first-child {
+ border-bottom-left-radius: 6px;
+}
+
+popover.messagepopover .popover-action-area button:last-child {
+ border-bottom-right-radius: 6px;
+}
+
+popover.messagepopover .popover-content-area {
+ margin: 16px;
+}
+
+popover.transfers list {
+ background-color: transparent;
+}
+
+popover.transfers list row:not(:first-child) {
+ border-top: 1px solid rgba(0, 0, 0, 0.12);
+}
+
+popover.transfers list row > box {
+ padding: 10px;
+}
+
+dockbin {
+ border: 1px solid rgba(0, 0, 0, 0.12);
+ -PnlDockBin-handle-size: 1;
+}
+
+dockpaned {
+ border: 1px solid rgba(0, 0, 0, 0.12);
+}
+
+eggsearchbar box.search-bar {
+ padding: 0 8px;
+ border-bottom: 1px solid rgba(0, 0, 0, 0.12);
+ background-color: #FFFFFF;
+}
+
+docktabstrip {
+ padding: 0 8px;
+ border-bottom: 1px solid rgba(0, 0, 0, 0.12);
+ background-color: #FFFFFF;
+}
+
+docktab {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms;
+ min-height: 24px;
+ min-width: 24px;
+ margin-bottom: -1px;
+ padding: 6px 6px;
+ border-width: 1px;
+ border-color: transparent;
+ box-shadow: inset 0 -2px transparent;
+ background-image: radial-gradient(circle, #3c84f7 10%, transparent 0%);
+ background-repeat: no-repeat;
+ background-position: center;
+ background-size: 0% 0%;
+ color: rgba(0, 0, 0, 0.6);
+ font-weight: 500;
+}
+
+docktab:hover {
+ background-color: alpha(currentColor, 0.08);
+ color: rgba(0, 0, 0, 0.87);
+}
+
+docktab:checked {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 225ms cubic-bezier(0, 0, 0.2, 1), background-image 525ms cubic-bezier(0, 0, 0.2, 1);
+ box-shadow: inset 0 -2px #3c84f7;
+ background-color: transparent;
+ background-image: radial-gradient(circle, transparent 10%, transparent 0%);
+ background-size: 1000% 1000%;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+dockoverlayedge {
+ background-color: #FFFFFF;
+}
+
+dockoverlayedge docktabstrip {
+ padding: 0;
+ border: none;
+}
+
+dockoverlayedge.left-edge docktab:checked {
+ box-shadow: inset -2px 0 #3c84f7;
+}
+
+dockoverlayedge.right-edge docktab:checked {
+ box-shadow: inset 2px 0 #3c84f7;
+}
+
+pillbox {
+ background-color: #FFFFFF;
+ border-radius: 6px;
+}
+
+layoutpane entry.search {
+ border-bottom: 1px solid rgba(0, 0, 0, 0.12);
+ box-shadow: none;
+ background-color: #FFFFFF;
+}
+
+editortweak entry.search {
+ margin-bottom: -1px;
+ box-shadow: none;
+ background-color: transparent;
+}
+
+.gb-search-entry-occurrences-tag {
+ box-shadow: none;
+ background-color: transparent;
+}
+
+docktabstrip {
+ min-height: 39px;
+}
+
+window.workbench preferences preferencesgroup list entry {
+ padding-top: 8px;
+ padding-bottom: 8px;
+}
+
+button.run-arrow-button {
+ padding-left: 10px;
+ padding-right: 10px;
+}
+
+button.dzlmenubutton image {
+ min-width: 30px;
+}
+
+button.dzlmenubutton image.arrow {
+ min-width: 27px;
+}
+
+button.dzlmenubuttonitem {
+ color: rgba(0, 0, 0, 0.87);
+ font-weight: normal;
+}
+
+button.dzlmenubuttonitem:disabled {
+ color: rgba(0, 0, 0, 0.38);
+}
+
+idelayoutstackheader {
+ border-bottom: 1px solid rgba(0, 0, 0, 0.12);
+}
+
+idelayoutstackheader button:checked {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher {
+ padding: 8px 0;
+ background-color: #FFFFFF;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher:dir(ltr) {
+ border-right: 1px solid rgba(0, 0, 0, 0.12);
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher:dir(rtl) {
+ border-left: 1px solid rgba(0, 0, 0, 0.12);
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button {
+ border-radius: 0;
+ box-shadow: none;
+ background-color: transparent;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button:active {
+ background-image: radial-gradient(circle, rgba(60, 132, 247, 0.7) 10%, transparent 0%);
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button:checked {
+ background-color: transparent;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr) {
+ margin-right: -1px;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr):checked {
+ box-shadow: inset -2px 0 #3c84f7;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl) {
+ margin-left: -1px;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl):checked {
+ box-shadow: inset 2px 0 #3c84f7;
+}
+
+ideeditorsidebar notebook header {
+ background: transparent;
+}
+
+popover.messagepopover list {
+ border: 1px solid rgba(0, 0, 0, 0.12);
+}
+
+popover.messagepopover list row:not(:last-child) {
+ border-bottom: 1px solid rgba(0, 0, 0, 0.12);
+}
+
+/**********
+ * Photos *
+ **********/
+GdMainIconView.content-view {
+ -GdMainIconView-icon-size: 48;
+}
+
+.documents-counter {
+ margin: 8px;
+ border-radius: 9999px;
+ box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+ background-color: #3c84f7;
+ color: #FFFFFF;
+ font-weight: bold;
+}
+
+.documents-scrolledwin.frame {
+ border-style: none;
+}
+
+.documents-scrolledwin.frame frame.content-view > border {
+ border-style: none;
+}
+
+.photos-fade-in {
+ opacity: 1;
+ transition: opacity 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+.photos-fade-out {
+ opacity: 0;
+ transition: opacity 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+button.photos-filter-preview {
+ color: rgba(0, 0, 0, 0.87);
+ font-weight: normal;
+}
+
+button.photos-filter-preview:checked {
+ background-color: alpha(currentColor, 0.06);
+ color: rgba(0, 0, 0, 0.87);
+}
+
+button.photos-filter-preview:checked image {
+ color: #FFFFFF;
+}
+
+overlay grid.horizontal > revealer > scrolledwindow.frame:dir(ltr) {
+ border-style: none none none solid;
+}
+
+overlay grid.horizontal > revealer > scrolledwindow.frame:dir(rtl) {
+ border-style: none solid none none;
+}
+
+/*********
+ * Music *
+ *********/
+.side-panel:dir(ltr) {
+ border-style: solid;
+ border-color: rgba(0, 0, 0, 0.12);
+}
+
+.side-panel:dir(rtl) {
+ border-style: solid;
+ border-color: rgba(0, 0, 0, 0.12);
+}
+
+.side-panel .view {
+ background-image: image(#FAFAFA);
+}
+
+.side-panel .view:hover {
+ background-image: image(rgba(234, 234, 234, 0.9896));
+}
+
+.side-panel .view:selected {
+ background-image: image(#3c84f7);
+}
+
+.side-panel .view:selected:hover {
+ background-image: image(#4c8ef8);
+}
+
+.songs-list:hover {
+ background-image: image(alpha(currentColor, 0.08));
+}
+
+frame.documents-dropdown {
+ margin: 8px;
+}
+
+frame.documents-dropdown > border {
+ border: none;
+}
+
+box.vertical > revealer > toolbar.search-bar {
+ border-bottom: 1px solid rgba(0, 0, 0, 0.12);
+ background-clip: border-box;
+}
+
+box.vertical > revealer > toolbar.search-bar button > widget {
+ -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+}
+
+/*************
+ * Documents *
+ *************/
+.documents-scrolledwin {
+ background-color: transparent;
+}
+
+.documents-scrolledwin .content-view:not(:selected):not(:hover) {
+ background-color: transparent;
+}
+
+.documents-scrolledwin viewport.frame {
+ background-color: transparent;
+}
+
+.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) {
+ background-color: transparent;
+}
+
+.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) border {
+ border: none;
+}
+
+/*******************
+ * Document Viewer *
+ *******************/
+window.background.csd evview.view.content-view {
+ border-radius: 0 0 12px 12px;
+}
+
+/*********************************
+ * Archive Manager (File roller) *
+ *********************************/
+.background.csd > grid.horizontal > paned.horizontal > scrolledwindow {
+ border-radius: 0 0 12px 12px;
+ background-color: #FFFFFF;
+}
+
+.background.csd > grid.horizontal > paned.horizontal > scrolledwindow > treeview.view:not(:hover):not(:selected):not(:selected):not(:hover):not(.progressbar):not(.expander):not(.trough):not(.separator) {
+ background-color: #FFFFFF;
+}
+
+.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow {
+ border-radius: 0 0 0 12px;
+ background-color: #FFFFFF;
+}
+
+/************
+ * Terminal *
+ ************/
+terminal-window decoration {
+ border-radius: 12px 12px 0 0;
+}
+
+terminal-window.background.csd, terminal-window.background.csd.maximized {
+ border-radius: 0 0 0 0;
+}
+
+terminal-window notebook > header > box {
+ margin: -2px -2px -2px 1px;
+}
+
+terminal-window notebook > header > box button {
+ min-height: 24px;
+ min-width: 24px;
+ padding: 3px;
+}
+
+window.background > box.vertical > box.horizontal > frame > border {
+ border-width: 0 1px 0 0;
+}
+
+window.background > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list {
+ border-bottom-left-radius: 12px;
+}
+
+window.background > box.vertical > box.horizontal > stack > widget > notebook.frame {
+ border-width: 0;
+}
+
+window.background > box.vertical > box.horizontal > stack > widget > notebook.frame > stack {
+ border-bottom-right-radius: 12px;
+}
+
+/*********
+ * To Do *
+ *********/
+task-list-view taskrow {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ margin: 0 -8px;
+}
+
+task-list-view taskrow:hover {
+ transition: none;
+}
+
+task-list-view taskrow label {
+ margin: 0 8px;
+}
+
+task-list-view taskrow image.dim-label {
+ min-width: 16px;
+}
+
+task-list-view > box > revealer > box > button {
+ margin: -6px;
+}
+
+task-list-view > box > revealer > box > button .dim-label {
+ color: inherit;
+}
+
+tasklistview taskrow {
+ outline: none;
+}
+
+tasklistview taskrow entry, tasklistview taskrow entry:focus, tasklistview taskrow entry:disabled {
+ box-shadow: none;
+}
+
+tasklistview taskrow image.dim-label {
+ min-width: 16px;
+}
+
+tasklistview > box > revealer > box > button {
+ margin: -6px;
+}
+
+tasklistview > box > revealer > box > button .dim-label {
+ color: inherit;
+}
+
+/*******
+ * Eog *
+ *******/
+#eog-thumb-nav scrolledwindow {
+ border-top: none;
+}
+
+/*************
+ * Evolution *
+ *************/
+frame.taskbar > border {
+ border-style: solid none none;
+}
+
+box.vertical > paned.horizontal notebook widget .frame {
+ border-style: none;
+}
+
+/***********
+ * Fractal *
+ ***********/
+.background.csd.main-window .sidebar.rooms-sidebar {
+ border-bottom-left-radius: 12px;
+}
+
+/********
+ * Gitg *
+ ********/
+frame.commit-frame > border {
+ border-style: solid none none;
+}
+
+/**************
+ * Characters *
+ **************/
+box.dialog-vbox scrolledwindow.related {
+ border: 1px solid rgba(0, 0, 0, 0.12);
+}
+
+list.categories {
+ background-image: image(#FAFAFA);
+}
+
+/*********
+ * Boxes *
+ *********/
+.transparent-bg + stack overlay > label {
+ min-height: 24px;
+ padding: 0 4px;
+ border-radius: 6px;
+ background-color: #242424;
+ color: #FFFFFF;
+}
+
+/**************
+ * Calculator *
+ **************/
+button.title label {
+ min-height: 36px;
+}
+
+/*********
+ * Geary *
+ *********/
+window.background.csd.geary-main-window > deck > overlay > box.vertical > paned.horizontal > box.sidebar.vertical,
+window#GearyMainWindow.background.csd > deck > overlay > box.vertical > paned.horizontal > box.sidebar.vertical {
+ border-bottom-left-radius: 12px;
+}
+
+window.background.csd.geary-main-window > deck > overlay > box.vertical > paned.horizontal > box.sidebar.vertical statusbar,
+window#GearyMainWindow.background.csd > deck > overlay > box.vertical > paned.horizontal > box.sidebar.vertical statusbar {
+ border-bottom-left-radius: 12px;
+}
+
+window.background.csd.geary-main-window stack#conversation_viewer,
+window#GearyMainWindow.background.csd stack#conversation_viewer {
+ border-bottom-right-radius: 12px;
+}
+
+window.background.csd.geary-main-window stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox,
+window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox {
+ background: none;
+ border-bottom-right-radius: 12px;
+}
+
+window.background.csd.geary-main-window stack#conversation_viewer .geary-expanded,
+window#GearyMainWindow.background.csd stack#conversation_viewer .geary-expanded {
+ animation: none;
+ background-image: none;
+}
+
+window.background.csd.geary-main-window stack#conversation_viewer .geary-expanded > .geary-composer-embed actionbar > revealer > box,
+window#GearyMainWindow.background.csd stack#conversation_viewer .geary-expanded > .geary-composer-embed actionbar > revealer > box {
+ border-radius: 0;
+}
+
+window.background.csd.geary-main-window stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar,
+window#GearyMainWindow.background.csd stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar {
+ color: rgba(0, 0, 0, 0.87);
+ background-color: #FFFFFF;
+ box-shadow: none;
+ border-bottom: 1px solid rgba(0, 0, 0, 0.12);
+}
+
+window.background.csd.geary-main-window stack#conversation_viewer .geary-composer-box actionbar > revealer > box,
+window#GearyMainWindow.background.csd stack#conversation_viewer .geary-composer-box actionbar > revealer > box {
+ border-bottom-left-radius: 0;
+}
+
+.geary-accounts-editor-pane frame:not(.geary-signature) > border,
+.geary-accounts-editor-pane scrolledwindow.frame {
+ border: none;
+}
+
+.geary-main-window.unified > deck > overlay > .geary-main-layout {
+ background-color: #FFFFFF;
+}
+
+.geary-main-window.unified > deck > overlay > .geary-main-layout > leaflet > headerbar,
+.geary-main-window.unified > deck > overlay > .geary-main-layout > leaflet > leaflet > headerbar {
+ box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12);
+}
+
+.geary-main-window.unified > deck > overlay > .geary-main-layout > leaflet > separator.sidebar,
+.geary-main-window.unified > deck > overlay > .geary-main-layout > leaflet > leaflet > separator.sidebar {
+ background-color: #F2F2F2;
+ box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12);
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), color 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+.geary-main-window.unified > deck > overlay > .geary-main-layout > leaflet > separator.sidebar:backdrop,
+.geary-main-window.unified > deck > overlay > .geary-main-layout > leaflet > leaflet > separator.sidebar:backdrop {
+ background-color: #FAFAFA;
+}
+
+.geary-main-window.unified > deck > overlay > .geary-main-layout > leaflet > leaflet > box.vertical + separator.sidebar {
+ min-width: 1px;
+ background-color: rgba(0, 0, 0, 0.12);
+}
+
+.geary-main-window.unified frame.geary-conversation-frame scrolledwindow {
+ padding: 3px;
+}
+
+.geary-main-window.unified frame.geary-conversation-frame scrolledwindow treeview.view {
+ border: 1px solid transparent;
+ border-radius: 6px;
+ padding: 6px;
+}
+
+.geary-main-window.unified frame.geary-conversation-frame scrolledwindow treeview.view:selected, .geary-main-window.unified frame.geary-conversation-frame scrolledwindow treeview.view:active {
+ border-radius: 6px;
+ background-color: #3c84f7;
+ color: #FFFFFF;
+}
+
+.geary-main-window.unified separator.geary-sidebar-pane-separator {
+ min-width: 1px;
+ background-color: rgba(0, 0, 0, 0.12);
+}
+
+.geary-main-window.unified geary-conversation-viewer#conversation_viewer list.background.conversation-listbox.content > row.activatable {
+ border: 1px solid rgba(0, 0, 0, 0.12);
+ border-bottom-width: 0;
+ background-color: #FFFFFF;
+}
+
+.geary-main-window.unified geary-conversation-viewer#conversation_viewer list.background.conversation-listbox.content > row.activatable:first-child {
+ border-top-left-radius: 8px;
+ border-top-right-radius: 8px;
+}
+
+.geary-main-window.unified geary-conversation-viewer#conversation_viewer list.background.conversation-listbox.content .geary-attachment-pane {
+ border-radius: 0 0 8px 8px;
+}
+
+.geary-main-window.unified geary-conversation-viewer#conversation_viewer list.background.conversation-listbox.content .geary-attachment-pane actionbar.background {
+ background-color: transparent;
+}
+
+.geary-main-window.unified geary-conversation-viewer#conversation_viewer list.background.conversation-listbox.content .geary-attachment-pane actionbar.background > revealer > box {
+ border-radius: 0 0 6px 6px;
+}
+
+/**************
+ * Extensions *
+ **************/
+window.background.csd stack stack stack frame > border,
+window.background.csd > stack > stack > box > frame > border,
+window.background.csd > stack > stack > box > box > frame > border,
+window.background.csd > stack > box > stack > box > frame > border,
+window.background.csd > stack > box > stack > scrolledwindow > viewport frame > border,
+window.background.csd > stack > box > stack > box > scrolledwindow > viewport > frame > border,
+window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > border {
+ border: none;
+}
+
+window.background.csd > stack > box > box > list,
+window.background.csd > stack > box > stack > scrolledwindow > viewport > list {
+ border-bottom-left-radius: 12px;
+}
+
+window.background.csd > stack > box > .sidebar > scrolledwindow > viewport > list {
+ padding: 0 0;
+}
+
+/***********
+ * Dialogs *
+ ***********/
+dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:first-child {
+ border-radius: 0 0 0 12px;
+}
+
+dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:last-child {
+ border-radius: 0 0 12px 0;
+}
+
+dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow,
+dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow {
+ border-radius: 0 0 12px 12px;
+ background-color: #FFFFFF;
+}
+
+dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active),
+dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active) {
+ background-color: transparent;
+}
+
+dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list {
+ border-radius: 0 0 12px 12px;
+}
+
+dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list row.activatable:not(:hover):not(:selected):not(:active) {
+ background-color: transparent;
+}
+
+dialog.background.csd > box.vertical.dialog-vbox > stack toolbar.toolbar {
+ border-radius: 0 0 12px 12px;
+}
+
+dialog.background.csd > box.vertical.dialog-vbox > notebook > stack {
+ border-radius: 0 0 12px 12px;
+}
+
+dialog.background.csd stack scrolledwindow.frame {
+ border-radius: 6px;
+}
+
+dialog.background.csd stack scrolledwindow.frame textview.view {
+ border-radius: 6px;
+}
+
+dialog.background.csd stack scrolledwindow.frame textview.view > text {
+ background: none;
+}
+
+dialog.background.csd stack scrolledwindow viewport.frame.view {
+ border-radius: 6px;
+}
+
+window.background.csd.unified headerbar {
+ box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12);
+}
+
+window.background.csd.unified > decoration-overlay {
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.15);
+}
+
+window.background.csd.unified,
+window.background.csd.unified > decoration,
+window.background.csd.unified > decoration-overlay {
+ border-radius: 12px;
+}
+
+window.background.csd.unified.tiled > decoration-overlay, window.background.csd.unified.tiled-top > decoration-overlay, window.background.csd.unified.tiled-right > decoration-overlay, window.background.csd.unified.tiled-bottom > decoration-overlay, window.background.csd.unified.tiled-left > decoration-overlay, window.background.csd.unified.maximized > decoration-overlay, window.background.csd.unified.fullscreen > decoration-overlay {
+ box-shadow: none;
+}
+
+window.background.csd.unified.tiled,
+window.background.csd.unified.tiled > decoration,
+window.background.csd.unified.tiled > decoration-overlay, window.background.csd.unified.tiled-top,
+window.background.csd.unified.tiled-top > decoration,
+window.background.csd.unified.tiled-top > decoration-overlay, window.background.csd.unified.tiled-right,
+window.background.csd.unified.tiled-right > decoration,
+window.background.csd.unified.tiled-right > decoration-overlay, window.background.csd.unified.tiled-bottom,
+window.background.csd.unified.tiled-bottom > decoration,
+window.background.csd.unified.tiled-bottom > decoration-overlay, window.background.csd.unified.tiled-left,
+window.background.csd.unified.tiled-left > decoration,
+window.background.csd.unified.tiled-left > decoration-overlay, window.background.csd.unified.maximized,
+window.background.csd.unified.maximized > decoration,
+window.background.csd.unified.maximized > decoration-overlay, window.background.csd.unified.fullscreen,
+window.background.csd.unified.fullscreen > decoration,
+window.background.csd.unified.fullscreen > decoration-overlay {
+ border-radius: 0;
+}
+
+/*********
+ * Tilix *
+ *********/
+overlay > revealer.left > scrolledwindow.frame, overlay > revealer.right > scrolledwindow.frame {
+ border-style: none;
+ box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2), 0 16px 15px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12);
+}
+
+overlay > revealer.left > scrolledwindow.frame {
+ margin-right: 32px;
+}
+
+overlay > revealer.right > scrolledwindow.frame {
+ margin-left: 32px;
+}
+
+.terminix-session-sidebar,
+.tilix-session-sidebar {
+ background-image: image(#FFFFFF);
+}
+
+.terminal-titlebar button {
+ border-radius: 0;
+}
+
+button.image-button.session-new-button {
+ min-width: 32px;
+}
+
+notebook.tilix-background tab > box > stack {
+ margin: -6px;
+}
+
+button.flat.tilix-small-button {
+ min-height: 20px;
+ min-width: 16px;
+}
+
+/**************
+ * Terminator *
+ **************/
+.terminator-terminal-window paned > separator {
+ background-color: #FFFFFF;
+}
+
+.terminator-terminal-window notebook.frame {
+ border-style: none;
+}
+
+/*************
+ * Ubitquity *
+ *************/
+#live_installer .menubar progressbar trough {
+ border-radius: 4px;
+ background-color: rgba(0, 0, 0, 0.12);
+}
+
+/***********
+ * Eclipse *
+ ***********/
+window.background > box.vertical > scrolledwindow > widget toolbar {
+ padding: 2px;
+}
+
+window.background > box.vertical > scrolledwindow > widget toolbar separator,
+window.background > box.vertical > scrolledwindow > widget toolbar button {
+ margin: 2px;
+}
+
+window.background > box.vertical > scrolledwindow > widget toolbar button {
+ border-radius: 6px;
+}
+
+/************
+ * Chromium *
+ ************/
+window.background.chromium {
+ background-color: #FFFFFF;
+}
+
+window.background.chromium entry,
+window.background.chromium > button {
+ border: 1px solid #e0e0e0;
+}
+
+window.background.chromium > button {
+ color: #3c84f7;
+}
+
+window.background.chromium > button:disabled {
+ color: rgba(0, 0, 0, 0.26);
+}
+
+window.background.chromium menubar,
+window.background.chromium headerbar {
+ color: rgba(0, 0, 0, 0.6);
+}
+
+window.background.chromium headerbar button:active {
+ background-color: alpha(currentColor, 0.12);
+}
+
+window.background.chromium spinner {
+ color: #3c84f7;
+}
+
+window.background.chromium textview.view {
+ background-color: transparent;
+}
+
+window.background.chromium treeview.view.cell:selected:focus {
+ background-color: #3c84f7;
+ color: #FFFFFF;
+}
+
+window.background.chromium treeview.view button {
+ border: 1px solid rgba(0, 0, 0, 0.26);
+ background-color: #FFFFFF;
+}
+
+window.background.chromium menu {
+ border-color: #cccccc;
+}
+
+window.background.chromium menu menuitem {
+ border-radius: 0;
+}
+
+tooltip.background.chromium {
+ background-color: #343434;
+}
+
+/***********
+ * Firefox *
+ ***********/
+#MozillaGtkWidget > widget text {
+ background-color: #FFFFFF;
+}
+
+#MozillaGtkWidget > widget text:selected {
+ background-color: #3c84f7;
+ color: #FFFFFF;
+}
+
+#MozillaGtkWidget > widget > separator {
+ color: #e0e0e0;
+}
+
+#MozillaGtkWidget > widget > scrollbar {
+ background-clip: border-box;
+}
+
+#MozillaGtkWidget > widget > frame > border {
+ border-color: #e0e0e0;
+}
+
+#MozillaGtkWidget > widget > entry,
+#MozillaGtkWidget > widget > button > button {
+ border: 1px solid #e0e0e0;
+ border-radius: 6px;
+ box-shadow: none;
+}
+
+#MozillaGtkWidget > widget > entry:disabled,
+#MozillaGtkWidget > widget > button > button:disabled {
+ border-color: rgba(0, 0, 0, 0.12);
+}
+
+#MozillaGtkWidget > widget > entry {
+ min-height: 30px;
+ background-color: #FFFFFF;
+}
+
+#MozillaGtkWidget > widget > entry:focus {
+ border-color: #3c84f7;
+ box-shadow: inset 0 0 0 1px #3c84f7;
+}
+
+#MozillaGtkWidget > widget > entry:disabled {
+ background-color: #FAFAFA;
+}
+
+#MozillaGtkWidget > widget > button > button {
+ padding: 4px 8px;
+ background-size: auto;
+}
+
+#MozillaGtkWidget > widget > button > button:hover {
+ box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+#MozillaGtkWidget > widget > button > button:active {
+ background-image: image(alpha(currentColor, 0.12));
+}
+
+#MozillaGtkWidget > widget > checkbutton > check,
+#MozillaGtkWidget > widget > radiobutton > radio {
+ margin: 0;
+ padding: 0;
+}
+
+#MozillaGtkWidget > widget > checkbutton > check:not(:checked):not(:indeterminate),
+#MozillaGtkWidget > widget > radiobutton > radio:not(:checked):not(:indeterminate) {
+ color: #464646;
+}
+
+#MozillaGtkWidget > widget > checkbutton > check:not(:checked):not(:indeterminate):hover, #MozillaGtkWidget > widget > checkbutton > check:not(:checked):not(:indeterminate):active,
+#MozillaGtkWidget > widget > radiobutton > radio:not(:checked):not(:indeterminate):hover,
+#MozillaGtkWidget > widget > radiobutton > radio:not(:checked):not(:indeterminate):active {
+ color: #727272;
+}
+
+#MozillaGtkWidget > widget > checkbutton > check:not(:checked):not(:indeterminate):disabled,
+#MozillaGtkWidget > widget > radiobutton > radio:not(:checked):not(:indeterminate):disabled {
+ color: rgba(70, 70, 70, 0.5);
+}
+
+#MozillaGtkWidget menu {
+ border: none;
+}
+
+#MozillaGtkWidget > widget > menubar {
+ color: rgba(0, 0, 0, 0.6);
+}
+
+#MozillaGtkWidget > widget > menubar:hover {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+#MozillaGtkWidget > widget > menubar:disabled {
+ color: rgba(0, 0, 0, 0.26);
+}
+
+#MozillaGtkWidget > widget > frame {
+ color: #e0e0e0;
+}
+
+#MozillaGtkWidget menu > separator {
+ color: #e0e0e0;
+}
+
+window.background:not(.csd) > window > menu menuitem {
+ transition: none;
+}
+
+/************
+ * Inkscape *
+ ************/
+#ToolboxCommon > #AuxToolbox #StyleSwatch {
+ font-size: smaller;
+}
+
+#ToolboxCommon > #AuxToolbox #Kludge {
+ padding: 0;
+}
+
+#ToolboxCommon > #AuxToolbox spinbutton,
+#ToolboxCommon > #AuxToolbox entry {
+ min-height: 32px;
+}
+
+#ToolboxCommon > #AuxToolbox button:not(.up):not(.down) {
+ min-height: 24px;
+ min-width: 16px;
+ padding: 4px 8px;
+}
+
+#ToolboxCommon > #AuxToolbox spinbutton button {
+ border-width: 4px;
+}
+
+#ToolboxCommon > toolbar.vertical {
+ margin-top: -4px;
+}
+
+#ToolboxCommon > toolbar.vertical button {
+ min-height: 24px;
+ min-width: 24px;
+ padding: 4px;
+}
+
+#CanvasTable button {
+ min-height: 16px;
+ min-width: 16px;
+ padding: 0;
+}
+
+#CanvasTable #HorizontalScrollbar {
+ border-top: 1px solid rgba(0, 0, 0, 0.12);
+}
+
+#CanvasTable #VerticalScrollbar:dir(ltr) {
+ border-left: 1px solid rgba(0, 0, 0, 0.12);
+}
+
+#CanvasTable #VerticalScrollbar:dir(rtl) {
+ border-right: 1px solid rgba(0, 0, 0, 0.12);
+}
+
+#Canvas_and_Dock frame > border {
+ border: none;
+}
+
+#Canvas_and_Dock widget > widget > button.flat {
+ min-height: 16px;
+ min-width: 16px;
+ padding: 4px;
+}
+
+#Canvas_and_Dock widget > widget > box.horizontal image {
+ padding: 4px;
+}
+
+#Canvas_and_Dock box.horizontal > box.vertical > button.flat {
+ min-height: 16px;
+ min-width: 24px;
+ padding: 8px 4px;
+}
+
+scrolledwindow#DialogNotebook > viewport.frame > notebook.frame button.close-button image {
+ padding: 4px;
+}
+
+/***********
+ * Synapse *
+ ***********/
+/***************
+ * Libreoffice *
+ ***************/
+window.background > grid > widget > widget > scrolledwindow > viewport > grid > box > box > frame > box {
+ background-color: #FFFFFF;
+}
+
+/*********
+ * Pamac *
+ *********/
+window.background.csd > box.vertical > overlay > stack > box.vertical > box.horizontal > revealer > stack > list,
+window.background.csd > box.vertical > overlay > stack > box.vertical > box.horizontal > revealer > stack > scrolledwindow > viewport.frame > list,
+window.background.csd > box.vertical > overlay > stack > box.vertical > box.horizontal > revealer > stack > box.vertical > stack > scrolledwindow > viewport.frame > list {
+ border: none;
+ border-radius: 0;
+}
+
+window.background.csd > box.vertical > overlay > stack > box.vertical > box.horizontal > revealer > stack > list > row.activatable,
+window.background.csd > box.vertical > overlay > stack > box.vertical > box.horizontal > revealer > stack > scrolledwindow > viewport.frame > list > row.activatable,
+window.background.csd > box.vertical > overlay > stack > box.vertical > box.horizontal > revealer > stack > box.vertical > stack > scrolledwindow > viewport.frame > list > row.activatable {
+ border-radius: 6px;
+}
+
+/*********
+ * Unity *
+ *********/
+UnityDecoration {
+ -UnityDecoration-extents: 28px 0 0 0;
+ -UnityDecoration-input-extents: 8px;
+ -UnityDecoration-shadow-offset-x: 0;
+ -UnityDecoration-shadow-offset-y: 3px;
+ -UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.48);
+ -UnityDecoration-active-shadow-radius: 18px;
+ -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.32);
+ -UnityDecoration-inactive-shadow-radius: 6px;
+ -UnityDecoration-glow-size: 8px;
+ -UnityDecoration-glow-color: #3c84f7;
+ -UnityDecoration-title-indent: 4px;
+ -UnityDecoration-title-fade: 32px;
+ -UnityDecoration-title-alignment: 0.0;
+}
+
+UnityDecoration .top {
+ padding: 0 2px;
+ border-style: none;
+ border-radius: 12px 12px 0 0;
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0.15);
+ background-color: #F2F2F2;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+UnityDecoration .top:backdrop {
+ background-color: #FAFAFA;
+ color: rgba(0, 0, 0, 0.6);
+}
+
+UnityDecoration .menuitem {
+ color: rgba(0, 0, 0, 0.6);
+}
+
+UnityDecoration .menuitem:hover {
+ box-shadow: inset 0 -2px #3c84f7;
+ background-color: transparent;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.background:not(.csd) headerbar:not(.titlebar) {
+ border-radius: 0;
+ box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17);
+}
+
+.background:not(.csd) headerbar:not(.titlebar).inline-toolbar {
+ border-style: none;
+}
+
+UnityPanelWidget,
+.unity-panel {
+ background-color: #F2F2F2;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+UnityPanelWidget:backdrop,
+.unity-panel:backdrop {
+ color: rgba(0, 0, 0, 0.6);
+}
+
+.unity-panel.menuitem,
+.unity-panel .menuitem {
+ color: rgba(0, 0, 0, 0.6);
+}
+
+.unity-panel.menubar.menuitem:hover,
+.unity-panel.menubar .menuitem *:hover {
+ box-shadow: inset 0 -2px #3c84f7;
+ background-color: transparent;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.menu IdoPlaybackMenuItem.menuitem:active {
+ -gtk-icon-source: -gtk-icontheme("process-working-symbolic");
+ animation: spin 1s linear infinite;
+ color: #3c84f7;
+}
+
+/**************
+ * Mate-Panel *
+ **************/
+.mate-panel-menu-bar menubar,
+#PanelApplet-window-menu-applet-button {
+ background-color: transparent;
+}
+
+.mate-panel-menu-bar {
+ background-color: #f2f2f2;
+ color: rgba(0, 0, 0, 0.6);
+ font-weight: 500;
+}
+
+.mate-panel-menu-bar button {
+ min-height: 16px;
+ min-width: 16px;
+ padding: 0;
+ border-radius: 0;
+}
+
+PanelToplevel.horizontal > grid > button {
+ min-width: 24px;
+}
+
+PanelToplevel.vertical > grid > button {
+ min-height: 24px;
+}
+
+PanelSeparator {
+ color: rgba(0, 0, 0, 0.12);
+}
+
+MatePanelAppletFrameDBus {
+ border-style: solid;
+ border-color: rgba(0, 0, 0, 0.12);
+}
+
+.mate-panel-menu-bar.horizontal MatePanelAppletFrameDBus {
+ border-width: 0 1px;
+}
+
+.mate-panel-menu-bar.vertical MatePanelAppletFrameDBus {
+ border-width: 1px 0;
+}
+
+.mate-panel-menu-bar menubar > menuitem {
+ color: rgba(0, 0, 0, 0.6);
+}
+
+.mate-panel-menu-bar menubar > menuitem:hover {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.mate-panel-menu-bar menubar > menuitem:disabled {
+ color: rgba(0, 0, 0, 0.26);
+}
+
+.mate-panel-menu-bar.horizontal menubar > menuitem {
+ padding: 0 8px;
+}
+
+.mate-panel-menu-bar.vertical menubar > menuitem {
+ padding: 8px 0;
+}
+
+.mate-panel-menu-bar menubar menu > menuitem {
+ min-height: 28px;
+ padding: 0 6px;
+}
+
+.mate-panel-menu-bar #PanelApplet button {
+ -GtkWidget-window-dragging: true;
+}
+
+.mate-panel-menu-bar #tasklist-button {
+ border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0/0 0 0px;
+}
+
+.mate-panel-menu-bar #tasklist-button:checked {
+ border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2/0 0 2px;
+}
+
+.mate-panel-menu-bar #tasklist-button image:dir(ltr), .mate-panel-menu-bar #tasklist-button label:dir(rtl) {
+ padding-left: 4px;
+}
+
+.mate-panel-menu-bar #tasklist-button label:dir(ltr), .mate-panel-menu-bar #tasklist-button image:dir(rtl) {
+ padding-right: 4px;
+}
+
+.mate-panel-menu-bar.vertical #tasklist-button {
+ min-height: 32px;
+}
+
+.mate-panel-menu-bar.horizontal #showdesktop-button image {
+ min-width: 24px;
+ padding: 0 4px;
+}
+
+.mate-panel-menu-bar.vertical #showdesktop-button image {
+ min-height: 24px;
+ padding: 4px 0;
+}
+
+PanelApplet.wnck-applet .wnck-pager {
+ background-color: transparent;
+ color: #3c84f7;
+}
+
+PanelApplet.wnck-applet .wnck-pager:hover {
+ background-color: alpha(currentColor, 0.08);
+}
+
+PanelApplet.wnck-applet .wnck-pager:active {
+ background-color: alpha(currentColor, 0.12);
+}
+
+PanelApplet.wnck-applet .wnck-pager:selected {
+ background-color: #3c84f7;
+}
+
+.mate-panel-menu-bar.horizontal #clock-applet-button label {
+ padding: 0 8px;
+}
+
+.mate-panel-menu-bar.vertical #clock-applet-button label {
+ padding: 8px 0;
+}
+
+#MatePanelPopupWindow {
+ border: 1px solid rgba(0, 0, 0, 0.12);
+ border-radius: 7px;
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0.15);
+ background-color: #FFFFFF;
+}
+
+#MatePanelPopupWindow frame > border {
+ border-style: none;
+}
+
+#MatePanelPopupWindow calendar {
+ border-style: none;
+}
+
+#MatePanelPopupWindow calendar:not(:selected) {
+ background-color: transparent;
+}
+
+#MatePanelPopupWindow calendar + box {
+ margin-top: -5px;
+ padding-top: 5px;
+ border-top: 1px solid rgba(0, 0, 0, 0.12);
+}
+
+#MatePanelPopupWindow expander > title {
+ min-height: 32px;
+}
+
+#MatePanelPopupWindow button {
+ padding: 4px 16px;
+}
+
+#MatePanelPopupWindow > frame > box > box > box > widget {
+ color: rgba(0, 0, 0, 0.12);
+}
+
+na-tray-applet {
+ -NaTrayApplet-icon-padding: 3px;
+ -NaTrayApplet-icon-size: 16;
+}
+
+.mate-panel-menu-bar {
+ -PanelMenuBar-icon-visible: true;
+}
+
+.mate-panel-applet-slider {
+ border: 1px solid rgba(0, 0, 0, 0.12);
+ border-radius: 7px;
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0.15);
+ background-color: #FFFFFF;
+}
+
+.mate-panel-applet-slider frame > border {
+ border-style: none;
+}
+
+#PanelApplet:not(:selected) > box {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+#PanelApplet:selected > box {
+ background-color: alpha(currentColor, 0.1);
+ color: rgba(0, 0, 0, 0.87);
+}
+
+#mate-menu {
+ border: 1px solid rgba(0, 0, 0, 0.12);
+ background-color: #FFFFFF;
+}
+
+#mate-menu button {
+ min-height: 24px;
+ min-width: 24px;
+ padding: 4px 0;
+ color: rgba(0, 0, 0, 0.87);
+ font-weight: normal;
+}
+
+#mate-menu button:not(.flat) {
+ background-color: alpha(currentColor, 0.1);
+}
+
+#mate-menu button image,
+#mate-menu button label + label {
+ color: rgba(0, 0, 0, 0.6);
+}
+
+#mate-menu entry {
+ margin: 0 0 4px;
+}
+
+#mate-menu entry image {
+ margin: 0;
+}
+
+#mate-menu entry + button {
+ margin: 0 4px 4px;
+ padding: 6px;
+}
+
+.brisk-menu {
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0.15);
+ background-color: #FFFFFF;
+}
+
+.brisk-menu entry {
+ margin-bottom: -2px;
+ border-bottom: 1px solid rgba(0, 0, 0, 0.12);
+ border-image: none;
+ box-shadow: none;
+ background-color: transparent;
+}
+
+.brisk-menu entry + box > box:dir(ltr) {
+ margin-right: -2px;
+ border-right: 1px solid rgba(0, 0, 0, 0.12);
+}
+
+.brisk-menu entry + box > box:dir(rtl) {
+ margin-left: -2px;
+ border-left: 1px solid rgba(0, 0, 0, 0.12);
+}
+
+.brisk-menu .categories-list {
+ padding-top: 4px;
+}
+
+.brisk-menu .categories-list button {
+ margin: 0 4px;
+}
+
+.brisk-menu .categories-list button:checked {
+ color: #3c84f7;
+}
+
+.brisk-menu .session-button {
+ padding: 12px;
+}
+
+.brisk-menu .frame {
+ border-style: none;
+}
+
+.brisk-menu .apps-list {
+ padding: 4px 0;
+ background-color: transparent;
+}
+
+.brisk-menu .apps-list row {
+ padding: 0;
+}
+
+.brisk-menu .apps-list row:hover {
+ box-shadow: none;
+}
+
+.brisk-menu .apps-list button {
+ border-radius: 0;
+ color: rgba(0, 0, 0, 0.87);
+ font-weight: normal;
+}
+
+/*********************
+ * CAJA File manager *
+ *********************/
+.caja-navigation-window button.toggle.image-button {
+ border-radius: 6px;
+}
+
+.caja-pathbar button {
+ margin: 0 -1px 0 -2px;
+}
+
+.caja-pathbar button.slider-button {
+ min-width: 24px;
+}
+
+.caja-pathbar button > widget {
+ -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+ -GtkArrow-arrow-scaling: 1;
+}
+
+.caja-side-pane notebook viewport.frame,
+.caja-side-pane notebook widget .vertical {
+ background-color: #FFFFFF;
+}
+
+.caja-side-pane notebook,
+.caja-notebook {
+ border-top: 1px solid rgba(0, 0, 0, 0.12);
+}
+
+.caja-side-pane notebook .frame,
+.caja-notebook .frame {
+ border-style: none;
+}
+
+.caja-canvas-item {
+ border-radius: 6px;
+}
+
+.caja-desktop.view .entry,
+.caja-navigation-window .view .entry {
+ border: none;
+ border-radius: 6px;
+ background-color: rgba(0, 0, 0, 0.04);
+ background-image: none;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.caja-desktop.view .entry:selected,
+.caja-navigation-window .view .entry:selected {
+ background-color: alpha(currentColor, 0.06);
+}
+
+.caja-desktop.view .entry {
+ background-color: #2C2C2C;
+ color: #FFFFFF;
+ caret-color: currentColor;
+}
+
+.caja-desktop.view .entry:selected {
+ background-color: alpha(currentColor, 0.06);
+}
+
+.caja-navigation-window statusbar {
+ margin: 0 -10px;
+ padding: 0 4px;
+ border-top: 1px solid rgba(0, 0, 0, 0.12);
+}
+
+.caja-notebook frame > border {
+ border-style: none;
+}
+
+#caja-extra-view-widget {
+ border-bottom: 1px solid rgba(0, 0, 0, 0.12);
+ background-color: #FFFFFF;
+}
+
+#caja-extra-view-widget > box > box > label {
+ font-weight: bold;
+}
+
+/*********
+ * Pluma *
+ *********/
+.pluma-window statusbar {
+ margin: 0 -10px;
+ padding: 0 4px;
+ border-top: 1px solid rgba(0, 0, 0, 0.12);
+}
+
+.pluma-window statusbar frame > border {
+ border-style: none;
+}
+
+.pluma-window statusbar frame button.flat {
+ padding: 0 4px;
+ border-radius: 0;
+}
+
+.pluma-window statusbar frame button.flat widget {
+ -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+ -GtkArrow-arrow-scaling: 1;
+}
+
+.pluma-print-preview toolbar {
+ border-bottom: 1px solid rgba(0, 0, 0, 0.12);
+}
+
+.pluma-window paned.horizontal box.vertical box.horizontal button.flat {
+ margin: 1px;
+}
+
+.pluma-window paned.horizontal box.vertical .frame {
+ border-style: none;
+}
+
+.pluma-window paned.horizontal box.vertical notebook.frame {
+ margin-top: -1px;
+ border-top: 1px solid rgba(0, 0, 0, 0.12);
+}
+
+.pluma-window paned.horizontal box.vertical notebook.frame box.vertical toolbar.horizontal {
+ border-bottom: 1px solid rgba(0, 0, 0, 0.12);
+}
+
+/*********
+ * Atril *
+ *********/
+.atril-window paned.horizontal box.vertical .frame {
+ border-style: none;
+}
+
+.atril-window paned.horizontal box.vertical notebook .frame {
+ border-top: 1px solid rgba(0, 0, 0, 0.12);
+}
+
+/* mate-screensaver lock dialog */
+.lock-dialog {
+ border: 1px solid rgba(0, 0, 0, 0.12);
+ border-radius: 7px;
+ box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.15);
+ background-color: #FFFFFF;
+}
+
+.lock-dialog frame > border {
+ border-style: none;
+}
+
+.lock-dialog button:not(:disabled) {
+ color: #3c84f7;
+}
+
+/* multimedia OSD */
+MsdOsdWindow.background.osd {
+ border-radius: 6px;
+ background-color: rgba(52, 52, 52, 0.9);
+ color: #FFFFFF;
+}
+
+MsdOsdWindow.background.osd .trough {
+ border-radius: 0;
+ background-color: rgba(255, 255, 255, 0.12);
+}
+
+MsdOsdWindow.background.osd .progressbar {
+ border-radius: 0;
+ background-color: #3c84f7;
+}
+
+/******************
+ * Budgie Desktop *
+ ******************/
+.budgie-container {
+ background-color: transparent;
+}
+
+.budgie-settings-window list.sidebar {
+ border-radius: 0 0 0 12px;
+}
+
+.budgie-settings-window buttonbox.inline-toolbar {
+ border-style: none none solid;
+}
+
+.budgie-settings-window buttonbox.inline-toolbar button {
+ border-radius: 6px;
+}
+
+.budgie-popover {
+ border: 1px solid rgba(0, 0, 0, 0.12);
+ box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+ background-clip: padding-box;
+ background-color: #FFFFFF;
+ border-radius: 12px;
+}
+
+.budgie-popover .container {
+ padding: 0;
+}
+
+.budgie-popover separator {
+ margin: 3px 0;
+}
+
+.budgie-popover border {
+ border: none;
+}
+
+.budgie-popover list {
+ background-color: transparent;
+}
+
+.budgie-popover row:hover {
+ box-shadow: none;
+}
+
+.budgie-popover scrolledwindow.sidebar:not(.categories) {
+ background-color: rgba(0, 0, 0, 0.04);
+ border-right: none;
+ border-bottom-left-radius: 12px;
+}
+
+.budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable {
+ padding: 6px 8px;
+}
+
+.budgie-popover treeview.view.sidebar {
+ border-right: none;
+ background: none;
+}
+
+.budgie-popover treeview.view.sidebar:hover {
+ background-color: alpha(currentColor, 0.08);
+}
+
+.budgie-popover treeview.view.sidebar:selected {
+ background-color: alpha(currentColor, 0.12);
+}
+
+.budgie-popover.bottom scrolledwindow.sidebar:not(.categories) {
+ padding-top: 12px;
+ border-top-left-radius: 12px;
+ border-bottom-left-radius: 0;
+}
+
+.budgie-popover > frame.container > grid.horizontal > grid.horizontal > widget > grid.horizontal > stack {
+ border-top: 1px solid rgba(0, 0, 0, 0.12);
+}
+
+.budgie-popover.bottom > frame.container > grid.horizontal > grid.horizontal > widget > grid.horizontal > stack {
+ border-top: none;
+ border-bottom: 1px solid rgba(0, 0, 0, 0.12);
+}
+
+.budgie-popover.budgie-menu .container {
+ padding: 0;
+}
+
+.budgie-popover.budgie-menu .sidebar,
+.budgie-popover.budgie-menu scrollbar,
+.budgie-popover.budgie-menu entry.search {
+ background-color: transparent;
+}
+
+.budgie-popover.budgie-menu entry.search {
+ border-bottom: 1px solid rgba(0, 0, 0, 0.12);
+ border-image: none;
+ border-radius: 0;
+ box-shadow: none;
+ font-size: 120%;
+}
+
+.budgie-popover.budgie-menu scrolledwindow.sidebar.categories {
+ background-color: rgba(0, 0, 0, 0.04);
+ padding-bottom: 12px;
+}
+
+.budgie-popover.budgie-menu scrolledwindow.sidebar.categories button.flat.radio.category-button {
+ border-radius: 0;
+}
+
+.budgie-popover.budgie-menu scrolledwindow > viewport.frame > list > row.activatable > button.flat {
+ border-radius: 0;
+}
+
+.budgie-popover.user-menu .container {
+ padding: 6px;
+}
+
+.budgie-popover.user-menu list,
+.budgie-popover.user-menu row {
+ border: none;
+ background: none;
+ box-shadow: none;
+}
+
+.budgie-popover.user-menu > frame.container > box.vertical row.activatable:first-child {
+ margin-bottom: 3px;
+ outline-width: 0;
+ border-radius: 6px;
+}
+
+.budgie-popover.user-menu > frame.container > box.vertical row.activatable:first-child button.indicator-item {
+ transition: none;
+ animation: none;
+}
+
+.budgie-popover.night-light-indicator .container {
+ padding: 3px;
+}
+
+.budgie-popover.night-light-indicator .view-header {
+ margin: 0 6px;
+}
+
+.budgie-popover.places-menu .container {
+ padding: 3px;
+}
+
+.budgie-popover.places-menu .name-button image:dir(ltr) {
+ margin-right: 3px;
+}
+
+.budgie-popover.places-menu .name-button image:dir(rtl) {
+ margin-left: 3px;
+}
+
+.budgie-popover.places-menu .unmount-button {
+ margin: 2px;
+ padding: 0;
+}
+
+.budgie-popover.places-menu .places-list:not(.always-expand) {
+ margin-top: 3px;
+ padding-top: 3px;
+ border-top: 1px solid rgba(0, 0, 0, 0.12);
+}
+
+.budgie-popover.places-menu .alternative-label {
+ padding: 3px;
+ font-size: 15px;
+}
+
+.budgie-popover.workspace-popover flowboxchild {
+ padding: 0;
+}
+
+.workspace-switcher .workspace-layout {
+ border: 0 solid rgba(0, 0, 0, 0.12);
+}
+
+.top .workspace-switcher .workspace-layout:dir(ltr), .bottom .workspace-switcher .workspace-layout:dir(ltr) {
+ border-left-width: 1px;
+}
+
+.top .workspace-switcher .workspace-layout:dir(rtl), .bottom .workspace-switcher .workspace-layout:dir(rtl) {
+ border-right-width: 1px;
+}
+
+.left .workspace-switcher .workspace-layout, .right .workspace-switcher .workspace-layout {
+ border-top-width: 1px;
+}
+
+.workspace-switcher .workspace-item,
+.workspace-switcher .workspace-add-button {
+ border: 0 solid rgba(0, 0, 0, 0.12);
+}
+
+.top .workspace-switcher .workspace-item:dir(ltr), .bottom .workspace-switcher .workspace-item:dir(ltr), .top .workspace-switcher .workspace-add-button:dir(ltr), .bottom .workspace-switcher .workspace-add-button:dir(ltr) {
+ border-right-width: 1px;
+}
+
+.top .workspace-switcher .workspace-item:dir(rtl), .bottom .workspace-switcher .workspace-item:dir(rtl), .top .workspace-switcher .workspace-add-button:dir(rtl), .bottom .workspace-switcher .workspace-add-button:dir(rtl) {
+ border-left-width: 1px;
+}
+
+.left .workspace-switcher .workspace-item, .right .workspace-switcher .workspace-item, .left .workspace-switcher .workspace-add-button, .right .workspace-switcher .workspace-add-button {
+ border-bottom-width: 1px;
+}
+
+.workspace-switcher .workspace-item {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+.workspace-switcher .workspace-item.current-workspace {
+ background-color: alpha(currentColor, 0.1);
+}
+
+.workspace-switcher .workspace-add-button:hover {
+ box-shadow: none;
+}
+
+.workspace-switcher .workspace-add-button:active {
+ background-image: none;
+}
+
+.workspace-switcher .workspace-add-button:active image {
+ margin: 1px 0 -1px;
+}
+
+.budgie-panel .workspace-switcher .workspace-icon-button {
+ min-height: 24px;
+ min-width: 24px;
+ padding: 0;
+ border-radius: 6px;
+}
+
+.budgie-panel button.budgie-menu-launcher {
+ padding: 0 0;
+ margin: 3px 0;
+ min-width: 16px;
+ min-height: 16px;
+ color: rgba(0, 0, 0, 0.6);
+}
+
+.budgie-panel button.budgie-menu-launcher {
+ background: none;
+ box-shadow: none;
+}
+
+.budgie-panel button.budgie-menu-launcher image {
+ padding: 0;
+ margin: 0;
+ border-radius: 9999px;
+ background-image: image(rgba(0, 0, 0, 0.12));
+}
+
+.budgie-panel button.budgie-menu-launcher:hover {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.budgie-panel button.budgie-menu-launcher:hover image {
+ background-image: image(rgba(255, 255, 255, 0.2));
+}
+
+.budgie-panel button.budgie-menu-launcher:active, .budgie-panel button.budgie-menu-launcher:checked {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.budgie-panel button.budgie-menu-launcher:active image, .budgie-panel button.budgie-menu-launcher:checked image {
+ background-image: image(rgba(255, 255, 255, 0.28));
+}
+
+.budgie-panel {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+ background-color: #f2f2f2;
+ color: rgba(0, 0, 0, 0.6);
+ font-weight: 500;
+}
+
+.budgie-panel.transparent {
+ background-color: rgba(242, 242, 242, 0.75);
+}
+
+.budgie-panel button {
+ color: rgba(0, 0, 0, 0.6);
+ min-height: 24px;
+ min-width: 24px;
+ padding: 0;
+ border-radius: 0;
+}
+
+.budgie-panel button:hover {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.budgie-panel button:active {
+ color: rgba(0, 0, 0, 0.6);
+}
+
+.budgie-panel button.budgie-menu-launcher {
+ color: rgba(0, 0, 0, 0.6);
+}
+
+.budgie-panel button.budgie-menu-launcher:focus {
+ background: none;
+ box-shadow: none;
+ border: none;
+ color: rgba(0, 0, 0, 0.6);
+}
+
+.budgie-panel button.raven-trigger {
+ color: rgba(0, 0, 0, 0.6);
+}
+
+.budgie-panel.horizontal button {
+ padding: 0 4px;
+}
+
+.budgie-panel.vertical button {
+ padding: 4px 0;
+}
+
+.budgie-panel separator {
+ background-color: rgba(0, 0, 0, 0.26);
+}
+
+.budgie-panel .alert {
+ color: #E53935;
+}
+
+.budgie-panel .titlebar:not(headerbar) {
+ min-height: 0;
+ padding: 0;
+ box-shadow: none;
+ background-color: transparent;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.budgie-panel .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action) {
+ color: rgba(0, 0, 0, 0.6);
+}
+
+.budgie-panel .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):hover, .budgie-panel .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):active {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.budgie-panel menubar,
+.budgie-panel .menubar {
+ color: rgba(0, 0, 0, 0.6);
+ box-shadow: none;
+ border: none;
+}
+
+.budgie-panel menubar > menuitem,
+.budgie-panel .menubar > menuitem {
+ color: rgba(0, 0, 0, 0.6);
+}
+
+.budgie-panel menubar > menuitem:hover, .budgie-panel menubar > menuitem:active,
+.budgie-panel .menubar > menuitem:hover,
+.budgie-panel .menubar > menuitem:active {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.budgie-panel #tasklist-button {
+ padding: 0 4px;
+}
+
+.budgie-panel.vertical #tasklist-button {
+ min-height: 32px;
+}
+
+.budgie-panel button.flat.launcher {
+ padding: 0;
+}
+
+.budgie-panel button.flat.launcher:not(:checked) {
+ color: rgba(0, 0, 0, 0.38);
+}
+
+.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active {
+ color: rgba(0, 0, 0, 0.6);
+}
+
+.budgie-panel button.flat.launcher:not(:checked):disabled {
+ color: rgba(0, 0, 0, 0.26);
+}
+
+.top .budgie-panel .unpinned button.flat.launcher:checked, .top .budgie-panel .pinned button.flat.launcher.running:checked {
+ border-image: radial-gradient(circle closest-corner at center calc(1px), currentColor 100%, transparent 0%) 2 0 0 0/2px 0 0 0;
+}
+
+.bottom .budgie-panel .unpinned button.flat.launcher:checked, .bottom .budgie-panel .pinned button.flat.launcher.running:checked {
+ border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2 0/0 0 2px 0;
+}
+
+.left .budgie-panel .unpinned button.flat.launcher:checked, .left .budgie-panel .pinned button.flat.launcher.running:checked {
+ border-image: radial-gradient(circle closest-corner at calc(1px) center, currentColor 100%, transparent 0%) 0 0 0 2/0 0 0 2px;
+}
+
+.right .budgie-panel .unpinned button.flat.launcher:checked, .right .budgie-panel .pinned button.flat.launcher.running:checked {
+ border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, currentColor 100%, transparent 0%) 0 2 0 0/0 2px 0 0;
+}
+
+.top .budgie-panel #tasklist-button, .budgie-panel .top #tasklist-button {
+ border-image: radial-gradient(circle closest-corner at center calc(1px), currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0;
+}
+
+.top .budgie-panel #tasklist-button:checked, .budgie-panel .top #tasklist-button:checked {
+ border-image: radial-gradient(circle closest-corner at center calc(1px), currentColor 100%, transparent 0%) 2 0 0 0/2px 0 0 0;
+}
+
+.bottom .budgie-panel #tasklist-button, .budgie-panel .bottom #tasklist-button {
+ border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0;
+}
+
+.bottom .budgie-panel #tasklist-button:checked, .budgie-panel .bottom #tasklist-button:checked {
+ border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2 0/0 0 2px 0;
+}
+
+.left .budgie-panel #tasklist-button, .budgie-panel .left #tasklist-button {
+ border-image: radial-gradient(circle closest-corner at calc(1px) center, currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0;
+}
+
+.left .budgie-panel #tasklist-button:checked, .budgie-panel .left #tasklist-button:checked {
+ border-image: radial-gradient(circle closest-corner at calc(1px) center, currentColor 100%, transparent 0%) 0 0 0 2/0 0 0 2px;
+}
+
+.right .budgie-panel #tasklist-button, .budgie-panel .right #tasklist-button {
+ border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0;
+}
+
+.right .budgie-panel #tasklist-button:checked, .budgie-panel .right #tasklist-button:checked {
+ border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, currentColor 100%, transparent 0%) 0 2 0 0/0 2px 0 0;
+}
+
+frame.raven-frame > border {
+ border-style: none;
+}
+
+.top frame.raven-frame > border {
+ margin-bottom: 32px;
+}
+
+.bottom frame.raven-frame > border {
+ margin-top: 32px;
+}
+
+.left frame.raven-frame > border {
+ margin-right: 32px;
+}
+
+.right frame.raven-frame > border {
+ margin-left: 32px;
+}
+
+.raven {
+ background-color: #FFFFFF;
+ box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2), 0 16px 15px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12);
+}
+
+.raven > box {
+ margin-bottom: -10px;
+}
+
+.raven stackswitcher.linked {
+ margin: 6px 16px;
+}
+
+.raven stackswitcher.linked > button:focus {
+ box-shadow: none;
+}
+
+.raven .raven-header {
+ min-height: 36px;
+ padding: 3px;
+}
+
+.raven .raven-header.top {
+ padding: 0;
+ border-bottom: 1px solid rgba(0, 0, 0, 0.12);
+}
+
+.raven .raven-header.top stackswitcher button {
+ margin: -4px 0 -5px;
+ padding: 0 16px;
+ min-height: 24px;
+}
+
+.raven .raven-header.bottom {
+ border-top: 1px solid rgba(0, 0, 0, 0.12);
+}
+
+.raven stack .raven-header {
+ margin-top: -6px;
+}
+
+.raven stack scrolledwindow .raven-header {
+ margin-top: -8px;
+}
+
+.raven .raven-background {
+ border-style: solid none;
+ border-width: 1px;
+ border-color: rgba(0, 0, 0, 0.12);
+ background-color: #FFFFFF;
+}
+
+.raven .raven-background > overlay > widget > image {
+ color: rgba(0, 0, 0, 0.12);
+}
+
+.raven scrolledwindow.raven-background {
+ border-bottom-style: none;
+}
+
+.raven .powerstrip button {
+ margin: 2px 0 1px;
+ padding: 12px;
+ border-radius: 9999px;
+}
+
+.raven .option-subtitle {
+ font-size: smaller;
+}
+
+.raven .audio-widget scale.marks-after {
+ padding-top: 0;
+ padding-bottom: 0;
+}
+
+.raven .audio-widget scale.marks-after label {
+ font-size: 90%;
+ padding: 0;
+ margin: -10px 0 0 6px;
+}
+
+.raven .audio-widget button.flat.expander-button {
+ margin-top: 4px;
+ margin-bottom: 4px;
+}
+
+.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked {
+ background-color: rgba(0, 0, 0, 0.06);
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected label, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked label {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.raven .audio-widget list.devices-list.sound-devices > row.activatable label {
+ padding-left: 12px;
+}
+
+calendar.raven-calendar {
+ border-style: none;
+ background-color: transparent;
+}
+
+calendar.raven-calendar:selected {
+ border-radius: 6px;
+}
+
+.raven-mpris {
+ background-color: #242424;
+ color: #FFFFFF;
+}
+
+.raven-mpris label {
+ min-height: 24px;
+}
+
+.raven-mpris button.image-button {
+ padding: 12px;
+}
+
+.raven-notifications-view > .raven-background > viewport.frame {
+ padding: 0;
+}
+
+.raven-notifications-view > .raven-background > viewport.frame > list > row.activatable {
+ margin-left: -6px;
+ margin-right: -3px;
+}
+
+.raven-notifications-view > .raven-background > viewport.frame > list > row.activatable .raven-notifications-group-header {
+ padding: 0 12px;
+}
+
+.raven-notifications-view > .raven-background > viewport.frame > list > row.activatable list {
+ padding: 6px;
+ background: none;
+}
+
+.raven-notifications-view > .raven-background > viewport.frame > list > row.activatable list > row.activatable {
+ border: none;
+ padding: 6px;
+ padding-left: 12px;
+ margin: 3px;
+ border-radius: 6px;
+ background-color: rgba(0, 0, 0, 0.04);
+}
+
+.raven-notifications-view > .raven-background > viewport.frame > list > row.activatable list > row.activatable:hover, .raven-notifications-view > .raven-background > viewport.frame > list > row.activatable list > row.activatable:selected {
+ background-color: rgba(0, 0, 0, 0.12);
+}
+
+.raven-notifications-view > .raven-background > viewport.frame > list > row.activatable:selected, .raven-notifications-view > .raven-background > viewport.frame > list > row.activatable:selected:hover, .raven-notifications-view > .raven-background > viewport.frame > list > row.activatable:hover, .raven-notifications-view > .raven-background > viewport.frame > list > row.activatable:active, .raven-notifications-view > .raven-background > viewport.frame > list > row.activatable:focus {
+ background: none;
+ box-shadow: none;
+}
+
+.budgie-notification-window, .budgie-switcher-window, .budgie-osd-window {
+ background-color: transparent;
+}
+
+.budgie-notification .notification-title, .budgie-switcher .notification-title {
+ font-size: 120%;
+}
+
+.budgie-notification .notification-body, .budgie-switcher .notification-body {
+ color: rgba(0, 0, 0, 0.6);
+}
+
+.budgie-osd .budgie-osd-text {
+ font-size: 120%;
+}
+
+.budgie-panel .lock-keys image:disabled {
+ color: rgba(0, 0, 0, 0.26);
+}
+
+.drop-shadow {
+ margin: 5px 9px;
+ padding: 3px;
+ border-radius: 12px;
+ box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.15);
+ background-color: #FFFFFF;
+}
+
+.drop-shadow .linked > button {
+ border-radius: 12px;
+}
+
+.budgie-session-dialog,
+.budgie-polkit-dialog,
+.budgie-run-dialog {
+ background-color: #FFFFFF;
+ border: none;
+ padding: 0;
+}
+
+.budgie-session-dialog.background, .budgie-session-dialog > decoration,
+.budgie-polkit-dialog.background,
+.budgie-polkit-dialog > decoration,
+.budgie-run-dialog.background,
+.budgie-run-dialog > decoration {
+ border-radius: 12px;
+}
+
+.budgie-session-dialog > decoration,
+.budgie-polkit-dialog > decoration,
+.budgie-run-dialog > decoration {
+ border: none;
+ box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2), 0 16px 15px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12), 0 0 0 1px rgba(0, 0, 0, 0.12);
+}
+
+.budgie-session-dialog label:not(:last-child),
+.budgie-session-dialog .dialog-title,
+.budgie-polkit-dialog label:not(:last-child),
+.budgie-polkit-dialog .dialog-title,
+.budgie-run-dialog label:not(:last-child),
+.budgie-run-dialog .dialog-title {
+ font-size: 120%;
+}
+
+.budgie-session-dialog .linked.horizontal > button,
+.budgie-polkit-dialog .linked.horizontal > button,
+.budgie-run-dialog .linked.horizontal > button {
+ padding: 8px 16px;
+ border-top: 1px solid rgba(0, 0, 0, 0.12);
+ border-radius: 0;
+}
+
+.budgie-session-dialog .linked.horizontal > button:first-child,
+.budgie-polkit-dialog .linked.horizontal > button:first-child,
+.budgie-run-dialog .linked.horizontal > button:first-child {
+ border-bottom-left-radius: 12px;
+}
+
+.budgie-session-dialog .linked.horizontal > button:last-child,
+.budgie-polkit-dialog .linked.horizontal > button:last-child,
+.budgie-run-dialog .linked.horizontal > button:last-child {
+ border-bottom-right-radius: 12px;
+}
+
+.budgie-polkit-dialog .message {
+ color: rgba(0, 0, 0, 0.6);
+}
+
+.budgie-polkit-dialog .failure {
+ color: #E53935;
+}
+
+.budgie-run-dialog entry.search {
+ font-size: 120%;
+ padding: 6px 14px;
+ border-image: none;
+ box-shadow: none;
+ background-color: transparent;
+}
+
+.budgie-run-dialog list .dim-label {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.budgie-run-dialog scrolledwindow {
+ border-top: 1px solid rgba(0, 0, 0, 0.12);
+}
+
+/**************
+ * Xfce4 Apps *
+ **************/
+.XfceHeading {
+ background-color: #FFFFFF;
+}
+
+/***************
+ * xfce4-panel *
+ ***************/
+.xfce4-panel.background {
+ border: none;
+ background-color: #f2f2f2;
+ color: rgba(0, 0, 0, 0.6);
+ font-weight: 500;
+}
+
+.xfce4-panel.background button {
+ min-height: 16px;
+ min-width: 16px;
+ padding: 0;
+ border-radius: 0;
+}
+
+.xfce4-panel.background .tasklist button image {
+ padding: 4px;
+}
+
+wnck-pager:hover {
+ background-color: alpha(currentColor, 0.08);
+}
+
+wnck-pager:active {
+ background-color: alpha(currentColor, 0.12);
+}
+
+wnck-pager:selected {
+ background-color: #3c84f7;
+}
+
+XfdesktopIconView.view {
+ border-radius: 6px;
+ background-color: transparent;
+ color: #FFFFFF;
+}
+
+XfdesktopIconView.view:active {
+ box-shadow: none;
+}
+
+XfdesktopIconView.view .rubberband {
+ border-radius: 0;
+}
+
+window#whiskermenu-window {
+ border-radius: 12px;
+ background-color: transparent;
+ border: none;
+}
+
+window#whiskermenu-window entry.search:focus {
+ background-color: #FFFFFF;
+}
+
+window#whiskermenu-window > frame > border {
+ border-radius: 12px;
+ padding: 6px 8px 6px 9px;
+ margin: 6px;
+ border: none;
+ background-color: #FFFFFF;
+ box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 0 0 1px rgba(0, 0, 0, 0.12), inset 0 0 0 1px rgba(255, 255, 255, 0.15);
+}
+
+window#whiskermenu-window box.categories > button.radio {
+ padding: 3px 6px;
+ margin: 1px 0;
+}
+
+window#whiskermenu-window box.categories > button.radio:hover {
+ background-color: rgba(0, 0, 0, 0.12);
+}
+
+window#whiskermenu-window box.categories > button.radio:checked, window#whiskermenu-window box.categories > button.radio:active {
+ background-color: rgba(0, 0, 0, 0.26);
+ color: rgba(0, 0, 0, 0.87);
+}
+
+window#whiskermenu-window box.categories > button.radio:checked:hover, window#whiskermenu-window box.categories > button.radio:active:hover {
+ background-image: none;
+}
+
+window#whiskermenu-window scrolledwindow.frame {
+ padding: 3px;
+ background-color: #FFFFFF;
+ border-radius: 6px;
+}
+
+window#whiskermenu-window scrolledwindow.frame treeview.view {
+ border-radius: 6px;
+}
+
+window#whiskermenu-window scrolledwindow.frame treeview.view:not(:hover):not(:selected) {
+ background: none;
+}
+
+window#whiskermenu-window scrolledwindow.frame treeview.view:selected:hover {
+ background-color: rgba(0, 0, 0, 0.12);
+ color: rgba(0, 0, 0, 0.87);
+}
+
+window#whiskermenu-window .title-area > .commands-area > button.flat.command-button:checked, window#whiskermenu-window .title-area > .commands-area > button.flat.command-button:active {
+ background-color: rgba(0, 0, 0, 0.26);
+ color: rgba(0, 0, 0, 0.87);
+}
+
+#XfceNotifyWindow {
+ box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 0 0 1px rgba(0, 0, 0, 0.12);
+}
+
+#XfceNotifyWindow buttonbox {
+ padding: 0;
+}
+
+#XfceNotifyWindow label#summary {
+ font-weight: bold;
+}
+
+#xfwm-tabwin {
+ padding: 12px;
+ border-radius: 6px;
+ -XfwmTabwinWidget-icon-size: 64px;
+ -XfwmTabwinWidget-preview-size: 64px;
+}
+
+/**********
+ * Thunar *
+ **********/
+.thunar toolbar {
+ box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12);
+}
+
+.thunar .standard-view.frame {
+ border-style: none;
+}
+
+.thunar .sidebar .view:not(:selected) {
+ background-color: transparent;
+}
+
+.thunar .path-bar.linked:not(.vertical) > button.path-bar-button {
+ margin-left: 2px;
+ margin-right: 2px;
+}
+
+.thunar statusbar {
+ margin: 0 -10px;
+ padding: 0 4px;
+ border-top: 1px solid rgba(0, 0, 0, 0.12);
+}
+
+.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane {
+ border-top: none;
+}
+
+window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane {
+ border-bottom-left-radius: 12px;
+}
+
+menubar.-vala-panel-appmenu-private,
+menubar.-vala-panel-background {
+ background: none;
+ border: none;
+ box-shadow: none;
+ animation: none;
+}
+
+menubar.-vala-panel-appmenu-private > menuitem,
+menubar.-vala-panel-background > menuitem {
+ color: rgba(0, 0, 0, 0.6);
+ font-weight: normal;
+}
+
+menubar.-vala-panel-appmenu-private > menuitem:hover,
+menubar.-vala-panel-background > menuitem:hover {
+ color: rgba(0, 0, 0, 0.87);
+ border-radius: 0;
+}
+
+menubar.-vala-panel-appmenu-private > menuitem:disabled,
+menubar.-vala-panel-background > menuitem:disabled {
+ color: rgba(0, 0, 0, 0.26);
+}
+
+/************************
+ * LightDM GTK+ Greeter *
+ ************************/
+#panel_window {
+ background-color: #2C2C2C;
+ color: #FFFFFF;
+}
+
+#panel_window menubar,
+#panel_window separator {
+ background-color: transparent;
+}
+
+#panel_window separator {
+ padding: 0 4px;
+}
+
+#panel_window separator:first-child {
+ padding: 0 8px;
+}
+
+#panel_window menubar > menuitem {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+#panel_window menubar > menuitem:hover {
+ color: #FFFFFF;
+}
+
+#panel_window menubar > menuitem:disabled label {
+ color: rgba(255, 255, 255, 0.3);
+}
+
+#login_window,
+#shutdown_dialog,
+#restart_dialog {
+ margin: 8px;
+ border-radius: 6px;
+ box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.15);
+ background-color: #FFFFFF;
+}
+
+#content_frame {
+ padding-bottom: 16px;
+}
+
+#buttonbox_frame {
+ padding-top: 24px;
+}
+
+#buttonbox_frame > box,
+#buttonbox_frame > buttonbox {
+ margin: -16px;
+}
+
+#buttonbox_frame button:not(:disabled) {
+ color: #3c84f7;
+}
+
+/********
+ * Nemo *
+ ********/
+.nemo-window .primary-toolbar {
+ background-color: #F2F2F2;
+ border-bottom: 1px solid rgba(0, 0, 0, 0.12);
+}
+
+.nemo-window .primary-toolbar entry {
+ min-height: 0;
+ margin: 0;
+}
+
+.nemo-window .primary-toolbar > toolitem > .linked > button.image-button {
+ margin-left: 1px;
+ margin-right: 1px;
+}
+
+.nemo-window .primary-toolbar button.text-button {
+ padding-left: 8px;
+ padding-right: 8px;
+ color: rgba(0, 0, 0, 0.6);
+}
+
+.nemo-window .primary-toolbar button.text-button:hover, .nemo-window .primary-toolbar button.text-button:active, .nemo-window .primary-toolbar button.text-button:checked {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.nemo-window .primary-toolbar button.text-button:disabled {
+ color: rgba(0, 0, 0, 0.26);
+}
+
+.nemo-window .primary-toolbar button.text-button:backdrop {
+ color: rgba(0, 0, 0, 0.38);
+}
+
+.nemo-window .primary-toolbar .path-bar.linked:not(.vertical) > button {
+ margin-left: 1px;
+ margin-right: 1px;
+}
+
+.nemo-window .primary-toolbar .path-bar.linked:not(.vertical) > button.slider-button {
+ border-radius: 3px;
+}
+
+.nemo-window .primary-toolbar .path-bar.linked:not(.vertical) > button.slider-button:first-child {
+ border-top-left-radius: 6px;
+ border-bottom-left-radius: 6px;
+}
+
+.nemo-window .primary-toolbar .path-bar.linked:not(.vertical) > button.slider-button:last-child {
+ border-top-right-radius: 6px;
+ border-bottom-right-radius: 6px;
+}
+
+.nemo-window .primary-toolbar button:not(.text-button):not(.image-button) {
+ padding-left: 4px;
+ padding-right: 4px;
+}
+
+.nemo-window scrolledwindow.frame {
+ border-style: none;
+}
+
+.nemo-window scrolledwindow.frame .view:not(:selected) {
+ background-color: transparent;
+}
+
+.nemo-window .nemo-inactive-pane .view:not(:selected) {
+ background-color: #FAFAFA;
+}
+
+.nemo-window .nemo-window-pane widget.entry {
+ border-radius: 6px;
+ background-color: rgba(0, 0, 0, 0.04);
+}
+
+.places-treeview {
+ -NemoPlacesTreeView-disk-full-bg-color: rgba(192, 192, 192, 0.961);
+ -NemoPlacesTreeView-disk-full-fg-color: #3c84f7;
+ -NemoPlacesTreeView-disk-full-bar-width: 2px;
+ -NemoPlacesTreeView-disk-full-bar-radius: 0;
+ -NemoPlacesTreeView-disk-full-bottom-padding: 1px;
+ -NemoPlacesTreeView-disk-full-max-length: 80px;
+ padding-top: 3px;
+ padding-bottom: 3px;
+}
+
+/* GTK NAMED COLORS
+ ----------------
+ use responsibly! */
+/*
+widget text/foreground color */
+@define-color theme_fg_color rgba(0, 0, 0, 0.87);
+/*
+text color for entries, views and content in general */
+@define-color theme_text_color rgba(0, 0, 0, 0.87);
+/*
+widget base background color */
+@define-color theme_bg_color #FFFFFF;
+/*
+text widgets and the like base background color */
+@define-color theme_base_color #FFFFFF;
+/*
+base background color of selections */
+@define-color theme_selected_bg_color #3c84f7;
+/*
+text/foreground color of selections */
+@define-color theme_selected_fg_color #FFFFFF;
+/*
+base background color of insensitive widgets */
+@define-color insensitive_bg_color #FFFFFF;
+/*
+text foreground color of insensitive widgets */
+@define-color insensitive_fg_color rgba(0, 0, 0, 0.38);
+/*
+insensitive text widgets and the like base background color */
+@define-color insensitive_base_color #FAFAFA;
+/*
+widget text/foreground color on backdrop windows */
+@define-color theme_unfocused_fg_color rgba(0, 0, 0, 0.87);
+/*
+text color for entries, views and content in general on backdrop windows */
+@define-color theme_unfocused_text_color rgba(0, 0, 0, 0.87);
+/*
+widget base background color on backdrop windows */
+@define-color theme_unfocused_bg_color #FFFFFF;
+/*
+text widgets and the like base background color on backdrop windows */
+@define-color theme_unfocused_base_color #FFFFFF;
+/*
+base background color of selections on backdrop windows */
+@define-color theme_unfocused_selected_bg_color #3c84f7;
+/*
+text/foreground color of selections on backdrop windows */
+@define-color theme_unfocused_selected_fg_color #FFFFFF;
+/*
+insensitive color on backdrop windows */
+@define-color unfocused_insensitive_color rgba(0, 0, 0, 0.38);
+/*
+widgets main borders color */
+@define-color borders rgba(0, 0, 0, 0.12);
+/*
+widgets main borders color on backdrop windows */
+@define-color unfocused_borders rgba(0, 0, 0, 0.12);
+/*
+these are pretty self explicative */
+@define-color warning_color #FFD600;
+@define-color error_color #E53935;
+@define-color success_color #4CAF50;
+/*
+these colors are exported for the window manager and shouldn't be used in applications,
+read if you used those and something break with a version upgrade you're on your own... */
+@define-color wm_title rgba(0, 0, 0, 0.87);
+@define-color wm_unfocused_title rgba(0, 0, 0, 0.6);
+@define-color wm_highlight rgba(255, 255, 255, 0.15);
+@define-color wm_border #a6a6a6;
+@define-color wm_bg #F2F2F2;
+@define-color wm_unfocused_bg #FAFAFA;
+@define-color wm_button_icon white;
+@define-color wm_button_close_hover_bg #fd5f51;
+@define-color wm_button_close_active_bg #fc2714;
+@define-color wm_button_max_hover_bg #38c76a;
+@define-color wm_button_max_active_bg #2b9751;
+@define-color wm_button_min_hover_bg #fdbe04;
+@define-color wm_button_min_active_bg #c29102;
+/*
+FIXME this is really an API */
+@define-color content_view_bg #FFFFFF;
+@define-color placeholder_text_color #666666;
+/* Very contrasty background for text views (@theme_text_color foreground) */
+@define-color text_view_bg #FFFFFF;
+@define-color budgie_tasklist_indicator_color white;
+@define-color budgie_tasklist_indicator_color_active white;
+@define-color budgie_tasklist_indicator_color_active_window #f9f9f9;
+@define-color budgie_tasklist_indicator_color_attention #FFD600;
+@define-color STRAWBERRY_100 #FF9262;
+@define-color STRAWBERRY_300 #FF793E;
+@define-color STRAWBERRY_500 #F15D22;
+@define-color STRAWBERRY_700 #CF3B00;
+@define-color STRAWBERRY_900 #AC1800;
+@define-color ORANGE_100 #FFDB91;
+@define-color ORANGE_300 #FFCA40;
+@define-color ORANGE_500 #FAA41A;
+@define-color ORANGE_700 #DE8800;
+@define-color ORANGE_900 #C26C00;
+@define-color BANANA_100 #FFFFA8;
+@define-color BANANA_300 #FFFA7D;
+@define-color BANANA_500 #FFCE51;
+@define-color BANANA_700 #D1A023;
+@define-color BANANA_900 #A27100;
+@define-color LIME_100 #A2F3BE;
+@define-color LIME_300 #8ADBA6;
+@define-color LIME_500 #73C48F;
+@define-color LIME_700 #479863;
+@define-color LIME_900 #1C6D38;
+@define-color BLUEBERRY_100 #94A6FF;
+@define-color BLUEBERRY_300 #6A7CE0;
+@define-color BLUEBERRY_500 #3F51B5;
+@define-color BLUEBERRY_700 #213397;
+@define-color BLUEBERRY_900 #031579;
+@define-color GRAPE_100 #D25DE6;
+@define-color GRAPE_300 #B84ACB;
+@define-color GRAPE_500 #9C27B0;
+@define-color GRAPE_700 #830E97;
+@define-color GRAPE_900 #6A007E;
+@define-color COCOA_100 #9F9792;
+@define-color COCOA_300 #7B736E;
+@define-color COCOA_500 #574F4A;
+@define-color COCOA_700 #463E39;
+@define-color COCOA_900 #342C27;
+@define-color SILVER_100 #EEE;
+@define-color SILVER_300 #CCC;
+@define-color SILVER_500 #AAA;
+@define-color SILVER_700 #888;
+@define-color SILVER_900 #666;
+@define-color SLATE_100 #888;
+@define-color SLATE_300 #666;
+@define-color SLATE_500 #444;
+@define-color SLATE_700 #222;
+@define-color SLATE_900 #111;
+@define-color BLACK_100 #474341;
+@define-color BLACK_300 #403C3A;
+@define-color BLACK_500 #393634;
+@define-color BLACK_700 #33302F;
+@define-color BLACK_900 #2B2928;
diff --git a/src/main/gtk-3.0/gtk-light.scss b/src/main/gtk-3.0/gtk-Light.scss
similarity index 100%
rename from src/main/gtk-3.0/gtk-light.scss
rename to src/main/gtk-3.0/gtk-Light.scss
diff --git a/src/main/gtk-4.0/gtk-Dark.css b/src/main/gtk-4.0/gtk-Dark.css
new file mode 100644
index 00000000..536563eb
--- /dev/null
+++ b/src/main/gtk-4.0/gtk-Dark.css
@@ -0,0 +1,5229 @@
+/***************
+ * Base States *
+ ***************/
+.background {
+ background-color: #2C2C2C;
+ color: #FFFFFF;
+}
+
+dnd {
+ color: #FFFFFF;
+}
+
+.normal-icons {
+ -gtk-icon-size: 16px;
+}
+
+.large-icons {
+ -gtk-icon-size: 32px;
+}
+
+spinner:disabled,
+arrow:disabled,
+scrollbar:disabled,
+check:disabled,
+radio:disabled,
+treeview.expander:disabled {
+ -gtk-icon-filter: opacity(0.5);
+}
+
+iconview, .view {
+ background-color: #2C2C2C;
+ color: #FFFFFF;
+}
+
+iconview:disabled, .view:disabled {
+ color: rgba(255, 255, 255, 0.5);
+}
+
+iconview:selected, .view:selected {
+ color: #FFFFFF;
+}
+
+textview text {
+ background-color: #2C2C2C;
+}
+
+textview border {
+ background-color: #242424;
+ color: rgba(255, 255, 255, 0.7);
+}
+
+iconview:hover, iconview:selected {
+ border-radius: 3px;
+}
+
+rubberband, .content-view rubberband, .content-view columnview.view > rubberband,
+.content-view treeview.view > rubberband, .content-view .rubberband, columnview.view > rubberband, .content-view columnview.view > .rubberband,
+treeview.view > rubberband,
+.content-view treeview.view > .rubberband, gridview > rubberband, flowbox > rubberband {
+ border: 1px solid #5b9bf8;
+ background-color: rgba(91, 155, 248, 0.3);
+}
+
+flowbox > flowboxchild {
+ padding: 4px;
+ border-radius: 6px;
+}
+
+.content-view .tile:selected {
+ background-color: transparent;
+}
+
+gridview > child {
+ padding: 3px;
+}
+
+gridview > child:selected {
+ outline-color: alpha(currentColor, 0.06);
+}
+
+gridview > child box {
+ border-spacing: 8px;
+ margin: 12px;
+}
+
+coverflow cover {
+ color: #FFFFFF;
+ background-color: #2C2C2C;
+ border: 1px solid black;
+}
+
+label.separator {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+label:disabled {
+ color: rgba(255, 255, 255, 0.5);
+}
+
+headerbar label:disabled, tab label:disabled, button label:disabled {
+ color: inherit;
+}
+
+label.osd {
+ border-radius: 6px;
+ background-color: rgba(25, 25, 25, 0.9);
+ color: #FFFFFF;
+}
+
+.dim-label, row label.subtitle {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+window.assistant .sidebar {
+ padding: 4px 0;
+}
+
+window.assistant .sidebar label {
+ min-height: 36px;
+ padding: 0 12px;
+ color: rgba(255, 255, 255, 0.5);
+ font-weight: 500;
+}
+
+window.assistant .sidebar label.highlight {
+ color: #FFFFFF;
+}
+
+.osd .scale-popup > arrow,
+.osd .scale-popup > contents, .osd popover.background > arrow,
+.osd popover.background > contents, popover.background.touch-selection > arrow,
+popover.background.touch-selection > contents, popover.background.magnifier > arrow,
+popover.background.magnifier > contents, .osd {
+ color: #FFFFFF;
+ background-color: #2C2C2C;
+ background-clip: padding-box;
+ border-radius: 6px;
+ border: none;
+ box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.1);
+}
+
+.osd {
+ padding: 6px;
+ margin: 6px;
+}
+
+.osd.circular {
+ border-radius: 9999px;
+}
+
+/**********
+ * Toasts *
+ **********/
+toast {
+ margin: 12px;
+ margin-bottom: 24px;
+ border-radius: 9999px;
+ border-spacing: 6px;
+ padding: 6px;
+ box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.1), 0 4px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 10px 0 rgba(0, 0, 0, 0.1), inset 0 1px rgba(255, 255, 255, 0.1);
+ background-color: #2C2C2C;
+ color: #FFFFFF;
+ border: none;
+}
+
+toast:dir(ltr) {
+ padding-left: 12px;
+}
+
+toast:dir(rtl) {
+ padding-right: 12px;
+}
+
+toast > label {
+ margin: 0 6px;
+}
+
+/*********************
+ * Spinner Animation *
+ *********************/
+@keyframes spin {
+ to {
+ transform: rotate(1turn);
+ }
+}
+
+spinner {
+ background: none;
+ opacity: 0;
+ -gtk-icon-source: -gtk-icontheme("process-working-symbolic");
+}
+
+spinner:checked {
+ opacity: 1;
+ animation: spin 1s linear infinite;
+}
+
+spinner:checked:disabled {
+ opacity: 0.5;
+}
+
+.large-title {
+ font-weight: 300;
+ font-size: 24pt;
+}
+
+.title-1 {
+ font-weight: 800;
+ font-size: 20pt;
+}
+
+.title-2 {
+ font-weight: 800;
+ font-size: 15pt;
+}
+
+.title-3 {
+ font-weight: 700;
+ font-size: 15pt;
+}
+
+.title-4 {
+ font-weight: 700;
+ font-size: 13pt;
+}
+
+.heading {
+ font-weight: 700;
+ font-size: 11pt;
+}
+
+.body {
+ font-weight: 400;
+ font-size: 11pt;
+}
+
+.caption {
+ font-weight: 400;
+ font-size: 9pt;
+}
+
+.caption-heading {
+ font-weight: 700;
+ font-size: 9pt;
+}
+
+/****************
+ * Text Entries *
+ ****************/
+
+entry {
+ min-height: 36px;
+ padding: 0 8px;
+ border-spacing: 6px;
+ border-radius: 6px;
+ caret-color: currentColor;
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+ box-shadow: inset 0 0 0 2px transparent;
+ background-color: rgba(255, 255, 255, 0.08);
+ color: #FFFFFF;
+}
+
+
+entry:focus-within {
+ background-color: rgba(255, 255, 255, 0.08);
+ box-shadow: inset 0 0 0 2px #5b9bf8;
+}
+
+
+entry:drop(active) {
+ background-color: alpha(currentColor, 0.08);
+ box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+}
+
+
+entry:disabled {
+ box-shadow: inset 0 0 0 2px transparent;
+ background-color: rgba(255, 255, 255, 0.04);
+ color: rgba(255, 255, 255, 0.5);
+}
+
+
+entry.flat {
+ min-height: 0;
+ padding: 2px;
+ border-radius: 0;
+ background-color: transparent;
+}
+
+
+entry image {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+
+entry image:hover,
+entry image:active {
+ color: #FFFFFF;
+}
+
+
+entry image:disabled {
+ color: rgba(255, 255, 255, 0.5);
+}
+
+
+entry image.left {
+ margin-left: 2px;
+ margin-right: 6px;
+}
+
+
+entry image.right {
+ margin-left: 6px;
+ margin-right: 2px;
+}
+
+
+entry undershoot.left {
+ background-color: transparent;
+ background-image: linear-gradient(to top, transparent 50%, rgba(255, 255, 255, 0.3) 50%);
+ padding-left: 1px;
+ background-size: 1px 12px;
+ background-repeat: repeat-y;
+ background-origin: content-box;
+ background-position: left top;
+ margin: 0 4px;
+ margin: 4px 0;
+}
+
+
+entry undershoot.right {
+ background-color: transparent;
+ background-image: linear-gradient(to top, transparent 50%, rgba(255, 255, 255, 0.3) 50%);
+ padding-right: 1px;
+ background-size: 1px 12px;
+ background-repeat: repeat-y;
+ background-origin: content-box;
+ background-position: right top;
+ margin: 0 4px;
+ margin: 4px 0;
+}
+
+
+entry.error {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+ box-shadow: inset 0 0 0 2px transparent;
+ background-color: rgba(255, 255, 255, 0.08);
+ color: #FFFFFF;
+}
+
+
+entry.error:focus-within {
+ background-color: rgba(255, 255, 255, 0.08);
+ box-shadow: inset 0 0 0 2px #F44336;
+}
+
+
+entry.error:disabled {
+ box-shadow: inset 0 0 0 2px transparent;
+ background-color: rgba(255, 255, 255, 0.04);
+ color: rgba(255, 255, 255, 0.5);
+}
+
+
+entry.warning {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+ box-shadow: inset 0 0 0 2px transparent;
+ background-color: rgba(255, 255, 255, 0.08);
+ color: #FFFFFF;
+}
+
+
+entry.warning:focus-within {
+ background-color: rgba(255, 255, 255, 0.08);
+ box-shadow: inset 0 0 0 2px #FBC02D;
+}
+
+
+entry.warning:disabled {
+ box-shadow: inset 0 0 0 2px transparent;
+ background-color: rgba(255, 255, 255, 0.04);
+ color: rgba(255, 255, 255, 0.5);
+}
+
+
+entry > progress,
+entry progress > trough > progress {
+ margin: 2px -8px;
+ border-bottom: 2px solid #5b9bf8;
+ background-color: transparent;
+}
+
+treeview entry.flat, treeview entry {
+ background-color: #2C2C2C;
+}
+
+treeview entry.flat, treeview entry.flat:focus-within, treeview entry, treeview entry:focus-within {
+ border-image: none;
+ box-shadow: none;
+}
+
+.entry-tag {
+ margin: 2px;
+ border-radius: 9999px;
+ box-shadow: none;
+ background-color: rgba(255, 255, 255, 0.12);
+ color: #FFFFFF;
+}
+
+.entry-tag:hover {
+ background-image: image(alpha(currentColor, 0.08));
+}
+
+:dir(ltr) .entry-tag {
+ margin-left: 4px;
+ margin-right: 0;
+ padding-left: 12px;
+ padding-right: 8px;
+}
+
+:dir(rtl) .entry-tag {
+ margin-left: 0;
+ margin-right: 4px;
+ padding-left: 8px;
+ padding-right: 12px;
+}
+
+.entry-tag.button {
+ box-shadow: none;
+ background-color: transparent;
+}
+
+.entry-tag.button:not(:hover):not(:active) {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+editablelabel > stack > text {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+ box-shadow: inset 0 0 0 2px transparent;
+ background-color: rgba(255, 255, 255, 0.08);
+ color: #FFFFFF;
+}
+
+/***********
+ * Buttons *
+ ***********/
+@keyframes needs-attention {
+ from {
+ background-image: radial-gradient(farthest-side, #5b9bf8 0%, rgba(91, 155, 248, 0) 0%);
+ }
+ to {
+ background-image: radial-gradient(farthest-side, #5b9bf8 95%, rgba(91, 155, 248, 0));
+ }
+}
+
+infobar.warning > revealer > box button, infobar.warning:backdrop > revealer > box button, popover.background.touch-selection button, popover.background.magnifier button, headerbar.selection-mode button:not(.suggested-action):not(.destructive-action), toast button, toast button.circular.flat {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+infobar.warning > revealer > box button:focus, popover.background.touch-selection button:focus, popover.background.magnifier button:focus, headerbar.selection-mode button:focus:not(.suggested-action):not(.destructive-action), toast button:focus, toast button.circular.flat:focus, infobar.warning > revealer > box button:hover, popover.background.touch-selection button:hover, popover.background.magnifier button:hover, headerbar.selection-mode button:hover:not(.suggested-action):not(.destructive-action), toast button:hover, toast button.circular.flat:hover, infobar.warning > revealer > box button:active, popover.background.touch-selection button:active, popover.background.magnifier button:active, headerbar.selection-mode button:active:not(.suggested-action):not(.destructive-action), toast button:active, toast button.circular.flat:active, infobar.warning > revealer > box button:checked, popover.background.touch-selection button:checked, popover.background.magnifier button:checked, headerbar.selection-mode button:checked:not(.suggested-action):not(.destructive-action), toast button:checked, toast button.circular.flat:checked {
+ color: #FFFFFF;
+}
+
+infobar.warning > revealer > box button:disabled, popover.background.touch-selection button:disabled, popover.background.magnifier button:disabled, headerbar.selection-mode button:disabled:not(.suggested-action):not(.destructive-action), toast button:disabled, toast button.circular.flat:disabled {
+ color: rgba(255, 255, 255, 0.3);
+}
+
+infobar.warning > revealer > box button:checked:disabled, popover.background.touch-selection button:checked:disabled, popover.background.magnifier button:checked:disabled, headerbar.selection-mode button:checked:disabled:not(.suggested-action):not(.destructive-action), toast button:checked:disabled {
+ color: rgba(255, 255, 255, 0.5);
+}
+
+actionbar > revealer > box .linked > button:not(.suggested-action):not(.destructive-action), button {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 225ms cubic-bezier(0, 0, 0.2, 1);
+ outline: none;
+ box-shadow: inset 0 0 0 9999px transparent;
+ background-color: rgba(255, 255, 255, 0.08);
+ color: #FFFFFF;
+}
+
+actionbar > revealer > box .linked > button:focus:not(.suggested-action):not(.destructive-action), button:focus {
+ box-shadow: 0 0 0 2px rgba(91, 155, 248, 0.35);
+}
+
+actionbar > revealer > box .linked > button:hover:not(.suggested-action):not(.destructive-action), button:hover {
+ box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+ -gtk-icon-filter: brightness(1.2);
+}
+
+actionbar > revealer > box .linked > button.keyboard-activating:not(.suggested-action):not(.destructive-action), button.keyboard-activating, actionbar > revealer > box .linked > button:active:not(.suggested-action):not(.destructive-action), button:active {
+ transition: box-shadow 225ms cubic-bezier(0, 0, 0.2, 1), background-color 225ms cubic-bezier(0, 0, 0.2, 1);
+ box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.12);
+}
+
+actionbar > revealer > box .linked > button:disabled:not(.suggested-action):not(.destructive-action), button:disabled {
+ box-shadow: none;
+ background-color: rgba(255, 255, 255, 0.04);
+ color: rgba(255, 255, 255, 0.5);
+}
+
+actionbar > revealer > box .linked > button:checked:not(.suggested-action):not(.destructive-action), button:checked {
+ background-color: #5b9bf8;
+ color: #FFFFFF;
+}
+
+actionbar > revealer > box .linked > button:checked:hover:not(.suggested-action):not(.destructive-action), button:checked:hover {
+ box-shadow: inset 0 0 0 9999px transparent;
+}
+
+actionbar > revealer > box .linked > button:checked:disabled:not(.suggested-action):not(.destructive-action), button:checked:disabled {
+ box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.1);
+ background-color: rgba(255, 255, 255, 0.04);
+ color: rgba(255, 255, 255, 0.5);
+}
+
+button.opaque {
+ box-shadow: none;
+}
+
+.osd button.opaque:focus:focus-visible {
+ outline-color: rgba(255, 255, 255, 0.15);
+}
+
+button.opaque:hover {
+ background-image: image(alpha(currentColor, 0.1));
+}
+
+button.keyboard-activating.opaque, button.opaque:active {
+ background-image: image(rgba(0, 0, 0, 0.2));
+}
+
+button.opaque:checked {
+ background-image: image(rgba(0, 0, 0, 0.15));
+}
+
+button.opaque:checked:hover {
+ background-image: image(rgba(0, 0, 0, 0.05));
+}
+
+button.opaque:checked.keyboard-activating, button.opaque:checked:active {
+ background-image: image(rgba(0, 0, 0, 0.3));
+}
+
+button {
+ min-height: 24px;
+ min-width: 16px;
+ padding: 6px 10px;
+ border-radius: 6px;
+ font-weight: 500;
+}
+
+button:drop(active) {
+ box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+placessidebar.sidebar row button.sidebar-button, calendar > header > button, columnview.view > header > button button.circular,
+treeview.view > header > button button.circular, row.activatable button.circular, scrollbar button, notebook > header > tabs > arrow, spinbutton.vertical > button, spinbutton:not(.vertical) > button, modelbutton.flat, splitbutton.flat > button,
+splitbutton.flat > menubutton > button, filechooser #pathbarbox > stack > box > button, window.dialog.message .dialog-action-area > button, .app-notification button, actionbar > revealer > box button:not(.suggested-action):not(.destructive-action), popover.background.menu button,
+popover.background button.model, headerbar button:not(.suggested-action):not(.destructive-action), .toolbar button,
+toolbar button, dropdown > .linked:not(.vertical) > button:not(:only-child),
+combobox > .linked:not(.vertical) > button:not(:only-child), splitbutton.suggested-action > button, splitbutton.suggested-action > menubutton > button, splitbutton.destructive-action > button, splitbutton.destructive-action > menubutton > button, splitbutton.opaque > button, splitbutton.opaque > menubutton > button, menubutton.suggested-action > button, menubutton.destructive-action > button, menubutton.opaque > button, menubutton.flat > button, button.flat {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ outline: none;
+ box-shadow: inset 0 0 0 9999px transparent;
+ background-color: transparent;
+ color: rgba(255, 255, 255, 0.7);
+}
+
+placessidebar.sidebar row button.sidebar-button:focus, calendar > header > button:focus, columnview.view > header > button button.circular:focus,
+treeview.view > header > button button.circular:focus, row.activatable button.circular:focus, scrollbar button:focus, notebook > header > tabs > arrow:focus, spinbutton.vertical > button:focus, spinbutton:not(.vertical) > button:focus, modelbutton.flat:focus, splitbutton.flat > button:focus,
+splitbutton.flat > menubutton > button:focus, filechooser #pathbarbox > stack > box > button:focus, window.dialog.message .dialog-action-area > button:focus, .app-notification button:focus, actionbar > revealer > box button:focus:not(.suggested-action):not(.destructive-action), popover.background.menu button:focus,
+popover.background button.model:focus, headerbar button:focus:not(.suggested-action):not(.destructive-action), .toolbar button:focus,
+toolbar button:focus, dropdown > .linked:not(.vertical) > button:focus:not(:only-child),
+combobox > .linked:not(.vertical) > button:focus:not(:only-child), splitbutton.suggested-action > button:focus, splitbutton.suggested-action > menubutton > button:focus, splitbutton.destructive-action > button:focus, splitbutton.destructive-action > menubutton > button:focus, splitbutton.opaque > button:focus, splitbutton.opaque > menubutton > button:focus, menubutton.suggested-action > button:focus, menubutton.destructive-action > button:focus, menubutton.opaque > button:focus, menubutton.flat > button:focus, button.flat:focus {
+ box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+ color: #FFFFFF;
+}
+
+placessidebar.sidebar row button.sidebar-button:hover, calendar > header > button:hover, columnview.view > header > button button.circular:hover,
+treeview.view > header > button button.circular:hover, row.activatable button.circular:hover, scrollbar button:hover, notebook > header > tabs > arrow:hover, spinbutton.vertical > button:hover, spinbutton:not(.vertical) > button:hover, modelbutton.flat:hover, splitbutton.flat > button:hover,
+splitbutton.flat > menubutton > button:hover, filechooser #pathbarbox > stack > box > button:hover, window.dialog.message .dialog-action-area > button:hover, .app-notification button:hover, actionbar > revealer > box button:hover:not(.suggested-action):not(.destructive-action), popover.background.menu button:hover,
+popover.background button.model:hover, headerbar button:hover:not(.suggested-action):not(.destructive-action), .toolbar button:hover,
+toolbar button:hover, dropdown > .linked:not(.vertical) > button:hover:not(:only-child),
+combobox > .linked:not(.vertical) > button:hover:not(:only-child), splitbutton.suggested-action > button:hover, splitbutton.suggested-action > menubutton > button:hover, splitbutton.destructive-action > button:hover, splitbutton.destructive-action > menubutton > button:hover, splitbutton.opaque > button:hover, splitbutton.opaque > menubutton > button:hover, menubutton.suggested-action > button:hover, menubutton.destructive-action > button:hover, menubutton.opaque > button:hover, menubutton.flat > button:hover, button.flat:hover {
+ box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+ color: #FFFFFF;
+}
+
+placessidebar.sidebar row button.sidebar-button:active, calendar > header > button:active, columnview.view > header > button button.circular:active,
+treeview.view > header > button button.circular:active, row.activatable button.circular:active, scrollbar button:active, notebook > header > tabs > arrow:active, spinbutton.vertical > button:active, spinbutton:not(.vertical) > button:active, modelbutton.flat:active, splitbutton.flat > button:active,
+splitbutton.flat > menubutton > button:active, filechooser #pathbarbox > stack > box > button:active, window.dialog.message .dialog-action-area > button:active, .app-notification button:active, actionbar > revealer > box button:active:not(.suggested-action):not(.destructive-action), popover.background.menu button:active,
+popover.background button.model:active, headerbar button:active:not(.suggested-action):not(.destructive-action), .toolbar button:active,
+toolbar button:active, dropdown > .linked:not(.vertical) > button:active:not(:only-child),
+combobox > .linked:not(.vertical) > button:active:not(:only-child), splitbutton.suggested-action > button:active, splitbutton.suggested-action > menubutton > button:active, splitbutton.destructive-action > button:active, splitbutton.destructive-action > menubutton > button:active, splitbutton.opaque > button:active, splitbutton.opaque > menubutton > button:active, menubutton.suggested-action > button:active, menubutton.destructive-action > button:active, menubutton.opaque > button:active, menubutton.flat > button:active, button.flat:active {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.12);
+ color: #FFFFFF;
+}
+
+placessidebar.sidebar row button.sidebar-button:disabled, calendar > header > button:disabled, columnview.view > header > button button.circular:disabled,
+treeview.view > header > button button.circular:disabled, row.activatable button.circular:disabled, scrollbar button:disabled, notebook > header > tabs > arrow:disabled, spinbutton.vertical > button:disabled, spinbutton:not(.vertical) > button:disabled, modelbutton.flat:disabled, splitbutton.flat > button:disabled,
+splitbutton.flat > menubutton > button:disabled, filechooser #pathbarbox > stack > box > button:disabled, window.dialog.message .dialog-action-area > button:disabled, .app-notification button:disabled, actionbar > revealer > box button:disabled:not(.suggested-action):not(.destructive-action), popover.background.menu button:disabled,
+popover.background button.model:disabled, headerbar button:disabled:not(.suggested-action):not(.destructive-action), .toolbar button:disabled,
+toolbar button:disabled, dropdown > .linked:not(.vertical) > button:disabled:not(:only-child),
+combobox > .linked:not(.vertical) > button:disabled:not(:only-child), splitbutton.suggested-action > button:disabled, splitbutton.suggested-action > menubutton > button:disabled, splitbutton.destructive-action > button:disabled, splitbutton.destructive-action > menubutton > button:disabled, splitbutton.opaque > button:disabled, splitbutton.opaque > menubutton > button:disabled, menubutton.suggested-action > button:disabled, menubutton.destructive-action > button:disabled, menubutton.opaque > button:disabled, menubutton.flat > button:disabled, button.flat:disabled {
+ box-shadow: none;
+ background-color: transparent;
+ color: rgba(255, 255, 255, 0.3);
+}
+
+filechooser #pathbarbox > stack > box > button:checked, window.dialog.message .dialog-action-area > button:checked, .app-notification button:checked, actionbar > revealer > box button:checked:not(.suggested-action):not(.destructive-action), popover.background.menu button:checked,
+popover.background button.model:checked, headerbar button:checked:not(.suggested-action):not(.destructive-action), .toolbar button:checked,
+toolbar button:checked, dropdown > .linked:not(.vertical) > button:checked:not(:only-child),
+combobox > .linked:not(.vertical) > button:checked:not(:only-child), splitbutton.suggested-action > button:checked, splitbutton.suggested-action > menubutton > button:checked, splitbutton.destructive-action > button:checked, splitbutton.destructive-action > menubutton > button:checked, splitbutton.opaque > button:checked, splitbutton.opaque > menubutton > button:checked, menubutton.suggested-action > button:checked, menubutton.destructive-action > button:checked, menubutton.opaque > button:checked, menubutton.flat > button:checked, button.flat:checked, button.flat:checked:hover {
+ background-color: alpha(currentColor, 0.1);
+ color: #FFFFFF;
+}
+
+filechooser #pathbarbox > stack > box > button:checked:disabled, window.dialog.message .dialog-action-area > button:checked:disabled, .app-notification button:checked:disabled, actionbar > revealer > box button:checked:disabled:not(.suggested-action):not(.destructive-action), popover.background.menu button:checked:disabled,
+popover.background button.model:checked:disabled, headerbar button:checked:disabled:not(.suggested-action):not(.destructive-action), .toolbar button:checked:disabled,
+toolbar button:checked:disabled, dropdown > .linked:not(.vertical) > button:checked:disabled:not(:only-child),
+combobox > .linked:not(.vertical) > button:checked:disabled:not(:only-child), splitbutton.suggested-action > button:checked:disabled, splitbutton.suggested-action > menubutton > button:checked:disabled, splitbutton.destructive-action > button:checked:disabled, splitbutton.destructive-action > menubutton > button:checked:disabled, splitbutton.opaque > button:checked:disabled, splitbutton.opaque > menubutton > button:checked:disabled, menubutton.suggested-action > button:checked:disabled, menubutton.destructive-action > button:checked:disabled, menubutton.opaque > button:checked:disabled, menubutton.flat > button:checked:disabled, button.flat:checked:disabled {
+ background-color: alpha(currentColor, 0.1);
+ color: rgba(255, 255, 255, 0.5);
+}
+
+button separator {
+ margin: 4px 1px;
+}
+
+button.opaque {
+ background-color: #565656;
+ color: #FFFFFF;
+}
+
+button.text-button {
+ min-width: 32px;
+ padding-left: 16px;
+ padding-right: 16px;
+}
+
+button.image-button {
+ min-width: 24px;
+ padding: 6px;
+}
+
+button.text-button.image-button, button.image-text-button {
+ min-width: 24px;
+ padding: 6px;
+ border-radius: 6px;
+}
+
+button.text-button.image-button > box,
+button.text-button.image-button > box > box, button.image-text-button > box,
+button.image-text-button > box > box {
+ border-spacing: 4px;
+}
+
+button.text-button.image-button > box > label,
+button.text-button.image-button > box > box > label, button.image-text-button > box > label,
+button.image-text-button > box > box > label {
+ padding-left: 2px;
+ padding-right: 2px;
+}
+
+button.text-button.image-button label:first-child, button.image-text-button label:first-child {
+ margin-left: 10px;
+}
+
+button.text-button.image-button label:last-child, button.image-text-button label:last-child {
+ margin-right: 10px;
+}
+
+button.text-button.image-button.flat label:first-child, button.image-text-button.flat label:first-child {
+ margin-left: 6px;
+}
+
+button.text-button.image-button.flat label:last-child, button.image-text-button.flat label:last-child {
+ margin-right: 6px;
+}
+
+button.text-button.image-button image:not(:only-child), button.image-text-button image:not(:only-child) {
+ margin: 0 4px;
+}
+
+button.arrow-button {
+ padding-left: 9px;
+ padding-right: 9px;
+}
+
+button.arrow-button > box {
+ border-spacing: 4px;
+}
+
+button.arrow-button.text-button > box {
+ border-spacing: 4px;
+}
+
+menubutton.pill > button, button.pill {
+ padding: 9px 30px;
+ border-radius: 9999px;
+}
+
+button.card {
+ background-color: rgba(255, 255, 255, 0.04);
+ background-clip: padding-box;
+ font-weight: inherit;
+ padding: 0;
+}
+
+button.card:hover {
+ background-image: image(alpha(currentColor, 0.03));
+}
+
+button.card.keyboard-activating, button.card:active {
+ background-image: image(alpha(currentColor, 0.08));
+}
+
+button.card:checked {
+ background-color: rgba(255, 255, 255, 0.04);
+ background-image: image(alpha(currentColor, 0.1));
+}
+
+button.card:checked:hover {
+ background-image: image(alpha(currentColor, 0.13));
+}
+
+button.card:checked.keyboard-activating, button.card:checked:active {
+ background-image: image(alpha(currentColor, 0.19));
+}
+
+button.card:checked.has-open-popup {
+ background-image: image(alpha(currentColor, 0.13));
+}
+
+button.card:drop(active) {
+ color: #FF7043;
+ box-shadow: inset 0 0 0 1px #FF7043;
+}
+
+.linked:not(.vertical) > button.flat:not(:only-child), .linked.vertical > button.flat:not(:only-child) {
+ border-radius: 6px;
+}
+
+.linked:not(.vertical) > button.flat:focus, .linked.vertical > button.flat:focus {
+ box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+.linked:not(.vertical) > menubutton > button {
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0;
+}
+
+button.osd {
+ padding: 12px 16px;
+}
+
+button.osd.image-button {
+ padding: 12px;
+}
+
+button.osd:disabled {
+ opacity: 0;
+}
+
+button.suggested-action {
+ background-color: #5b9bf8;
+ color: #FFFFFF;
+ box-shadow: none;
+}
+
+button.suggested-action:disabled {
+ box-shadow: none;
+ background-color: rgba(255, 255, 255, 0.04);
+ color: rgba(255, 255, 255, 0.5);
+}
+
+button.suggested-action:hover {
+ box-shadow: inset 0 0 0 9999px transparent, 0 2px 2.4px -1px rgba(91, 155, 248, 0.2), 0 4px 3px 0 rgba(91, 155, 248, 0.14), 0 1px 6px 0 rgba(91, 155, 248, 0.12);
+}
+
+button.suggested-action:checked {
+ background-color: #8cb9fa;
+}
+
+button.suggested-action:checked:hover {
+ box-shadow: inset 0 0 0 9999px transparent, 0 3px 3px -3px rgba(91, 155, 248, 0.3), 0 2px 3px -1px rgba(91, 155, 248, 0.24), 0 2px 5px 0 rgba(91, 155, 248, 0.12);
+}
+
+button.suggested-action:focus {
+ box-shadow: 0 0 0 2px rgba(91, 155, 248, 0.35);
+}
+
+button.suggested-action.flat {
+ background-color: transparent;
+ color: #5b9bf8;
+}
+
+button.suggested-action.flat:disabled {
+ box-shadow: none;
+ background-color: transparent;
+ color: rgba(255, 255, 255, 0.3);
+}
+
+button.suggested-action.flat:checked {
+ background-color: rgba(91, 155, 248, 0.3);
+}
+
+button.destructive-action {
+ background-color: #F44336;
+ color: #FFFFFF;
+ box-shadow: none;
+}
+
+button.destructive-action:disabled {
+ box-shadow: none;
+ background-color: rgba(255, 255, 255, 0.04);
+ color: rgba(255, 255, 255, 0.5);
+}
+
+button.destructive-action:hover {
+ box-shadow: inset 0 0 0 9999px transparent, 0 2px 2.4px -1px rgba(244, 67, 54, 0.2), 0 4px 3px 0 rgba(244, 67, 54, 0.14), 0 1px 6px 0 rgba(244, 67, 54, 0.12);
+}
+
+button.destructive-action:checked {
+ background-color: #f77b72;
+}
+
+button.destructive-action:checked:hover {
+ box-shadow: inset 0 0 0 9999px transparent, 0 3px 3px -3px rgba(244, 67, 54, 0.3), 0 2px 3px -1px rgba(244, 67, 54, 0.24), 0 2px 5px 0 rgba(244, 67, 54, 0.12);
+}
+
+button.destructive-action:focus {
+ box-shadow: 0 0 0 2px rgba(244, 67, 54, 0.35);
+}
+
+button.destructive-action.flat {
+ background-color: transparent;
+ color: #F44336;
+}
+
+button.destructive-action.flat:disabled {
+ box-shadow: none;
+ background-color: transparent;
+ color: rgba(255, 255, 255, 0.3);
+}
+
+button.destructive-action.flat:checked {
+ background-color: rgba(244, 67, 54, 0.3);
+}
+
+stackswitcher > button > label {
+ margin: 0 -6px;
+ padding: 0 6px;
+}
+
+stackswitcher > button > image {
+ margin: -3px -6px;
+ padding: 3px 6px;
+}
+
+stackswitcher > button.needs-attention:checked > label,
+stackswitcher > button.needs-attention:checked > image {
+ animation: none;
+ background-image: none;
+}
+
+button.font > box, button.file > box {
+ border-spacing: 6px;
+}
+
+button.font > box > box > label, button.file > box > box > label {
+ font-weight: bold;
+}
+
+windowcontrols button:not(.suggested-action):not(.destructive-action), filechooser #pathbarbox > stack > box > button, menubutton.circular > button, button.close, button.circular {
+ border-radius: 9999px;
+}
+
+windowcontrols button:not(.suggested-action):not(.destructive-action) label, filechooser #pathbarbox > stack > box > button label, menubutton.circular > button label, button.close label, button.circular label {
+ padding: 0;
+}
+
+placessidebar.sidebar row button.sidebar-button, notebook > header tab button.flat, popover.menu box.circular-buttons button.circular.image-button.model, spinbutton.vertical > button, spinbutton:not(.vertical) > button {
+ min-height: 24px;
+ min-width: 24px;
+ padding: 0;
+ border-radius: 9999px;
+}
+
+menubutton.osd {
+ background: none;
+ color: inherit;
+}
+
+menubutton.suggested-action {
+ background-color: #5b9bf8;
+ color: white;
+}
+
+menubutton.destructive-action {
+ background-color: #F44336;
+ color: white;
+}
+
+menubutton.opaque {
+ background-color: #565656;
+ color: #FFFFFF;
+}
+
+menubutton.suggested-action, menubutton.destructive-action, menubutton.opaque {
+ border-radius: 6px;
+}
+
+menubutton.suggested-action.circular, menubutton.suggested-action.pill, menubutton.destructive-action.circular, menubutton.destructive-action.pill, menubutton.opaque.circular, menubutton.opaque.pill {
+ border-radius: 9999px;
+}
+
+menubutton.suggested-action > button, menubutton.suggested-action > button:checked, menubutton.destructive-action > button, menubutton.destructive-action > button:checked, menubutton.opaque > button, menubutton.opaque > button:checked {
+ background-color: transparent;
+ color: inherit;
+}
+
+menubutton.image-button > button {
+ min-width: 24px;
+ padding-left: 6px;
+ padding-right: 6px;
+}
+
+menubutton arrow {
+ min-height: 16px;
+ min-width: 16px;
+}
+
+menubutton arrow.none {
+ -gtk-icon-source: -gtk-icontheme("open-menu-symbolic");
+}
+
+menubutton arrow.down {
+ -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+}
+
+menubutton arrow.up {
+ -gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
+}
+
+menubutton arrow.left {
+ -gtk-icon-source: -gtk-icontheme("pan-start-symbolic");
+}
+
+menubutton arrow.right {
+ -gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
+}
+
+splitbutton {
+ border-radius: 6px;
+}
+
+splitbutton, splitbutton > separator {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ transition-property: background;
+}
+
+splitbutton > separator {
+ margin-top: 6px;
+ margin-bottom: 6px;
+ background: none;
+}
+
+splitbutton > menubutton > button {
+ padding-left: 4px;
+ padding-right: 4px;
+}
+
+splitbutton.image-button > button {
+ min-width: 24px;
+ padding-left: 6px;
+ padding-right: 6px;
+}
+
+splitbutton.text-button.image-button > button, splitbutton.image-text-button > button {
+ padding-left: 9px;
+ padding-right: 9px;
+}
+
+splitbutton.text-button.image-button > button > box, splitbutton.image-text-button > button > box {
+ border-spacing: 6px;
+}
+
+splitbutton > button:dir(ltr),
+splitbutton > menubutton > button:dir(rtl) {
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0;
+ margin-right: -1px;
+}
+
+splitbutton > button:dir(rtl),
+splitbutton > menubutton > button:dir(ltr) {
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0;
+ margin-left: -1px;
+}
+
+splitbutton.flat > separator {
+ background: rgba(255, 255, 255, 0.12);
+}
+
+splitbutton.flat:hover, splitbutton.flat:active, splitbutton.flat:checked {
+ background: alpha(currentColor, 0.07);
+}
+
+splitbutton.flat:hover > separator, splitbutton.flat:active > separator, splitbutton.flat:checked > separator {
+ background: none;
+}
+
+splitbutton.flat:focus-within:focus-visible > separator {
+ background: none;
+}
+
+splitbutton.flat > button,
+splitbutton.flat > menubutton > button {
+ border-radius: 6px;
+}
+
+splitbutton.suggested-action {
+ background-color: #5b9bf8;
+ color: white;
+}
+
+splitbutton.destructive-action {
+ background-color: #F44336;
+ color: white;
+}
+
+splitbutton.opaque {
+ background-color: #565656;
+ color: #FFFFFF;
+}
+
+splitbutton.suggested-action > button, splitbutton.suggested-action > button:checked, splitbutton.suggested-action > menubutton > button, splitbutton.suggested-action > menubutton > button:checked, splitbutton.destructive-action > button, splitbutton.destructive-action > button:checked, splitbutton.destructive-action > menubutton > button, splitbutton.destructive-action > menubutton > button:checked, splitbutton.opaque > button, splitbutton.opaque > button:checked, splitbutton.opaque > menubutton > button, splitbutton.opaque > menubutton > button:checked {
+ color: inherit;
+ background-color: transparent;
+}
+
+splitbutton.suggested-action > menubutton > button:dir(ltr), splitbutton.destructive-action > menubutton > button:dir(ltr), splitbutton.opaque > menubutton > button:dir(ltr) {
+ box-shadow: inset 1px 0 rgba(255, 255, 255, 0.12);
+}
+
+splitbutton.suggested-action > menubutton > button:dir(rtl), splitbutton.destructive-action > menubutton > button:dir(rtl), splitbutton.opaque > menubutton > button:dir(rtl) {
+ box-shadow: inset -1px 0 rgba(255, 255, 255, 0.12);
+}
+
+splitbutton > menubutton > button > arrow.none {
+ -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+}
+
+buttoncontent {
+ border-spacing: 6px;
+}
+
+buttoncontent > label {
+ font-weight: bold;
+}
+
+buttoncontent > label:dir(ltr) {
+ padding-right: 2px;
+}
+
+buttoncontent > label:dir(rtl) {
+ padding-left: 2px;
+}
+
+.arrow-button > box > buttoncontent > label:dir(ltr), splitbutton > button > buttoncontent > label:dir(ltr) {
+ padding-right: 0;
+}
+
+.arrow-button > box > buttoncontent > label:dir(rtl), splitbutton > button > buttoncontent > label:dir(rtl) {
+ padding-left: 0;
+}
+
+stacksidebar row.needs-attention > label, stackswitcher > button.needs-attention > label,
+stackswitcher > button.needs-attention > image {
+ animation: needs-attention 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+ background-repeat: no-repeat;
+ background-position: right 3px;
+ background-size: 6px 6px;
+}
+
+stacksidebar row.needs-attention > label:dir(rtl), stackswitcher > button.needs-attention > label:dir(rtl),
+stackswitcher > button.needs-attention > image:dir(rtl) {
+ background-position: left 3px;
+}
+
+.linked:not(.vertical) > entry, .linked:not(.vertical) > button, .linked:not(.vertical) > button.image-button {
+ border-radius: 0;
+}
+
+.linked:not(.vertical) > entry:first-child, .linked:not(.vertical) > button:first-child {
+ border-top-left-radius: 6px;
+ border-bottom-left-radius: 6px;
+}
+
+.linked:not(.vertical) > entry:last-child, .linked:not(.vertical) > button:last-child {
+ border-top-right-radius: 6px;
+ border-bottom-right-radius: 6px;
+}
+
+.linked:not(.vertical) > entry:only-child, .linked:not(.vertical) > button:only-child {
+ border-radius: 6px;
+}
+
+.linked.vertical > entry, .linked.vertical > button, .linked.vertical > button.image-button {
+ border-radius: 0;
+}
+
+.linked.vertical > entry:first-child, .linked.vertical > button:first-child {
+ border-top-left-radius: 6px;
+ border-top-right-radius: 6px;
+}
+
+.linked.vertical > entry:last-child, .linked.vertical > button:last-child {
+ border-bottom-left-radius: 6px;
+ border-bottom-right-radius: 6px;
+}
+
+.linked.vertical > entry:only-child, .linked.vertical > button:only-child {
+ border-radius: 6px;
+}
+
+/* menu buttons */
+modelbutton.flat {
+ min-height: 28px;
+ padding: 0 9px;
+ border-radius: 6px;
+ color: #FFFFFF;
+}
+
+modelbutton.flat arrow.left {
+ -gtk-icon-source: -gtk-icontheme("go-previous-symbolic");
+}
+
+modelbutton.flat arrow.right {
+ -gtk-icon-source: -gtk-icontheme("go-next-symbolic");
+}
+
+button.color {
+ min-height: 24px;
+ min-width: 24px;
+ padding: 6px;
+}
+
+
+list > row button.image-button:not(.flat) {
+ background-color: transparent;
+ box-shadow: none;
+ border: none;
+}
+
+
+list > row button.image-button:not(.flat):hover {
+ box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+
+list > row button.image-button:not(.flat):active,
+list > row button.image-button:not(.flat):checked {
+ transition: box-shadow 225ms cubic-bezier(0, 0, 0.2, 1), background-color 225ms cubic-bezier(0, 0, 0.2, 1);
+ box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.12);
+}
+
+
+list > row button.image-button:not(.flat).suggested-action {
+ background-color: #5b9bf8;
+ color: #FFFFFF;
+}
+
+
+list > row button.image-button:not(.flat).destructive-action {
+ background-color: #F44336;
+ color: #FFFFFF;
+}
+
+/*********
+ * Links *
+ *********/
+link {
+ color: #3c84f7;
+}
+
+link:visited {
+ color: #BA68C8;
+}
+
+button.link:link, button.link:link:focus, button.link:link:hover, button.link:link:active {
+ color: #3c84f7;
+}
+
+button.link:visited, button.link:visited:focus, button.link:visited:hover, button.link:visited:active {
+ color: #BA68C8;
+}
+
+button.link > label {
+ text-decoration-line: underline;
+}
+
+/*****************
+ * GtkSpinButton *
+ *****************/
+spinbutton {
+ border-radius: 6px;
+ padding: 0;
+ border-spacing: 0;
+ min-height: 0;
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+ box-shadow: inset 0 0 0 2px transparent;
+ background-color: rgba(255, 255, 255, 0.08);
+ color: #FFFFFF;
+}
+
+spinbutton:focus-within {
+ background-color: rgba(255, 255, 255, 0.08);
+ box-shadow: inset 0 0 0 2px #5b9bf8;
+}
+
+spinbutton:disabled {
+ box-shadow: inset 0 0 0 2px transparent;
+ background-color: rgba(255, 255, 255, 0.04);
+ color: rgba(255, 255, 255, 0.5);
+}
+
+spinbutton:not(.vertical) > text {
+ min-width: 32px;
+ margin: 0;
+ padding-left: 12px;
+ border-image: none;
+ border-radius: 0;
+ box-shadow: none;
+ background-color: transparent;
+}
+
+spinbutton:not(.vertical) > button {
+ border: 6px solid transparent;
+}
+
+spinbutton:not(.vertical) > button:focus:not(:hover):not(:active):not(:disabled) {
+ box-shadow: inset 0 0 0 9999px transparent;
+ color: rgba(255, 255, 255, 0.7);
+}
+
+spinbutton:not(.vertical) > button.up:dir(ltr), spinbutton:not(.vertical) > button.down:dir(rtl) {
+ margin-left: -3px;
+}
+
+spinbutton:not(.vertical) > button.up:dir(rtl), spinbutton:not(.vertical) > button.down:dir(ltr) {
+ margin-right: -3px;
+}
+
+spinbutton.vertical > text {
+ margin: 0;
+ border-image: none;
+ border-radius: 0;
+ box-shadow: none;
+ background-color: transparent;
+ min-height: 36px;
+ min-width: 42px;
+ padding: 0;
+}
+
+spinbutton.vertical > button {
+ padding: 0;
+ border: solid 6px transparent;
+}
+
+spinbutton.vertical > button:focus:not(:hover):not(:active) {
+ box-shadow: inset 0 0 0 9999px transparent;
+ color: rgba(255, 255, 255, 0.7);
+}
+
+spinbutton.vertical > button.up {
+ margin: 0 3px;
+}
+
+spinbutton.vertical > button.down {
+ margin: 0 3px;
+}
+
+list > row spinbutton:not(.vertical) > button {
+ margin: 6px;
+}
+
+list > row spinbutton:not(.vertical) > button.up:dir(ltr), list > row spinbutton:not(.vertical) > button.down:dir(rtl) {
+ margin-left: 3px;
+}
+
+list > row spinbutton:not(.vertical) > button.up:dir(rtl), list > row spinbutton:not(.vertical) > button.down:dir(ltr) {
+ margin-right: 3px;
+}
+
+/**************
+ * ComboBoxes *
+ **************/
+dropdown > popover.menu.background > contents {
+ padding: 0;
+}
+
+dropdown > button > box {
+ border-spacing: 6px;
+}
+
+dropdown arrow,
+combobox arrow {
+ -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+ min-height: 16px;
+ min-width: 16px;
+}
+
+dropdown > popover.menu > contents modelbutton,
+combobox > popover.menu > contents modelbutton {
+ padding-left: 9px;
+ padding-right: 9px;
+}
+
+dropdown button.combo cellview:dir(ltr),
+combobox button.combo cellview:dir(ltr) {
+ margin-left: -2px;
+}
+
+dropdown button.combo cellview:dir(rtl),
+combobox button.combo cellview:dir(rtl) {
+ margin-right: -2px;
+}
+
+dropdown popover,
+combobox popover {
+ margin-top: 4px;
+ padding: 0;
+}
+
+dropdown popover listview,
+combobox popover listview {
+ margin: 6px 0;
+}
+
+dropdown popover listview > row,
+combobox popover listview > row {
+ padding: 6px;
+}
+
+dropdown popover listview > row:selected,
+combobox popover listview > row:selected {
+ color: #FFFFFF;
+ background-color: alpha(currentColor, 0.06);
+}
+
+dropdown popover .dropdown-searchbar,
+combobox popover .dropdown-searchbar {
+ padding: 6px;
+}
+
+dropdown.linked button:nth-child(2):dir(ltr),
+combobox.linked button:nth-child(2):dir(ltr) {
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0;
+}
+
+dropdown.linked button:nth-child(2):dir(rtl),
+combobox.linked button:nth-child(2):dir(rtl) {
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0;
+}
+
+dropdown > .linked:not(.vertical) > entry:not(:only-child),
+combobox > .linked:not(.vertical) > entry:not(:only-child) {
+ border-radius: 6px;
+}
+
+dropdown > .linked:not(.vertical) > entry:not(:only-child):first-child,
+combobox > .linked:not(.vertical) > entry:not(:only-child):first-child {
+ margin-right: -36px;
+ padding-right: 36px;
+}
+
+dropdown > .linked:not(.vertical) > entry:not(:only-child):last-child,
+combobox > .linked:not(.vertical) > entry:not(:only-child):last-child {
+ margin-left: -36px;
+ padding-left: 36px;
+}
+
+dropdown > .linked:not(.vertical) > button:not(:only-child),
+combobox > .linked:not(.vertical) > button:not(:only-child) {
+ min-height: 16px;
+ min-width: 16px;
+ margin: 6px;
+ padding: 4px;
+ border-radius: 6px;
+}
+
+.linked:not(.vertical) > combobox:not(:first-child) > box > button.combo {
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0;
+}
+
+.linked:not(.vertical) > combobox:not(:last-child) > box > button.combo {
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0;
+}
+
+.linked.vertical > combobox:not(:first-child) > box > button.combo {
+ border-top-left-radius: 0;
+ border-top-right-radius: 0;
+}
+
+.linked.vertical > combobox:not(:last-child) > box > button.combo {
+ border-bottom-left-radius: 0;
+ border-bottom-right-radius: 0;
+}
+
+button.combo:only-child {
+ border-radius: 6px;
+ font-weight: normal;
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+ box-shadow: inset 0 0 0 2px transparent;
+ background-color: rgba(255, 255, 255, 0.08);
+ color: #FFFFFF;
+}
+
+button.combo:only-child:focus {
+ box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+ color: #FFFFFF;
+}
+
+button.combo:only-child:hover {
+ box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+ color: #FFFFFF;
+}
+
+button.combo:only-child:active {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.12);
+ color: #FFFFFF;
+}
+
+button.combo:only-child:checked {
+ background-color: alpha(currentColor, 0.1);
+ color: #FFFFFF;
+}
+
+button.combo:only-child:disabled {
+ box-shadow: none;
+ background-color: rgba(255, 255, 255, 0.04);
+ color: rgba(255, 255, 255, 0.5);
+}
+
+/************
+ * Toolbars *
+ ************/
+.toolbar,
+toolbar {
+ padding: 3px 6px;
+ background-color: #2C2C2C;
+ border-spacing: 6px;
+}
+
+.osd .toolbar, .osd toolbar {
+ background-color: transparent;
+}
+
+.app-notification, .toolbar.osd,
+toolbar.osd {
+ transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+ padding: 6px;
+ border-radius: 6px;
+ box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.1);
+ background-color: #3C3C3C;
+}
+
+.app-notification:backdrop, .toolbar.osd:backdrop,
+toolbar.osd:backdrop {
+ box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.2), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.1);
+}
+
+.left.app-notification, .right.app-notification, .top.app-notification, .bottom.app-notification, .toolbar.osd.left, .toolbar.osd.right, .toolbar.osd.top, .toolbar.osd.bottom,
+toolbar.osd.left,
+toolbar.osd.right,
+toolbar.osd.top,
+toolbar.osd.bottom {
+ border-radius: 0;
+}
+
+.bottom.app-notification, .toolbar.osd.bottom,
+toolbar.osd.bottom {
+ box-shadow: none;
+ background-color: transparent;
+ background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.1) 30%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0.4));
+}
+
+.toolbar.horizontal > separator,
+toolbar.horizontal > separator {
+ margin: 2px;
+}
+
+.toolbar.vertical > separator,
+toolbar.vertical > separator {
+ margin: 2px;
+}
+
+.toolbar:not(.inline-toolbar):not(.osd) scale,
+.toolbar:not(.inline-toolbar):not(.osd) entry,
+.toolbar:not(.inline-toolbar):not(.osd) spinbutton,
+.toolbar:not(.inline-toolbar):not(.osd) button,
+toolbar:not(.inline-toolbar):not(.osd) scale,
+toolbar:not(.inline-toolbar):not(.osd) entry,
+toolbar:not(.inline-toolbar):not(.osd) spinbutton,
+toolbar:not(.inline-toolbar):not(.osd) button {
+ margin: 2px;
+}
+
+.toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:first-child),
+.toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:first-child),
+.toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:first-child),
+toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:first-child),
+toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:first-child),
+toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:first-child) {
+ margin-left: 0;
+}
+
+.toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:last-child),
+.toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:last-child),
+.toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:last-child),
+toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:last-child),
+toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:last-child),
+toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:last-child) {
+ margin-right: 0;
+}
+
+.toolbar:not(.inline-toolbar):not(.osd) spinbutton entry,
+.toolbar:not(.inline-toolbar):not(.osd) spinbutton button,
+toolbar:not(.inline-toolbar):not(.osd) spinbutton entry,
+toolbar:not(.inline-toolbar):not(.osd) spinbutton button {
+ margin: 0;
+}
+
+.toolbar:not(.inline-toolbar):not(.osd) switch,
+toolbar:not(.inline-toolbar):not(.osd) switch {
+ margin: 8px 2px;
+}
+
+searchbar > revealer > box {
+ padding: 6px;
+ border-spacing: 6px;
+ border-style: solid;
+ border-width: 0 0 1px;
+ border-color: rgba(255, 255, 255, 0.12);
+ background-color: #2C2C2C;
+ background-clip: border-box;
+ box-shadow: none;
+}
+
+/***************
+ * Header bars *
+ ***************/
+headerbar button:not(.suggested-action):not(.destructive-action) {
+ color: rgba(255, 255, 255, 0.7);
+ border: none;
+}
+
+headerbar .linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action) {
+ border-radius: 6px;
+}
+
+headerbar button:focus:not(.suggested-action):not(.destructive-action), headerbar button:hover:not(.suggested-action):not(.destructive-action), headerbar button:active:not(.suggested-action):not(.destructive-action), headerbar button:checked:not(.suggested-action):not(.destructive-action) {
+ color: #FFFFFF;
+}
+
+headerbar button:disabled:not(.suggested-action):not(.destructive-action) {
+ color: rgba(255, 255, 255, 0.3);
+}
+
+headerbar button:checked:disabled:not(.suggested-action):not(.destructive-action) {
+ background-color: transparent;
+ color: rgba(255, 255, 255, 0.5);
+}
+
+headerbar button:backdrop:not(.suggested-action):not(.destructive-action) {
+ color: rgba(255, 255, 255, 0.5);
+}
+
+headerbar button:backdrop:focus:not(.suggested-action):not(.destructive-action), headerbar button:backdrop:hover:not(.suggested-action):not(.destructive-action), headerbar button:backdrop:active:not(.suggested-action):not(.destructive-action) {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+headerbar button:backdrop:disabled:not(.suggested-action):not(.destructive-action) {
+ color: rgba(255, 255, 255, 0.3);
+}
+
+headerbar button:backdrop:checked:not(.suggested-action):not(.destructive-action) {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+headerbar button:backdrop:checked:disabled:not(.suggested-action):not(.destructive-action) {
+ color: rgba(255, 255, 255, 0.3);
+}
+
+headerbar entry {
+ background-color: rgba(255, 255, 255, 0.04);
+ color: #FFFFFF;
+}
+
+headerbar entry:disabled {
+ background-color: rgba(255, 255, 255, 0.04);
+ color: rgba(255, 255, 255, 0.5);
+}
+
+headerbar entry image {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+headerbar entry image:hover, headerbar entry image:active {
+ color: #FFFFFF;
+}
+
+headerbar entry image:disabled {
+ color: rgba(255, 255, 255, 0.5);
+}
+
+headerbar {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), color 75ms cubic-bezier(0, 0, 0.2, 1);
+ box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12);
+ background-color: #242424;
+ color: #FFFFFF;
+ min-height: 48px;
+ padding: 0 6px;
+}
+
+headerbar:disabled {
+ color: rgba(255, 255, 255, 0.5);
+}
+
+headerbar:backdrop {
+ background-color: #2C2C2C;
+ color: rgba(255, 255, 255, 0.7);
+}
+
+headerbar:backdrop:disabled {
+ color: rgba(255, 255, 255, 0.3);
+}
+
+headerbar .title {
+ padding: 0 12px;
+ font-weight: bold;
+}
+
+headerbar .subtitle {
+ padding: 0 12px;
+ font-size: smaller;
+}
+
+headerbar .subtitle,
+headerbar .dim-label,
+headerbar row label.subtitle,
+row headerbar label.subtitle {
+ transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
+ color: rgba(255, 255, 255, 0.7);
+}
+
+headerbar .subtitle:backdrop,
+headerbar .dim-label:backdrop,
+headerbar row label.subtitle:backdrop,
+row headerbar label.subtitle:backdrop {
+ color: rgba(255, 255, 255, 0.5);
+}
+
+headerbar .titlebar {
+ background-color: transparent;
+ box-shadow: none;
+}
+
+headerbar headerbar + separator {
+ background-color: rgba(255, 255, 255, 0.12);
+}
+
+box.vertical headerbar {
+ background-color: #242424;
+}
+
+headerbar > windowhandle > box {
+ padding: 0 3px;
+}
+
+headerbar > windowhandle > box,
+headerbar > windowhandle > box > box.start,
+headerbar > windowhandle > box > box.end {
+ border-spacing: 6px;
+}
+
+headerbar entry,
+headerbar spinbutton,
+headerbar button,
+headerbar stackswitcher {
+ margin-top: 6px;
+ margin-bottom: 6px;
+}
+
+headerbar menubutton.popup {
+ margin-top: 0;
+ margin-bottom: 0;
+}
+
+headerbar separator:not(.sidebar) {
+ margin-top: 12px;
+ margin-bottom: 12px;
+ background-color: rgba(255, 255, 255, 0.12);
+}
+
+headerbar switch {
+ margin-top: 12px;
+ margin-bottom: 12px;
+}
+
+headerbar spinbutton button {
+ margin-top: 0;
+ margin-bottom: 0;
+}
+
+headerbar .entry-tag {
+ margin-top: 5px;
+ margin-bottom: 5px;
+}
+
+headerbar .linked:not(.vertical) > entry:not(:only-child) {
+ border-radius: 6px;
+}
+
+headerbar button.suggested-action:disabled, headerbar button.destructive-action:disabled {
+ background-color: rgba(255, 255, 255, 0.04);
+ color: rgba(255, 255, 255, 0.5);
+}
+
+headerbar.selection-mode {
+ transition: background-color 0.1ms 225ms, color 75ms cubic-bezier(0, 0, 0.2, 1);
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0.2);
+ background-color: #5b9bf8;
+ color: #FFFFFF;
+}
+
+headerbar.selection-mode:backdrop {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+headerbar.selection-mode .subtitle:link {
+ color: #FFFFFF;
+}
+
+headerbar.selection-mode .selection-menu {
+ padding-left: 16px;
+ padding-right: 16px;
+}
+
+headerbar.selection-mode .selection-menu .arrow {
+ -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+}
+
+headerbar .selection-mode {
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0.2);
+ background-color: #5b9bf8;
+}
+
+headerbar.default-decoration {
+ min-height: 24px;
+ padding: 6px;
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
+}
+
+headerbar.default-decoration windowcontrols button,
+headerbar.default-decoration windowcontrols menubutton {
+ min-width: 16px;
+ min-height: 16px;
+ margin: 0;
+ padding: 0;
+}
+
+headerbar.default-decoration windowcontrols menubutton button {
+ min-height: 20px;
+ min-width: 20px;
+ margin: 0;
+ padding: 4px;
+}
+
+.solid-csd headerbar:dir(rtl), .solid-csd headerbar:dir(ltr) {
+ border-radius: 0;
+ box-shadow: none;
+}
+
+window.devel headerbar.titlebar {
+ background: #242424 cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, linear-gradient(to right, transparent 65%, rgba(91, 155, 248, 0.1)), linear-gradient(to top, #2c2c2c 3px, #313131);
+}
+
+window.devel headerbar.titlebar:backdrop {
+ background: #242424 cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, image(#242424);
+ /* background-color would flash */
+}
+
+viewswitcher {
+ margin: 0;
+}
+
+viewswitcher.wide {
+ border-spacing: 3px;
+}
+
+viewswitcher.narrow button.toggle {
+ border-radius: 0;
+ margin: 0;
+}
+
+viewswitcher.narrow button.toggle:focus-within, viewswitcher.narrow button.toggle:focus {
+ box-shadow: none;
+}
+
+viewswitcher button.toggle {
+ font-weight: bold;
+ padding: 0;
+}
+
+viewswitcher button.toggle > stack > box.narrow {
+ font-size: 0.75rem;
+ padding-top: 6px;
+ padding-bottom: 4px;
+ border-spacing: 4px;
+}
+
+viewswitcher button.toggle > stack > box.narrow > stack > label {
+ padding-left: 6px;
+ padding-right: 6px;
+}
+
+viewswitcher button.toggle > stack > box.wide {
+ padding: 2px 12px;
+ border-spacing: 6px;
+}
+
+viewswitcherbar actionbar > revealer > box {
+ padding: 0;
+}
+
+viewswitchertitle viewswitcher {
+ margin-left: 12px;
+ margin-right: 12px;
+}
+
+indicatorbin > indicator, indicatorbin > mask {
+ min-width: 6px;
+ min-height: 6px;
+ border-radius: 9999px;
+}
+
+indicatorbin > indicator {
+ margin: 1px;
+ background-color: alpha(currentColor, 0.4);
+}
+
+indicatorbin > indicator > label {
+ font-size: 0.6rem;
+ font-weight: bold;
+ padding: 1px 4px;
+ color: white;
+}
+
+indicatorbin > mask {
+ padding: 1px;
+ background: black;
+}
+
+indicatorbin.needs-attention > indicator {
+ background-color: #5b9bf8;
+}
+
+indicatorbin.needs-attention > indicator > label {
+ color: #FFFFFF;
+}
+
+/************
+ * Pathbars *
+ ************/
+
+pathbar > button {
+ padding-left: 6px;
+ padding-right: 6px;
+ border-radius: 6px;
+ background-color: alpha(currentColor, 0.08);
+}
+
+
+pathbar > button:disabled {
+ background-color: alpha(currentColor, 0.05);
+}
+
+
+pathbar > button:checked {
+ background-color: alpha(currentColor, 0.16);
+ color: #FFFFFF;
+}
+
+
+pathbar > button label,
+pathbar > button image {
+ margin-left: 3px;
+ margin-right: 3px;
+}
+
+
+pathbar > button.slider-button {
+ padding-left: 4px;
+ padding-right: 4px;
+}
+
+/**************
+ * Tree Views *
+ **************/
+columnview.view,
+treeview.view {
+ border-left-color: #4b4b4b;
+ border-top-color: #4b4b4b;
+}
+
+columnview.view:hover, columnview.view:selected,
+treeview.view:hover,
+treeview.view:selected {
+ border-radius: 0;
+}
+
+columnview.view.separator,
+treeview.view.separator {
+ min-height: 5px;
+ color: rgba(255, 255, 255, 0.12);
+}
+
+columnview.view:drop(active),
+treeview.view:drop(active) {
+ box-shadow: none;
+}
+
+columnview.view:drop(active).after,
+treeview.view:drop(active).after {
+ border-top-style: none;
+}
+
+columnview.view:drop(active).before,
+treeview.view:drop(active).before {
+ border-bottom-style: none;
+}
+
+columnview.view > dndtarget:drop(active),
+treeview.view > dndtarget:drop(active) {
+ border-style: solid none;
+ border-width: 1px;
+ border-color: alpha(currentColor, 0.06);
+}
+
+columnview.view > dndtarget:drop(active).after,
+treeview.view > dndtarget:drop(active).after {
+ border-top-style: none;
+}
+
+columnview.view > dndtarget:drop(active).before,
+treeview.view > dndtarget:drop(active).before {
+ border-bottom-style: none;
+}
+
+columnview.view.expander,
+treeview.view.expander {
+ min-width: 16px;
+ min-height: 16px;
+ -gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
+ color: rgba(255, 255, 255, 0.7);
+}
+
+columnview.view.expander:dir(rtl),
+treeview.view.expander:dir(rtl) {
+ -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl");
+}
+
+columnview.view.expander:hover,
+treeview.view.expander:hover {
+ color: #FFFFFF;
+}
+
+columnview.view.expander:selected,
+treeview.view.expander:selected {
+ color: #FFFFFF;
+}
+
+columnview.view.expander:selected:hover,
+treeview.view.expander:selected:hover {
+ color: #FFFFFF;
+}
+
+columnview.view.expander:checked,
+treeview.view.expander:checked {
+ -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+}
+
+columnview.view.expander:disabled,
+treeview.view.expander:disabled {
+ color: rgba(255, 255, 255, 0.3);
+}
+
+columnview.view.progressbar,
+treeview.view.progressbar {
+ border-bottom: 6px solid #5b9bf8;
+ box-shadow: none;
+ background-color: transparent;
+ background-image: none;
+}
+
+columnview.view.progressbar:selected:hover,
+treeview.view.progressbar:selected:hover {
+ box-shadow: none;
+}
+
+columnview.view.trough,
+treeview.view.trough {
+ border-bottom: 6px solid rgba(255, 255, 255, 0.12);
+ box-shadow: none;
+ background-color: transparent;
+ background-image: none;
+}
+
+columnview.view.trough:selected:hover,
+treeview.view.trough:selected:hover {
+ box-shadow: none;
+}
+
+columnview.view > header > button,
+treeview.view > header > button {
+ padding: 2px 6px;
+ border-style: none solid solid none;
+ border-width: 1px;
+ border-color: rgba(255, 255, 255, 0.12);
+ border-radius: 0;
+ background-clip: border-box;
+}
+
+columnview.view > header > button:not(:focus):not(:hover):not(:active),
+treeview.view > header > button:not(:focus):not(:hover):not(:active) {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+columnview.view > header > button, columnview.view > header > button:disabled,
+treeview.view > header > button,
+treeview.view > header > button:disabled {
+ background-color: #2C2C2C;
+}
+
+columnview.view > header > button:last-child,
+treeview.view > header > button:last-child {
+ border-right-style: none;
+}
+
+columnview.view button.dnd,
+columnview.view header.button.dnd,
+treeview.view button.dnd,
+treeview.view header.button.dnd {
+ padding: 2px 6px;
+ border-style: none solid solid;
+ border-width: 1px;
+ border-color: rgba(255, 255, 255, 0.12);
+ border-radius: 0;
+ box-shadow: none;
+ background-color: #2C2C2C;
+ background-clip: border-box;
+ color: #5b9bf8;
+}
+
+columnview.view acceleditor > label,
+treeview.view acceleditor > label {
+ background-color: #5b9bf8;
+}
+
+stack.view treeview.view {
+ min-height: 36px;
+}
+
+/*********
+ * Menus *
+ *********/
+menubar {
+ padding: 0;
+ background-color: #242424;
+ color: #FFFFFF;
+}
+
+menubar:backdrop {
+ background-color: #2C2C2C;
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.csd menubar {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+menubar > item {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ min-height: 20px;
+ padding: 4px 8px;
+ color: rgba(255, 255, 255, 0.7);
+}
+
+menubar > item:selected {
+ transition: none;
+ background-color: alpha(currentColor, 0.1);
+ color: #FFFFFF;
+}
+
+menubar > item:disabled {
+ color: rgba(255, 255, 255, 0.3);
+}
+
+menubar > item label:disabled {
+ color: inherit;
+}
+
+menubar > item popover.menu popover.menu {
+ margin-left: 9px;
+}
+
+menubar > item popover.menu.background popover.menu.background > contents {
+ margin: 0;
+ border-radius: 12px;
+}
+
+/**********************
+ * Popover Base Menus *
+ **********************/
+popover.menu box.inline-buttons {
+ padding: 0 6px;
+}
+
+popover.menu box.inline-buttons button.image-button.model {
+ min-height: 28px;
+ min-width: 28px;
+ padding: 0;
+ border: none;
+ outline: none;
+ transition: none;
+}
+
+popover.menu box.inline-buttons button.image-button.model:selected {
+ background: image(alpha(currentColor, 0.06));
+}
+
+popover.menu box.circular-buttons {
+ padding: 6px;
+}
+
+popover.menu box.circular-buttons button.circular.image-button.model {
+ padding: 6px;
+}
+
+popover.menu box.circular-buttons button.circular.image-button.model:focus {
+ background-color: alpha(currentColor, 0.06);
+}
+
+popover.menu.background separator {
+ margin: 6px 0;
+}
+
+popover.menu arrow.left,
+popover.menu radio.left,
+popover.menu check.left {
+ margin-left: 0;
+ margin-right: 0;
+}
+
+popover.menu arrow.right,
+popover.menu radio.right,
+popover.menu check.right {
+ margin-left: 0;
+ margin-right: 0;
+}
+
+popover.menu modelbutton {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+ min-height: 22px;
+ min-width: 56px;
+ padding: 3px 9px;
+ color: #FFFFFF;
+ font: initial;
+ text-shadow: none;
+ box-shadow: none;
+ background: none;
+}
+
+popover.menu modelbutton:hover {
+ transition: none;
+ background-color: alpha(currentColor, 0.08);
+}
+
+popover.menu modelbutton:disabled {
+ color: rgba(255, 255, 255, 0.5);
+}
+
+popover.menu label.title {
+ font-weight: bold;
+ padding: 4px 26px;
+}
+
+/************
+ * Popovers *
+ ************/
+popover.background {
+ font: initial;
+}
+
+popover.background, popover.background:backdrop {
+ background-color: transparent;
+}
+
+popover.background > arrow,
+popover.background > contents {
+ transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+ padding: 6px;
+ background-color: #3C3C3C;
+ border-radius: 12px;
+ border: 1px solid rgba(255, 255, 255, 0.1);
+ background-clip: border-box;
+ box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.75), 0 2px 3px -1px rgba(0, 0, 0, 0.05), 0 4px 6px 0 rgba(0, 0, 0, 0.06), 0 1px 10px 0 rgba(0, 0, 0, 0.05);
+}
+
+popover.background > arrow:backdrop,
+popover.background > contents:backdrop {
+ box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.05), 0 2px 3px -1px rgba(0, 0, 0, 0.06), 0 1px 4px 0 rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.75);
+}
+
+popover.background > contents > list,
+popover.background > contents > .view,
+popover.background > contents > toolbar {
+ border-style: none;
+ box-shadow: none;
+ background-color: transparent;
+}
+
+popover.background > contents separator {
+ background-color: rgba(255, 255, 255, 0.12);
+ margin: 3px 0;
+}
+
+popover.background > contents list separator {
+ margin: 0;
+}
+
+popover.background .view:not(:selected),
+popover.background toolbar {
+ background-color: #3C3C3C;
+}
+
+popover.background .linked > button:not(.radio) {
+ background-color: transparent;
+ box-shadow: none;
+ border-radius: 6px;
+}
+
+s
+popover.background .linked > button:not(.radio):first-child {
+ border-radius: 6px;
+}
+
+popover.background .linked > button:not(.radio):last-child {
+ border-radius: 6px;
+}
+
+popover.background .linked > button:not(.radio):only-child {
+ border-radius: 6px;
+}
+
+popover.background.menu button,
+popover.background button.model {
+ min-height: 32px;
+ padding: 0 8px;
+ border-radius: 6px;
+}
+
+.osd popover.background, popover.background.touch-selection, popover.background.magnifier {
+ background-color: transparent;
+}
+
+magnifier {
+ background-color: #2C2C2C;
+}
+
+/*************
+ * Notebooks *
+ *************/
+tabbar tab, notebook > header tab {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms;
+ min-height: 24px;
+ min-width: 24px;
+ padding: 3px 12px;
+ border: none;
+ outline: none;
+ background-clip: padding-box;
+ color: rgba(255, 255, 255, 0.7);
+ font-weight: 500;
+ border-radius: 6px;
+ background-image: none;
+ background-color: transparent;
+}
+
+tabbar tab:hover, notebook > header tab:hover {
+ background-color: rgba(255, 255, 255, 0.04);
+ background-image: none;
+ color: #FFFFFF;
+}
+
+tabbar tab:disabled, notebook > header tab:disabled {
+ color: rgba(255, 255, 255, 0.3);
+}
+
+tabbar tab:checked, notebook > header tab:checked {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ background-color: rgba(255, 255, 255, 0.15);
+ color: #FFFFFF;
+ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
+ background-image: none;
+}
+
+tabbar tab:checked:disabled, notebook > header tab:checked:disabled {
+ color: rgba(255, 255, 255, 0.5);
+}
+
+frame > paned > notebook > header, notebook.frame > header {
+ background-color: rgba(255, 255, 255, 0.04);
+}
+
+notebook, notebook.frame {
+ background-color: #2C2C2C;
+ border-radius: 12px;
+}
+
+notebook.frame frame > border {
+ border: none;
+ border-radius: 6px;
+}
+
+notebook.frame frame > list row.activatable {
+ border-radius: 6px;
+}
+
+notebook > header {
+ border: none;
+ background-color: rgba(255, 255, 255, 0.04);
+ padding: 3px;
+ margin: 3px;
+ border-radius: 9px;
+}
+
+notebook > header.top > tabs > arrow {
+ border-top-style: none;
+}
+
+notebook > header.bottom > tabs > arrow {
+ border-bottom-style: none;
+}
+
+notebook > header.top > tabs > arrow, notebook > header.bottom > tabs > arrow {
+ padding-left: 4px;
+ padding-right: 4px;
+}
+
+notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down {
+ margin-left: 0;
+ -gtk-icon-source: -gtk-icontheme("pan-start-symbolic");
+}
+
+notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up {
+ margin-right: 0;
+ -gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
+}
+
+notebook > header.left > tabs > arrow {
+ border-left-style: none;
+}
+
+notebook > header.right > tabs > arrow {
+ border-right-style: none;
+}
+
+notebook > header.left > tabs > arrow, notebook > header.right > tabs > arrow {
+ padding-top: 4px;
+ padding-bottom: 4px;
+}
+
+notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down {
+ margin-top: 0;
+ -gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
+}
+
+notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up {
+ margin-bottom: 0;
+ -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+}
+
+notebook > header > tabs > arrow {
+ min-height: 16px;
+ min-width: 16px;
+ border-radius: 6px;
+}
+
+notebook > header tab > box {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+ margin: -6px -12px;
+ padding: 6px 12px;
+}
+
+notebook > header tab > box:drop(active) {
+ background-color: rgba(255, 255, 255, 0.12);
+ color: #FFFFFF;
+}
+
+notebook > header tab button.flat:last-child {
+ margin-left: 6px;
+ margin-right: -6px;
+}
+
+notebook > header tab button.flat:first-child {
+ margin-left: -6px;
+ margin-right: 6px;
+}
+
+notebook > header tab button.close-button {
+ min-width: 24px;
+ min-height: 24px;
+}
+
+notebook > header.top tabs:not(:only-child):first-child, notebook > header.bottom tabs:not(:only-child):first-child {
+ margin-left: 0;
+}
+
+notebook > header.top tabs:not(:only-child):last-child, notebook > header.bottom tabs:not(:only-child):last-child {
+ margin-right: 0;
+}
+
+notebook > header.top tabs tab.reorderable-page, notebook > header.bottom tabs tab.reorderable-page {
+ border-style: solid;
+}
+
+notebook > header.left tabs:not(:only-child):first-child, notebook > header.right tabs:not(:only-child):first-child {
+ margin-top: 0;
+}
+
+notebook > header.left tabs:not(:only-child):last-child, notebook > header.right tabs:not(:only-child):last-child {
+ margin-bottom: 0;
+}
+
+notebook > header.left tabs tab.reorderable-page, notebook > header.right tabs tab.reorderable-page {
+ border-style: solid;
+}
+
+notebook > header > menubutton > button.image-button {
+ padding: 3px;
+ min-width: 24px;
+ min-height: 24px;
+ margin-left: 3px;
+}
+
+notebook > stack:not(:only-child) {
+ background-color: transparent;
+ border-radius: 6px;
+}
+
+tabbar .box {
+ min-height: 36px;
+ border-bottom: none;
+ background: none;
+}
+
+tabbar scrolledwindow.pinned undershoot {
+ border: 0 solid rgba(255, 255, 255, 0.12);
+}
+
+tabbar scrolledwindow.pinned:dir(rtl) undershoot.left {
+ border-left-width: 1px;
+}
+
+tabbar scrolledwindow.pinned:dir(ltr) undershoot.right {
+ border-right-width: 1px;
+}
+
+tabbar scrolledwindow.pinned tabbox > background:dir(ltr) {
+ box-shadow: inset -1px 0 rgba(255, 255, 255, 0.12);
+}
+
+tabbar scrolledwindow.pinned tabbox > background:dir(rtl) {
+ box-shadow: inset 1px 0 rgba(255, 255, 255, 0.12);
+}
+
+tabbar undershoot {
+ transition: background 150ms ease-in-out;
+}
+
+tabbar undershoot.left {
+ background: linear-gradient(to right, #2C2C2C, rgba(0, 0, 0, 0) 20px);
+}
+
+tabbar undershoot.right {
+ background: linear-gradient(to left, #2C2C2C, rgba(0, 0, 0, 0) 20px);
+}
+
+tabbar .needs-attention-left undershoot.left {
+ background: linear-gradient(to right, alpha(#5b9bf8, 0.5), alpha(#5b9bf8, 0.3) 1px, alpha(#5b9bf8, 0) 20px);
+}
+
+tabbar .needs-attention-right undershoot.right {
+ background: linear-gradient(to left, alpha(#5b9bf8, 0.5), alpha(#5b9bf8, 0.3) 1px, alpha(#5b9bf8, 0) 20px);
+}
+
+tabbar tabbox {
+ background-color: rgba(255, 255, 255, 0.04);
+ background-image: none;
+ padding: 3px;
+ margin: 3px;
+ border-radius: 9px;
+}
+
+tabbar tabbox > background {
+ background: none;
+}
+
+tabbar tab.needs-attention {
+ background-image: radial-gradient(ellipse at bottom, rgba(255, 255, 255, 0.8), alpha(#5b9bf8, 0.4) 10%, alpha(#5b9bf8, 0) 30%);
+}
+
+tabbar tab.needs-attention:hover {
+ background-image: image(alpha(currentColor, 0.03)), radial-gradient(ellipse at bottom, rgba(255, 255, 255, 0.8), alpha(#5b9bf8, 0.4) 10%, alpha(#5b9bf8, 0) 30%);
+}
+
+tabbar .start-action,
+tabbar .end-action {
+ background-color: rgba(255, 255, 255, 0.04);
+ background-clip: padding-box;
+ border-color: rgba(255, 255, 255, 0.12);
+ border-style: solid;
+ transition: background 150ms ease-in-out;
+}
+
+tabbar .start-action button,
+tabbar .end-action button {
+ border: none;
+ border-radius: 0;
+}
+
+tabbar .start-action:dir(ltr),
+tabbar .end-action:dir(rtl) {
+ border-right-width: 1px;
+}
+
+tabbar .start-action:dir(rtl),
+tabbar .end-action:dir(ltr) {
+ border-left-width: 1px;
+}
+
+tabbar:not(.inline) scrolledwindow.pinned undershoot {
+ border-color: rgba(255, 255, 255, 0.12);
+}
+
+tabbar:not(.inline) undershoot.left {
+ background: linear-gradient(to right, #242424, rgba(0, 0, 0, 0) 20px);
+}
+
+tabbar:not(.inline) undershoot.right {
+ background: linear-gradient(to left, #242424, rgba(0, 0, 0, 0) 20px);
+}
+
+tabbar:not(.inline) .needs-attention-left undershoot.left {
+ background: linear-gradient(to right, alpha(#5b9bf8, 0.5), alpha(#5b9bf8, 0.3) 1px, alpha(#5b9bf8, 0) 20px);
+}
+
+tabbar:not(.inline) .needs-attention-right undershoot.right {
+ background: linear-gradient(to left, alpha(#5b9bf8, 0.5), alpha(#5b9bf8, 0.3) 1px, alpha(#5b9bf8, 0) 20px);
+}
+
+tabbar:not(.inline) tabbox > background {
+ background-color: #242424;
+}
+
+tabbar:not(.inline) .start-action,
+tabbar:not(.inline) .end-action {
+ background-color: alpha(#242424, 0.6);
+ border-color: rgba(255, 255, 255, 0.12);
+}
+
+tabbar:not(.inline):backdrop .box {
+ background-color: #2C2C2C;
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+dnd tab {
+ min-height: 24px;
+ background-color: #242424;
+ color: #FFFFFF;
+ box-shadow: 0 1px 5px 1px rgba(0, 0, 0, 0.09), 0 2px 14px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05);
+ outline: 1px solid rgba(0, 0, 0, 0.75);
+ outline-offset: -1px;
+ margin: 24px;
+}
+
+dnd tab.needs-attention {
+ background-image: radial-gradient(ellipse at bottom, rgba(255, 255, 255, 0.8), alpha(#5b9bf8, 0.4) 10%, alpha(#5b9bf8, 0) 30%);
+}
+
+tabbar tab,
+dnd tab {
+ padding: 6px;
+}
+
+tabbar tab button.image-button,
+dnd tab button.image-button {
+ padding: 0;
+ margin: 0;
+ min-width: 24px;
+ min-height: 24px;
+ border-radius: 9999px;
+}
+
+tabview:drop(active),
+tabbox:drop(active) {
+ box-shadow: none;
+}
+
+/**************
+ * Scrollbars *
+ **************/
+scrollbar {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ background-color: #2C2C2C;
+ box-shadow: none;
+ outline: none;
+}
+
+scrollbar.top {
+ border-bottom: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+scrollbar.bottom {
+ border-top: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+scrollbar.left {
+ border-right: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+scrollbar.right {
+ border-left: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+scrollbar > range > trough > slider {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+ min-width: 8px;
+ min-height: 8px;
+ border: 4px solid transparent;
+ border-radius: 9999px;
+ background-clip: padding-box;
+ background-color: rgba(255, 255, 255, 0.5);
+ box-shadow: none;
+ outline: none;
+}
+
+scrollbar > range > trough > slider:hover {
+ background-color: rgba(255, 255, 255, 0.7);
+}
+
+scrollbar > range > trough > slider:active {
+ background-color: #FFFFFF;
+}
+
+scrollbar > range > trough > slider:disabled {
+ background-color: rgba(255, 255, 255, 0.3);
+}
+
+scrollbar > range.fine-tune > trough > slider {
+ min-width: 4px;
+ min-height: 4px;
+}
+
+scrollbar > range.fine-tune.horizontal > trough > slider {
+ margin: 2px 0;
+}
+
+scrollbar > range.fine-tune.vertical > trough > slider {
+ margin: 0 2px;
+}
+
+scrollbar.overlay-indicator:not(.fine-tune) > range > trough > slider {
+ transition-property: background-color, min-height, min-width;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) {
+ border-color: transparent;
+ background-color: transparent;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) > range > trough > slider {
+ min-width: 4px;
+ min-height: 4px;
+ margin: 3px;
+ border: 1px solid rgba(44, 44, 44, 0.3);
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) button {
+ min-width: 4px;
+ min-height: 4px;
+ margin: 3px;
+ border: 1px solid rgba(44, 44, 44, 0.3);
+ border-radius: 9999px;
+ background-color: rgba(255, 255, 255, 0.5);
+ background-clip: padding-box;
+ -gtk-icon-source: none;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled {
+ background-color: rgba(255, 255, 255, 0.3);
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal > range > trough > slider {
+ min-width: 24px;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button {
+ min-width: 8px;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical > range > trough > slider {
+ min-height: 24px;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button {
+ min-height: 8px;
+}
+
+scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering {
+ background-color: rgba(60, 60, 60, 0.9);
+}
+
+scrollbar.horizontal > range > trough > slider {
+ min-width: 24px;
+}
+
+scrollbar.vertical > range > trough > slider {
+ min-height: 24px;
+}
+
+scrollbar button {
+ min-width: 16px;
+ min-height: 16px;
+ padding: 0;
+ border-radius: 0;
+}
+
+scrollbar.vertical button.down {
+ -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+}
+
+scrollbar.vertical button.up {
+ -gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
+}
+
+scrollbar.horizontal button.down {
+ -gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
+}
+
+scrollbar.horizontal button.up {
+ -gtk-icon-source: -gtk-icontheme("pan-start-symbolic");
+}
+
+/**********
+ * Switch *
+ **********/
+switch {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ margin: 6px 0;
+ padding: 0;
+ border: none;
+ border-radius: 9999px;
+ background-color: rgba(255, 255, 255, 0.5);
+ background-clip: border-box;
+ font-size: 0;
+ color: transparent;
+}
+
+switch:checked {
+ background-color: #5b9bf8;
+}
+
+switch:disabled {
+ opacity: 0.5;
+}
+
+switch image {
+ margin: -8px;
+}
+
+switch > slider {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ min-width: 20px;
+ min-height: 20px;
+ margin: 1px;
+ border-radius: 9999px;
+ outline: none;
+ box-shadow: none;
+ background-color: white;
+ border: none;
+}
+
+switch:focus slider, switch:hover slider, switch:focus:hover slider {
+ box-shadow: 0 0 0 6px rgba(255, 255, 255, 0.12);
+}
+
+/*************************
+ * Check and Radio items *
+ *************************/
+.view.content-view.check:not(list),
+.content-view .tile check:not(list) {
+ min-height: 40px;
+ min-width: 40px;
+ margin: 0;
+ padding: 0;
+ box-shadow: none;
+ background-color: transparent;
+ background-image: none;
+}
+
+.view.content-view.check:not(list):hover, .view.content-view.check:not(list):active,
+.content-view .tile check:not(list):hover,
+.content-view .tile check:not(list):active {
+ box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.12);
+}
+
+.view.content-view.check:not(list),
+.content-view .tile check:not(list) {
+ -gtk-icon-source: -gtk-scaled(url("assets/selectionmode-checkbox-unchecked-dark.png"), url("assets/selectionmode-checkbox-unchecked-dark@2.png"));
+}
+
+.view.content-view.check:not(list):checked,
+.content-view .tile check:not(list):checked {
+ -gtk-icon-source: -gtk-scaled(url("assets/selectionmode-checkbox-checked-dark.png"), url("assets/selectionmode-checkbox-checked-dark@2.png"));
+}
+
+checkbutton,
+radiobutton {
+ outline: none;
+ border-spacing: 3px;
+}
+
+check,
+radio {
+ min-height: 20px;
+ min-width: 20px;
+ margin: 3px;
+ padding: 0;
+ border-radius: 9999px;
+ border: none;
+ color: transparent;
+ background-color: rgba(255, 255, 255, 0.12);
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+check:hover,
+radio:hover {
+ box-shadow: 0 0 0 6px rgba(255, 255, 255, 0.04);
+ background-color: rgba(255, 255, 255, 0.15);
+}
+
+check:active,
+radio:active {
+ box-shadow: 0 0 0 6px rgba(255, 255, 255, 0.12);
+ background-color: rgba(255, 255, 255, 0.2);
+}
+
+check:disabled,
+radio:disabled {
+ background-color: rgba(255, 255, 255, 0.04);
+}
+
+check:checked, check:indeterminate,
+radio:checked,
+radio:indeterminate {
+ color: #FFFFFF;
+ background-color: #5b9bf8;
+}
+
+check:checked:hover, check:indeterminate:hover,
+radio:checked:hover,
+radio:indeterminate:hover {
+ box-shadow: 0 0 0 6px rgba(91, 155, 248, 0.15);
+ background-color: #8cb9fa;
+}
+
+check:checked:active, check:indeterminate:active,
+radio:checked:active,
+radio:indeterminate:active {
+ box-shadow: 0 0 0 6px rgba(91, 155, 248, 0.2);
+ background-color: #5b9bf8;
+}
+
+check:checked:disabled, check:indeterminate:disabled,
+radio:checked:disabled,
+radio:indeterminate:disabled {
+ color: rgba(255, 255, 255, 0.7);
+ background-color: rgba(91, 155, 248, 0.35);
+}
+
+popover modelbutton.flat check, popover modelbutton.flat check:focus, popover modelbutton.flat check:hover, popover modelbutton.flat check:focus:hover, popover modelbutton.flat check:active, popover modelbutton.flat check:disabled, popover modelbutton.flat radio, popover modelbutton.flat radio:focus, popover modelbutton.flat radio:hover, popover modelbutton.flat radio:focus:hover, popover modelbutton.flat radio:active, popover modelbutton.flat radio:disabled {
+ transition: none;
+ box-shadow: none;
+ background-image: none;
+}
+
+popover modelbutton.flat check.left:dir(rtl), popover modelbutton.flat radio.left:dir(rtl) {
+ margin-left: -3px;
+ margin-right: 6px;
+}
+
+popover modelbutton.flat check.right:dir(ltr), popover modelbutton.flat radio.right:dir(ltr) {
+ margin-left: 6px;
+ margin-right: -3px;
+}
+
+popover.menu check, popover.menu radio {
+ transition: none;
+ margin: 0;
+ padding: 0;
+}
+
+popover.menu check:dir(ltr), popover.menu radio:dir(ltr) {
+ margin-right: 6px;
+ margin-left: -3px;
+}
+
+popover.menu check:dir(rtl), popover.menu radio:dir(rtl) {
+ margin-left: 6px;
+ margin-right: -3px;
+}
+
+popover.menu check, popover.menu check:hover, popover.menu check:disabled, popover.menu check:checked:hover, popover.menu check:indeterminate:hover, popover.menu radio, popover.menu radio:hover, popover.menu radio:disabled, popover.menu radio:checked:hover, popover.menu radio:indeterminate:hover {
+ box-shadow: none;
+}
+
+
+check {
+ -gtk-icon-size: 20px;
+}
+
+
+check:checked {
+ -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/scalable/checkbox-checked-symbolic.svg")), -gtk-recolor(url("assets/scalable/checkbox-checked-symbolic@2.svg")));
+}
+
+
+check:indeterminate {
+ -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/scalable/checkbox-mixed-symbolic.svg")), -gtk-recolor(url("assets/scalable/checkbox-mixed-symbolic@2.svg")));
+}
+
+
+radio {
+ -gtk-icon-size: 20px;
+}
+
+
+radio:checked {
+ -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/scalable/radio-checked-symbolic.svg")), -gtk-recolor(url("assets/scalable/radio-checked-symbolic@2.svg")));
+}
+
+
+radio:indeterminate {
+ -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/scalable/radio-mixed-symbolic.svg")), -gtk-recolor(url("assets/scalable/radio-mixed-symbolic@2.svg")));
+}
+
+
+popover.menu check {
+ min-height: 16px;
+ min-width: 16px;
+ -gtk-icon-size: 16px;
+}
+
+
+popover.menu check:checked {
+ -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/scalable/small-checkbox-checked-symbolic.svg")), -gtk-recolor(url("assets/scalable/small-checkbox-checked-symbolic@2.svg")));
+}
+
+
+popover.menu check:indeterminate {
+ -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/scalable/small-checkbox-mixed-symbolic.svg")), -gtk-recolor(url("assets/scalable/small-checkbox-mixed-symbolic@2.svg")));
+}
+
+
+popover.menu radio {
+ min-height: 16px;
+ min-width: 16px;
+ -gtk-icon-size: 16px;
+}
+
+
+popover.menu radio:checked {
+ -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/scalable/small-radio-checked-symbolic.svg")), -gtk-recolor(url("assets/scalable/small-radio-checked-symbolic@2.svg")));
+}
+
+
+popover.menu radio:indeterminate {
+ -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/scalable/small-radio-mixed-symbolic.svg")), -gtk-recolor(url("assets/scalable/small-radio-mixed-symbolic@2.svg")));
+}
+
+check:not(:checked):active {
+ -gtk-icon-transform: rotate(90deg);
+}
+
+treeview.view radio, treeview.view check,
+columnview.view radio,
+columnview.view check {
+ padding: 0;
+ margin: 0;
+ transition: none;
+}
+
+treeview.view radio:not(:hover):not(:disabled):not(:checked):not(:indeterminate), treeview.view check:not(:hover):not(:disabled):not(:checked):not(:indeterminate),
+columnview.view radio:not(:hover):not(:disabled):not(:checked):not(:indeterminate),
+columnview.view check:not(:hover):not(:disabled):not(:checked):not(:indeterminate) {
+ background-color: rgba(255, 255, 255, 0.12);
+}
+
+treeview.view radio, treeview.view radio:hover, treeview.view radio:disabled, treeview.view radio:checked:hover, treeview.view radio:indeterminate:hover, treeview.view check, treeview.view check:hover, treeview.view check:disabled, treeview.view check:checked:hover, treeview.view check:indeterminate:hover,
+columnview.view radio,
+columnview.view radio:hover,
+columnview.view radio:disabled,
+columnview.view radio:checked:hover,
+columnview.view radio:indeterminate:hover,
+columnview.view check,
+columnview.view check:hover,
+columnview.view check:disabled,
+columnview.view check:checked:hover,
+columnview.view check:indeterminate:hover {
+ box-shadow: none;
+}
+
+treeview.view:hover check, treeview.view:hover radio, treeview.view:selected check, treeview.view:selected radio, treeview.view:focus check, treeview.view:focus radio,
+columnview.view:hover check,
+columnview.view:hover radio,
+columnview.view:selected check,
+columnview.view:selected radio,
+columnview.view:focus check,
+columnview.view:focus radio {
+ box-shadow: none;
+}
+
+/************
+ * GtkScale *
+ ************/
+scale {
+ min-height: 2px;
+ min-width: 2px;
+}
+
+scale.horizontal {
+ padding: 17px 12px;
+}
+
+scale.vertical {
+ padding: 12px 17px;
+}
+
+scale slider {
+ min-height: 18px;
+ min-width: 18px;
+ margin: -8px;
+}
+
+scale.fine-tune.horizontal {
+ min-height: 4px;
+ padding-top: 16px;
+ padding-bottom: 16px;
+}
+
+scale.fine-tune.vertical {
+ min-width: 4px;
+ padding-left: 16px;
+ padding-right: 16px;
+}
+
+scale.fine-tune slider {
+ margin: -7px;
+}
+
+scale trough {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+ outline: none;
+ background-color: rgba(255, 255, 255, 0.3);
+}
+
+scale trough:disabled {
+ background-color: rgba(255, 255, 255, 0.12);
+}
+
+scale highlight {
+ transition: background-image 75ms cubic-bezier(0, 0, 0.2, 1);
+ background-image: image(#5b9bf8);
+}
+
+scale highlight:disabled {
+ background-color: #2C2C2C;
+ background-image: image(rgba(255, 255, 255, 0.3));
+}
+
+scale fill {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+ background-color: rgba(255, 255, 255, 0.3);
+}
+
+scale fill:disabled {
+ background-color: transparent;
+}
+
+scale slider {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ border-radius: 9999px;
+ color: #5b9bf8;
+ background-color: #2C2C2C;
+ box-shadow: inset 0 0 0 2px #5b9bf8;
+}
+
+scale slider:hover {
+ box-shadow: inset 0 0 0 2px #5b9bf8, 0 0 0 8px rgba(255, 255, 255, 0.12);
+}
+
+scale slider:active {
+ box-shadow: inset 0 0 0 4px #5b9bf8, 0 0 0 8px rgba(255, 255, 255, 0.12);
+}
+
+scale slider:disabled {
+ box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.3);
+}
+
+scale marks,
+scale value {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+scale indicator {
+ background-color: rgba(255, 255, 255, 0.3);
+ color: transparent;
+}
+
+scale.horizontal > marks.top {
+ margin-bottom: 7px;
+ margin-top: -15px;
+}
+
+scale.horizontal.fine-tune > marks.top {
+ margin-bottom: 6px;
+ margin-top: -14px;
+}
+
+scale.horizontal > marks.bottom {
+ margin-top: 7px;
+ margin-bottom: -15px;
+}
+
+scale.horizontal.fine-tune > marks.bottom {
+ margin-top: 6px;
+ margin-bottom: -14px;
+}
+
+scale.vertical > marks.top {
+ margin-right: 7px;
+ margin-left: -15px;
+}
+
+scale.vertical.fine-tune > marks.top {
+ margin-right: 6px;
+ margin-left: -14px;
+}
+
+scale.vertical > marks.bottom {
+ margin-left: 7px;
+ margin-right: -15px;
+}
+
+scale.vertical.fine-tune > marks.bottom {
+ margin-left: 6px;
+ margin-right: -14px;
+}
+
+scale.horizontal indicator {
+ min-height: 8px;
+ min-width: 1px;
+}
+
+scale.vertical indicator {
+ min-height: 1px;
+ min-width: 8px;
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+ min-height: 32px;
+ min-width: 32px;
+ margin: -15px;
+ border-radius: 50%;
+ background-size: auto, 1000% 1000%;
+ background-repeat: no-repeat;
+ background-position: center center;
+ background-color: transparent;
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider, scale.horizontal.marks-before:not(.marks-after) slider:hover, scale.horizontal.marks-before:not(.marks-after) slider:active, scale.horizontal.marks-before:not(.marks-after) slider:disabled {
+ box-shadow: none;
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:focus {
+ background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:hover {
+ background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:focus:hover {
+ background-color: alpha(currentColor, 0.16);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:active {
+ background-size: auto, 0% 0%;
+ background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider {
+ background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider-dark.png"), url("assets/scale-horz-marks-before-slider-dark@2.png"));
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:disabled {
+ background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider-disabled-dark.png"), url("assets/scale-horz-marks-before-slider-disabled-dark@2.png"));
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:active {
+ background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider-dark.png"), url("assets/scale-horz-marks-before-slider-dark@2.png"));
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+ min-height: 32px;
+ min-width: 32px;
+ margin: -15px;
+ border-radius: 50%;
+ background-size: auto, 1000% 1000%;
+ background-repeat: no-repeat;
+ background-position: center center;
+ background-color: transparent;
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider, scale.horizontal.marks-after:not(.marks-before) slider:hover, scale.horizontal.marks-after:not(.marks-before) slider:active, scale.horizontal.marks-after:not(.marks-before) slider:disabled {
+ box-shadow: none;
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:focus {
+ background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:hover {
+ background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:focus:hover {
+ background-color: alpha(currentColor, 0.16);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:active {
+ background-size: auto, 0% 0%;
+ background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider {
+ background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider-dark.png"), url("assets/scale-horz-marks-after-slider-dark@2.png"));
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:disabled {
+ background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider-disabled-dark.png"), url("assets/scale-horz-marks-after-slider-disabled-dark@2.png"));
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:active {
+ background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider-dark.png"), url("assets/scale-horz-marks-after-slider-dark@2.png"));
+}
+
+scale.vertical.marks-before:not(.marks-after) slider {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+ min-height: 32px;
+ min-width: 32px;
+ margin: -15px;
+ border-radius: 50%;
+ background-size: auto, 1000% 1000%;
+ background-repeat: no-repeat;
+ background-position: center center;
+ background-color: transparent;
+}
+
+scale.vertical.marks-before:not(.marks-after) slider, scale.vertical.marks-before:not(.marks-after) slider:hover, scale.vertical.marks-before:not(.marks-after) slider:active, scale.vertical.marks-before:not(.marks-after) slider:disabled {
+ box-shadow: none;
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:focus {
+ background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:hover {
+ background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:focus:hover {
+ background-color: alpha(currentColor, 0.16);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:active {
+ background-size: auto, 0% 0%;
+ background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider {
+ background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider-dark.png"), url("assets/scale-vert-marks-before-slider-dark@2.png"));
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:disabled {
+ background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider-disabled-dark.png"), url("assets/scale-vert-marks-before-slider-disabled-dark@2.png"));
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:active {
+ background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider-dark.png"), url("assets/scale-vert-marks-before-slider-dark@2.png"));
+}
+
+scale.vertical.marks-after:not(.marks-before) slider {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+ min-height: 32px;
+ min-width: 32px;
+ margin: -15px;
+ border-radius: 50%;
+ background-size: auto, 1000% 1000%;
+ background-repeat: no-repeat;
+ background-position: center center;
+ background-color: transparent;
+}
+
+scale.vertical.marks-after:not(.marks-before) slider, scale.vertical.marks-after:not(.marks-before) slider:hover, scale.vertical.marks-after:not(.marks-before) slider:active, scale.vertical.marks-after:not(.marks-before) slider:disabled {
+ box-shadow: none;
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:focus {
+ background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:hover {
+ background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:focus:hover {
+ background-color: alpha(currentColor, 0.16);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:active {
+ background-size: auto, 0% 0%;
+ background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider {
+ background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider-dark.png"), url("assets/scale-vert-marks-after-slider-dark@2.png"));
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:disabled {
+ background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider-disabled-dark.png"), url("assets/scale-vert-marks-after-slider-disabled-dark@2.png"));
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:active {
+ background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider-dark.png"), url("assets/scale-vert-marks-after-slider-dark@2.png"));
+}
+
+scale.color {
+ min-height: 0;
+ min-width: 0;
+}
+
+scale.color.horizontal {
+ padding: 0 0 12px 0;
+}
+
+scale.color.horizontal slider:dir(ltr), scale.color.horizontal slider:dir(rtl) {
+ margin-bottom: -13.5px;
+ margin-top: 11.5px;
+}
+
+scale.color.vertical:dir(ltr) {
+ padding: 0 0 0 12px;
+}
+
+scale.color.vertical:dir(ltr) slider {
+ margin-left: -13.5px;
+ margin-right: 11.5px;
+}
+
+scale.color.vertical:dir(rtl) {
+ padding: 0 12px 0 0;
+}
+
+scale.color.vertical:dir(rtl) slider {
+ margin-right: -13.5px;
+ margin-left: 11.5px;
+}
+
+/*****************
+ * Progress bars *
+ *****************/
+progressbar {
+ color: rgba(255, 255, 255, 0.7);
+ font-size: smaller;
+}
+
+progressbar.horizontal trough,
+progressbar.horizontal progress {
+ min-height: 6px;
+}
+
+progressbar.vertical trough,
+progressbar.vertical progress {
+ min-width: 6px;
+}
+
+progressbar trough {
+ border-radius: 6px;
+ background-color: rgba(255, 255, 255, 0.12);
+}
+
+progressbar progress {
+ border-radius: 6px;
+ background-color: #5b9bf8;
+}
+
+progressbar.osd {
+ min-width: 6px;
+ min-height: 6px;
+ background-color: transparent;
+}
+
+progressbar.osd trough {
+ background-color: transparent;
+}
+
+progressbar.osd progress {
+ background-color: #5b9bf8;
+}
+
+progressbar trough.empty progress {
+ all: unset;
+}
+
+/*************
+ * Level Bar *
+ *************/
+levelbar.horizontal block {
+ min-height: 6px;
+}
+
+levelbar.horizontal.discrete block {
+ min-width: 36px;
+}
+
+levelbar.horizontal.discrete block:not(:last-child) {
+ margin-right: 2px;
+}
+
+levelbar.vertical block {
+ min-width: 6px;
+}
+
+levelbar.vertical.discrete block {
+ min-height: 36px;
+}
+
+levelbar.vertical.discrete block:not(:last-child) {
+ margin-bottom: 2px;
+}
+
+levelbar trough {
+ border-radius: 6px;
+}
+
+levelbar block.low {
+ background-color: #FBC02D;
+}
+
+levelbar block.high, levelbar block:not(.empty) {
+ background-color: #5b9bf8;
+}
+
+levelbar block.full {
+ background-color: #66BB6A;
+}
+
+levelbar block.empty {
+ background-color: rgba(255, 255, 255, 0.12);
+}
+
+/****************
+ * Print dialog *
+*****************/
+window.dialog.print drawing {
+ color: #FFFFFF;
+ background: none;
+ border: none;
+ padding: 0;
+}
+
+window.dialog.print drawing paper {
+ padding: 0;
+ border: 1px solid rgba(255, 255, 255, 0.12);
+ background-color: #2C2C2C;
+ color: #FFFFFF;
+}
+
+window.dialog.print .dialog-action-box {
+ margin: 12px;
+}
+
+/**********
+ * Frames *
+ **********/
+frame,
+.frame {
+ border: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+frame > list,
+.frame > list {
+ border: none;
+}
+
+frame.view,
+.frame.view {
+ border-radius: 6px;
+}
+
+frame.flat,
+.frame.flat {
+ border-style: none;
+}
+
+frame {
+ border-radius: 6px;
+}
+
+frame > label {
+ margin: 4px;
+}
+
+frame.flat > border, statusbar frame > border {
+ border: none;
+}
+
+actionbar > revealer > box {
+ padding: 6px;
+ border-spacing: 6px;
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0.12);
+ background-color: #2C2C2C;
+ background-clip: border-box;
+ border: none;
+}
+
+.background.csd box.vertical > actionbar > revealer > box {
+ border-radius: 0 0 12px 12px;
+}
+
+statusbar {
+ padding: 6px 18px;
+}
+
+scrolledwindow viewport.frame {
+ border: none;
+}
+
+stack scrolledwindow.frame viewport.frame list {
+ border: none;
+}
+
+overshoot.top {
+ background-image: radial-gradient(farthest-side at top, alpha(currentColor, 0.12) 85%, alpha(currentColor, 0)), radial-gradient(farthest-side at top, alpha(currentColor, 0.05), alpha(currentColor, 0));
+ background-size: 100% 3%, 100% 50%;
+ background-repeat: no-repeat;
+ background-position: top;
+ background-color: transparent;
+ border: none;
+ box-shadow: none;
+}
+
+overshoot.bottom {
+ background-image: radial-gradient(farthest-side at bottom, alpha(currentColor, 0.12) 85%, alpha(currentColor, 0)), radial-gradient(farthest-side at bottom, alpha(currentColor, 0.05), alpha(currentColor, 0));
+ background-size: 100% 3%, 100% 50%;
+ background-repeat: no-repeat;
+ background-position: bottom;
+ background-color: transparent;
+ border: none;
+ box-shadow: none;
+}
+
+overshoot.left {
+ background-image: radial-gradient(farthest-side at left, alpha(currentColor, 0.12) 85%, alpha(currentColor, 0)), radial-gradient(farthest-side at left, alpha(currentColor, 0.05), alpha(currentColor, 0));
+ background-size: 3% 100%, 50% 100%;
+ background-repeat: no-repeat;
+ background-position: left;
+ background-color: transparent;
+ border: none;
+ box-shadow: none;
+}
+
+overshoot.right {
+ background-image: radial-gradient(farthest-side at right, alpha(currentColor, 0.12) 85%, alpha(currentColor, 0)), radial-gradient(farthest-side at right, alpha(currentColor, 0.05), alpha(currentColor, 0));
+ background-size: 3% 100%, 50% 100%;
+ background-repeat: no-repeat;
+ background-position: right;
+ background-color: transparent;
+ border: none;
+ box-shadow: none;
+}
+
+undershoot.top {
+ background-color: transparent;
+ background-image: linear-gradient(to left, transparent 50%, rgba(255, 255, 255, 0.3) 50%);
+ padding-top: 1px;
+ background-size: 12px 1px;
+ background-repeat: repeat-x;
+ background-origin: content-box;
+ background-position: left top;
+ margin: 0 4px;
+}
+
+undershoot.bottom {
+ background-color: transparent;
+ background-image: linear-gradient(to left, transparent 50%, rgba(255, 255, 255, 0.3) 50%);
+ padding-bottom: 1px;
+ background-size: 12px 1px;
+ background-repeat: repeat-x;
+ background-origin: content-box;
+ background-position: left bottom;
+ margin: 0 4px;
+}
+
+undershoot.left {
+ background-color: transparent;
+ background-image: linear-gradient(to top, transparent 50%, rgba(255, 255, 255, 0.3) 50%);
+ padding-left: 1px;
+ background-size: 1px 12px;
+ background-repeat: repeat-y;
+ background-origin: content-box;
+ background-position: left top;
+ margin: 0 4px;
+ margin: 4px 0;
+}
+
+undershoot.right {
+ background-color: transparent;
+ background-image: linear-gradient(to top, transparent 50%, rgba(255, 255, 255, 0.3) 50%);
+ padding-right: 1px;
+ background-size: 1px 12px;
+ background-repeat: repeat-y;
+ background-origin: content-box;
+ background-position: right top;
+ margin: 0 4px;
+ margin: 4px 0;
+}
+
+junction {
+ border-style: solid none none solid;
+ border-width: 1px;
+ border-color: rgba(255, 255, 255, 0.12);
+ background-color: #2C2C2C;
+}
+
+junction:dir(rtl) {
+ border-style: solid solid none none;
+}
+
+separator {
+ min-width: 1px;
+ min-height: 1px;
+ background-color: rgba(255, 255, 255, 0.12);
+}
+
+stacksidebar + separator.vertical,
+stacksidebar separator.horizontal, button.font separator, button.file separator {
+ min-width: 0;
+ min-height: 0;
+ background-color: transparent;
+ background-image: none;
+}
+
+/*********
+ * Lists *
+ *********/
+listview.boxed-list,
+list.boxed-list, listview.content:not(.conversation-listbox),
+list.content:not(.conversation-listbox) {
+ border-radius: 7px;
+ box-shadow: none;
+ border: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+window.background.csd stack stack stack frame > list row.activatable,
+window.background.csd > stack > stack > box > frame > list row.activatable,
+window.background.csd > stack > stack > box > box > frame > list row.activatable,
+window.background.csd > stack > box > stack > box > frame > list row.activatable,
+window.background.csd > stack > box > stack > scrolledwindow > viewport frame > list row.activatable,
+window.background.csd > stack > box > stack > box > scrolledwindow > viewport > frame > list row.activatable,
+window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > list row.activatable, window.background.csd > stack > list row.activatable,
+window.background.csd > stack > scrolledwindow > viewport > box > list row.activatable,
+window.background.csd > box > stack > scrolledwindow > viewport > box > list row.activatable, listview.boxed-list > row.expander list > row,
+list.boxed-list > row.expander list > row, listview.boxed-list > row,
+list.boxed-list > row, listview.content:not(.conversation-listbox) > row,
+list.content:not(.conversation-listbox) > row {
+ border-radius: 0;
+}
+
+window.background.csd stack stack stack frame > list row.activatable:first-child, window.background.csd > stack > list row.activatable:first-child, listview.boxed-list > row.expander list > row:first-child,
+list.boxed-list > row.expander list > row:first-child, listview.boxed-list > row:first-child,
+list.boxed-list > row:first-child, listview.content:not(.conversation-listbox) > row:first-child,
+list.content:not(.conversation-listbox) > row:first-child {
+ border-top-left-radius: 6px;
+ border-top-right-radius: 6px;
+}
+
+window.background.csd stack stack stack frame > list row.activatable:last-child, window.background.csd > stack > list row.activatable:last-child, listview.boxed-list > row.expander list > row:last-child,
+list.boxed-list > row.expander list > row:last-child, listview.boxed-list > row:last-child,
+list.boxed-list > row:last-child, listview.content:not(.conversation-listbox) > row:last-child,
+list.content:not(.conversation-listbox) > row:last-child {
+ border-bottom-left-radius: 6px;
+ border-bottom-right-radius: 6px;
+}
+
+window.background.csd stack stack stack frame > list row.activatable:only-child, window.background.csd > stack > list row.activatable:only-child, listview.boxed-list > row.expander list > row:only-child,
+list.boxed-list > row.expander list > row:only-child, listview.boxed-list > row:only-child,
+list.boxed-list > row:only-child, listview.content:not(.conversation-listbox) > row:only-child,
+list.content:not(.conversation-listbox) > row:only-child {
+ border-radius: 6px;
+}
+
+window.background.csd stack stack stack frame > list row.activatable:focus, window.background.csd > stack > list row.activatable:focus, listview.boxed-list > row.expander list > row:focus,
+list.boxed-list > row.expander list > row:focus, listview.boxed-list > row:focus,
+list.boxed-list > row:focus, listview.content:not(.conversation-listbox) > row:focus,
+list.content:not(.conversation-listbox) > row:focus {
+ box-shadow: inset 0 0 0 1000px alpha(currentColor, 0.08);
+}
+
+listview,
+list {
+ border-color: rgba(255, 255, 255, 0.12);
+ background-color: #2C2C2C;
+}
+
+listview row,
+list row {
+ padding: 6px;
+}
+
+listview > row.expander,
+list > row.expander {
+ padding: 0px;
+}
+
+listview > row.expander .row-header,
+list > row.expander .row-header {
+ padding: 2px;
+}
+
+listview.boxed-list > row.expander list,
+list.boxed-list > row.expander list {
+ background-color: transparent;
+ box-shadow: none;
+ border: none;
+}
+
+list.frame {
+ border-radius: 6px;
+}
+
+listview.view {
+ color: #FFFFFF;
+ background-color: transparent;
+}
+
+popover.menu listview.view {
+ padding: 0;
+ border-radius: 6px;
+}
+
+popover.menu listview.view > row {
+ margin-left: 0;
+ margin-right: 0;
+ border-radius: 6px;
+}
+
+row {
+ color: rgba(255, 255, 255, 0.7);
+ background-clip: padding-box;
+}
+
+row label.subtitle {
+ font-size: smaller;
+}
+
+row > box.header {
+ margin-left: 12px;
+ margin-right: 12px;
+ min-height: 48px;
+}
+
+row > box.header > .icon:disabled {
+ filter: opacity(0.35);
+}
+
+row > box.header > box.title {
+ margin-top: 6px;
+ margin-bottom: 6px;
+ border-spacing: 3px;
+}
+
+columnview.view > header > button,
+treeview.view > header > button, row.activatable {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ outline: none;
+ box-shadow: inset 0 0 0 9999px transparent;
+}
+
+columnview.view > header > button:focus,
+treeview.view > header > button:focus, row.activatable:focus {
+ color: #FFFFFF;
+ box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+columnview.view > header > button:hover,
+treeview.view > header > button:hover, row.activatable:hover {
+ color: #FFFFFF;
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms;
+ box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+columnview.view > header > button.has-open-popup,
+treeview.view > header > button.has-open-popup, columnview.view > header > button:active,
+treeview.view > header > button:active, row.activatable.has-open-popup, row.activatable:active {
+ color: #FFFFFF;
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.12);
+}
+
+button row.activatable:focus, button row.activatable:hover, button row.activatable:active {
+ box-shadow: none;
+}
+
+row:selected {
+ color: inherit;
+}
+
+row:selected image,
+row:selected label {
+ color: #FFFFFF;
+}
+
+row:selected button image,
+row:selected button label {
+ color: inherit;
+}
+
+row:selected:disabled image,
+row:selected:disabled label {
+ color: rgba(255, 255, 255, 0.5);
+}
+
+columnview > listview > row {
+ padding: 0;
+}
+
+columnview > listview > row > cell {
+ padding: 8px 6px;
+}
+
+columnview > listview > row > cell:not(:first-child) {
+ border-left: 1px solid transparent;
+}
+
+columnview.column-separators > listview > row > cell {
+ border-left-color: rgba(255, 255, 255, 0.12);
+}
+
+columnview.data-table > listview > row > cell {
+ padding-top: 2px;
+ padding-bottom: 2px;
+}
+
+treeexpander {
+ border-spacing: 6px;
+}
+
+columnview row:not(:selected) cell editablelabel:not(.editing):focus-within {
+ outline: 2px solid alpha(currentColor, 0.06);
+}
+
+columnview row:not(:selected) cell editablelabel.editing:focus-within {
+ outline: 2px solid #5b9bf8;
+}
+
+columnview row:not(:selected) cell editablelabel.editing text selection {
+ color: #FFFFFF;
+ background-color: #5b9bf8;
+}
+
+.rich-list {
+ /* rich lists usually containing other widgets than just labels/text */
+}
+
+.rich-list > row {
+ padding: 9px 12px;
+ min-height: 32px;
+ /* should be tall even when only containing a label */
+}
+
+.rich-list > row > box {
+ border-spacing: 12px;
+}
+
+/*********************
+ * App Notifications *
+ *********************/
+.app-notification {
+ margin: 8px;
+ border-spacing: 9px;
+ padding: 9px;
+ border: none;
+}
+
+.app-notification button.text-button:not(:disabled) {
+ color: #5b9bf8;
+}
+
+.app-notification.frame,
+.app-notification border {
+ border-style: none;
+}
+
+/*************
+ * Expanders *
+ *************/
+expander {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ min-width: 16px;
+ min-height: 16px;
+ color: rgba(255, 255, 255, 0.7);
+ -gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
+}
+
+expander:dir(rtl) {
+ -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl");
+}
+
+expander:hover, expander:active {
+ color: #FFFFFF;
+}
+
+expander:checked {
+ -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+}
+
+expander:disabled {
+ color: rgba(255, 255, 255, 0.3);
+}
+
+expander-widget > box > title {
+ border-radius: 6px;
+}
+
+expander-widget > box > title:hover > expander {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.navigation-sidebar:not(decoration):not(window):drop(active):focus, .navigation-sidebar:not(decoration):not(window):drop(active),
+placessidebar:not(decoration):not(window):drop(active):focus,
+placessidebar:not(decoration):not(window):drop(active),
+stackswitcher:not(decoration):not(window):drop(active):focus,
+stackswitcher:not(decoration):not(window):drop(active),
+expander-widget:not(decoration):not(window):drop(active):focus,
+expander-widget:not(decoration):not(window):drop(active) {
+ box-shadow: none;
+}
+
+/************
+ * Calendar *
+ ************/
+calendar {
+ padding: 0;
+ border: 1px solid rgba(255, 255, 255, 0.12);
+ border-radius: 6px;
+ color: #FFFFFF;
+}
+
+calendar:disabled {
+ color: rgba(255, 255, 255, 0.5);
+}
+
+calendar:selected {
+ border-radius: 6px;
+}
+
+calendar > header {
+ padding: 3px;
+ border-bottom: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+calendar > header > button {
+ min-height: 24px;
+}
+
+calendar > grid {
+ margin: 3px;
+}
+
+calendar > grid > label {
+ border-radius: 9999px;
+ margin: 0;
+}
+
+calendar > grid > label.today:selected {
+ box-shadow: none;
+}
+
+calendar > grid > label:focus {
+ outline-style: none;
+}
+
+calendar > grid > label.day-number {
+ padding: 9px;
+}
+
+calendar > grid > label.day-number.other-month {
+ color: alpha(currentColor, 0.3);
+}
+
+/***********
+ * Dialogs *
+ ***********/
+window.dialog.message.background {
+ background-color: #3C3C3C;
+}
+
+window.dialog.message box.dialog-vbox.vertical {
+ border-spacing: 10px;
+}
+
+window.dialog.message .titlebar {
+ min-height: 24px;
+ border-style: none;
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
+ background-color: #3C3C3C;
+ color: #FFFFFF;
+}
+
+window.dialog.message .titlebar:backdrop {
+ background-color: #3C3C3C;
+ color: rgba(255, 255, 255, 0.7);
+}
+
+window.dialog.message .dialog-action-area {
+ margin-top: -6px;
+}
+
+window.dialog.message .dialog-action-area > button, window.dialog.message .dialog-action-area > button:first-child, window.dialog.message .dialog-action-area > button:last-child {
+ border-radius: 9999px;
+}
+
+window.dialog.message .dialog-action-area > button:not(:last-child) {
+ margin-right: 6px;
+}
+
+window.dialog.message .dialog-action-area > button:not(:disabled) {
+ color: #5b9bf8;
+}
+
+window.dialog.message .dialog-action-area > button.destructive-action:not(:disabled) {
+ color: #F44336;
+}
+
+.csd filechooser {
+ background-color: #2C2C2C;
+ border-radius: 0 0 12px 12px;
+}
+
+filechooser .dialog-action-box {
+ border-top: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+filechooser #pathbarbox {
+ border-bottom: 1px solid rgba(255, 255, 255, 0.12);
+ background-color: #2C2C2C;
+}
+
+filechooser stack.view {
+ background-color: transparent;
+}
+
+filechooser stack.view scrolledwindow {
+ background-color: transparent;
+ border-radius: 0 0 12px 0;
+}
+
+filechooser stack.view scrolledwindow list {
+ background-color: transparent;
+}
+
+filechooser stack.view > placesview {
+ background-color: transparent;
+}
+
+filechooser stack.view > placesview > actionbar, filechooser stack.view > placesview > actionbar > revealer > box {
+ background-color: transparent;
+}
+
+filechooser stack.view frame > border {
+ border: none;
+}
+
+.csd filechooser placessidebar {
+ background: none;
+ border-bottom-left-radius: 12px;
+}
+
+filechooser actionbar, filechooser actionbar > revealer > box {
+ background-color: transparent;
+}
+
+filechooserbutton > button > box {
+ border-spacing: 6px;
+}
+
+filechooserbutton:drop(active) {
+ box-shadow: none;
+ border-color: transparent;
+}
+
+/***********
+ * Sidebar *
+ ***********/
+.sidebar {
+ border-style: none;
+ background-color: #242424;
+}
+
+.sidebar:not(separator):dir(ltr), .sidebar:not(separator).left, .sidebar:not(separator).left:dir(rtl) {
+ border-right: 1px solid rgba(255, 255, 255, 0.12);
+ border-left-style: none;
+}
+
+.sidebar:not(separator):dir(rtl), .sidebar:not(separator).right {
+ border-left: 1px solid rgba(255, 255, 255, 0.12);
+ border-right-style: none;
+}
+
+.sidebar listview.view,
+.sidebar list {
+ background-color: transparent;
+ color: inherit;
+}
+
+paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar {
+ border-style: none;
+}
+
+leaflet.unfolded > box > stacksidebar.sidebar {
+ border: none;
+}
+
+stacksidebar list {
+ padding: 6px;
+ background-color: #242424;
+}
+
+stacksidebar row {
+ min-height: 24px;
+ padding: 6px;
+ border-radius: 6px;
+}
+
+stacksidebar row:selected {
+ background-color: alpha(currentColor, 0.06);
+ color: #FFFFFF;
+ font-weight: 500;
+}
+
+stacksidebar row + row {
+ margin-top: 4px;
+}
+
+stacksidebar row > label {
+ padding-left: 6px;
+ padding-right: 6px;
+ color: inherit;
+}
+
+separator.sidebar {
+ background-color: rgba(255, 255, 255, 0.12);
+ border-right: none;
+}
+
+separator.sidebar.selection-mode, .selection-mode separator.sidebar {
+ background-color: rgba(255, 255, 255, 0.12);
+}
+
+/**********************
+ * Navigation Sidebar *
+ **********************/
+.navigation-sidebar {
+ padding: 4.5px 0;
+ border-right: none;
+}
+
+.navigation-sidebar, .navigation-sidebar.view {
+ background-color: transparent;
+ color: inherit;
+}
+
+.navigation-sidebar.background {
+ background-color: #242424;
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.navigation-sidebar > row {
+ min-height: 24px;
+ padding: 6px;
+ border-radius: 6px;
+ margin: 1.5px 6px;
+}
+
+.navigation-sidebar > row:hover, .navigation-sidebar > row:focus-visible:focus-within {
+ background-color: alpha(currentColor, 0.08);
+}
+
+.navigation-sidebar > row:selected {
+ background-color: alpha(currentColor, 0.06);
+ color: #FFFFFF;
+}
+
+.navigation-sidebar > row:selected:hover {
+ background-color: alpha(currentColor, 0.16);
+}
+
+.navigation-sidebar > row:selected:focus-visible:focus-within {
+ outline: none;
+ background-color: alpha(currentColor, 0.08);
+}
+
+.navigation-sidebar > row:selected:focus-visible:focus-within:hover {
+ background-color: alpha(currentColor, 0.16);
+}
+
+.navigation-sidebar > row:disabled {
+ color: rgba(255, 255, 255, 0.5);
+}
+
+/****************
+ * File chooser *
+ ****************/
+row image.sidebar-icon {
+ transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
+ color: rgba(255, 255, 255, 0.7);
+}
+
+row image.sidebar-icon:disabled {
+ color: rgba(255, 255, 255, 0.3);
+}
+
+placessidebar.sidebar > viewport.frame {
+ border-style: none;
+}
+
+placessidebar.sidebar list > separator {
+ margin: 3px 0;
+}
+
+placessidebar.sidebar row:selected {
+ background-color: rgba(255, 255, 255, 0.12);
+ font-weight: 500;
+}
+
+placessidebar.sidebar row:disabled {
+ color: rgba(255, 255, 255, 0.5);
+}
+
+placessidebar.sidebar row image.sidebar-icon:dir(ltr) {
+ padding-right: 8px;
+}
+
+placessidebar.sidebar row image.sidebar-icon:dir(rtl) {
+ padding-left: 8px;
+}
+
+placessidebar.sidebar row label.sidebar-label {
+ color: inherit;
+}
+
+placessidebar.sidebar row label.sidebar-label:dir(ltr) {
+ padding-right: 2px;
+}
+
+placessidebar.sidebar row label.sidebar-label:dir(rtl) {
+ padding-left: 2px;
+}
+
+placessidebar.sidebar row.sidebar-placeholder-row {
+ background-color: alpha(currentColor, 0.08);
+}
+
+placessidebar.sidebar row.sidebar-new-bookmark-row {
+ color: #5b9bf8;
+}
+
+placessidebar.sidebar row.sidebar-new-bookmark-row image.sidebar-icon {
+ color: #5b9bf8;
+}
+
+placessidebar.sidebar row:drop(active) {
+ box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+placesview .server-list-button > image {
+ transition: 200ms cubic-bezier(0, 0, 0.2, 1);
+ -gtk-icon-transform: rotate(0turn);
+}
+
+placesview .server-list-button:checked > image {
+ transition: 200ms cubic-bezier(0, 0, 0.2, 1);
+ -gtk-icon-transform: rotate(-0.5turn);
+}
+
+placesview > actionbar > revealer > box > label {
+ border-spacing: 6px;
+}
+
+/*********
+ * Paned *
+ *********/
+paned > separator {
+ min-width: 1px;
+ min-height: 1px;
+ -gtk-icon-source: none;
+ border-style: none;
+ background-color: transparent;
+ background-image: image(#4b4b4b);
+ background-size: 1px 1px;
+ background-clip: content-box;
+}
+
+paned > separator.wide {
+ min-width: 6px;
+ min-height: 6px;
+ background-color: #2C2C2C;
+ background-image: image(#4b4b4b), image(#4b4b4b);
+ background-size: 1px 1px, 1px 1px;
+}
+
+paned.horizontal > separator {
+ background-repeat: repeat-y;
+}
+
+paned.horizontal > separator:dir(ltr) {
+ margin: 0 -8px 0 0;
+ padding: 0 8px 0 0;
+ background-position: left;
+}
+
+paned.horizontal > separator:dir(rtl) {
+ margin: 0 0 0 -8px;
+ padding: 0 0 0 8px;
+ background-position: right;
+}
+
+paned.horizontal > separator.wide {
+ margin: 0;
+ padding: 0;
+ background-repeat: repeat-y, repeat-y;
+ background-position: left, right;
+}
+
+paned.vertical > separator {
+ margin: 0 0 -8px 0;
+ padding: 0 0 8px 0;
+ background-repeat: repeat-x;
+ background-position: top;
+}
+
+paned.vertical > separator.wide {
+ margin: 0;
+ padding: 0;
+ background-repeat: repeat-x, repeat-x;
+ background-position: bottom, top;
+}
+
+/************
+ * GtkVideo *
+ ************/
+video {
+ background: black;
+ border-radius: 6px;
+}
+
+video image.osd {
+ min-width: 64px;
+ min-height: 64px;
+ border-radius: 9999px;
+ border: none;
+}
+
+/**************
+ * GtkInfoBar *
+ **************/
+infobar {
+ border: none;
+ margin-bottom: 0;
+}
+
+infobar > revealer > box {
+ padding: 6px;
+ border-spacing: 12px;
+}
+
+infobar.info > revealer > box, infobar.info:hover > revealer > box, infobar.info:backdrop > revealer > box {
+ background-color: #2C2C2C;
+}
+
+infobar.info > revealer > box button, infobar.info > revealer > box button.text-button:not(:disabled), infobar.info:hover > revealer > box button, infobar.info:hover > revealer > box button.text-button:not(:disabled), infobar.info:backdrop > revealer > box button, infobar.info:backdrop > revealer > box button.text-button:not(:disabled) {
+ color: #5b9bf8;
+}
+
+infobar.action > revealer > box, infobar.action:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:backdrop > revealer > box {
+ background-color: #5b9bf8;
+ color: #FFFFFF;
+}
+
+infobar.action > revealer > box button, infobar.action > revealer > box button:hover, infobar.action > revealer > box button:focus, infobar.action > revealer > box button:active, infobar.action > revealer > box button:checked, infobar.action > revealer > box button.text-button:not(:disabled), infobar.action:backdrop > revealer > box button, infobar.action:backdrop > revealer > box button:hover, infobar.action:backdrop > revealer > box button:focus, infobar.action:backdrop > revealer > box button:active, infobar.action:backdrop > revealer > box button:checked, infobar.action:backdrop > revealer > box button.text-button:not(:disabled), infobar.question > revealer > box button, infobar.question > revealer > box button:hover, infobar.question > revealer > box button:focus, infobar.question > revealer > box button:active, infobar.question > revealer > box button:checked, infobar.question > revealer > box button.text-button:not(:disabled), infobar.question:backdrop > revealer > box button, infobar.question:backdrop > revealer > box button:hover, infobar.question:backdrop > revealer > box button:focus, infobar.question:backdrop > revealer > box button:active, infobar.question:backdrop > revealer > box button:checked, infobar.question:backdrop > revealer > box button.text-button:not(:disabled) {
+ color: #FFFFFF;
+}
+
+infobar.action > revealer > box *:link, infobar.action:backdrop > revealer > box *:link, infobar.question > revealer > box *:link, infobar.question:backdrop > revealer > box *:link {
+ color: #FFFFFF;
+}
+
+infobar.action:hover > revealer > box, infobar.question:hover > revealer > box {
+ background-color: #438cf7;
+}
+
+infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box {
+ background-color: #FBC02D;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.warning > revealer > box button, infobar.warning > revealer > box button:hover, infobar.warning > revealer > box button:focus, infobar.warning > revealer > box button:active, infobar.warning > revealer > box button:checked, infobar.warning > revealer > box button.text-button:not(:disabled), infobar.warning:backdrop > revealer > box button, infobar.warning:backdrop > revealer > box button:hover, infobar.warning:backdrop > revealer > box button:focus, infobar.warning:backdrop > revealer > box button:active, infobar.warning:backdrop > revealer > box button:checked, infobar.warning:backdrop > revealer > box button.text-button:not(:disabled) {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.warning > revealer > box *:link, infobar.warning:backdrop > revealer > box *:link {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.warning:hover > revealer > box {
+ background-color: #fbb814;
+}
+
+infobar.error > revealer > box, infobar.error:backdrop > revealer > box {
+ background-color: #F44336;
+ color: #FFFFFF;
+}
+
+infobar.error > revealer > box button, infobar.error > revealer > box button:hover, infobar.error > revealer > box button:focus, infobar.error > revealer > box button:active, infobar.error > revealer > box button:checked, infobar.error > revealer > box button.text-button:not(:disabled), infobar.error:backdrop > revealer > box button, infobar.error:backdrop > revealer > box button:hover, infobar.error:backdrop > revealer > box button:focus, infobar.error:backdrop > revealer > box button:active, infobar.error:backdrop > revealer > box button:checked, infobar.error:backdrop > revealer > box button.text-button:not(:disabled) {
+ color: #FFFFFF;
+}
+
+infobar.error > revealer > box *:link, infobar.error:backdrop > revealer > box *:link {
+ color: #FFFFFF;
+}
+
+infobar.error:hover > revealer > box {
+ background-color: #f32c1e;
+}
+
+/************
+ * Tooltips *
+ ************/
+tooltip {
+ padding: 6px 12px;
+ box-shadow: none;
+ border: none;
+}
+
+tooltip.background {
+ background-color: rgba(25, 25, 25, 0.9);
+ color: #FFFFFF;
+ box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+ border-radius: 3px;
+ margin: 2px 6px 8px 6px;
+ border: none;
+}
+
+tooltip > box {
+ border-spacing: 6px;
+}
+
+/*****************
+ * Color Chooser *
+ *****************/
+colorswatch.top {
+ border-top-left-radius: 6px;
+ border-top-right-radius: 6px;
+}
+
+colorswatch.top overlay {
+ border-top-left-radius: 6px;
+ border-top-right-radius: 6px;
+}
+
+colorswatch.bottom {
+ border-bottom-left-radius: 6px;
+ border-bottom-right-radius: 6px;
+}
+
+colorswatch.bottom overlay {
+ border-bottom-left-radius: 6px;
+ border-bottom-right-radius: 6px;
+}
+
+colorswatch.left, colorswatch:first-child:not(.top) {
+ border-top-left-radius: 6px;
+ border-bottom-left-radius: 6px;
+}
+
+colorswatch.left overlay, colorswatch:first-child:not(.top) overlay {
+ border-top-left-radius: 6px;
+ border-bottom-left-radius: 6px;
+}
+
+colorswatch.right, colorswatch:last-child:not(.bottom) {
+ border-top-right-radius: 6px;
+ border-bottom-right-radius: 6px;
+}
+
+colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay {
+ border-top-right-radius: 6px;
+ border-bottom-right-radius: 6px;
+}
+
+colorswatch.dark {
+ color: #FFFFFF;
+}
+
+colorswatch.light {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+colorchooser colorswatch:hover {
+ transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+ box-shadow: 0 0 0 2px #5b9bf8;
+}
+
+colorswatch#add-color-button {
+ border-radius: 6px 0 0 6px;
+ color: #FFFFFF;
+}
+
+colorswatch#add-color-button:only-child {
+ border-radius: 6px;
+}
+
+colorswatch#add-color-button overlay {
+ background-color: rgba(255, 255, 255, 0.04);
+}
+
+colorswatch#add-color-button overlay:hover {
+ background-color: rgba(255, 255, 255, 0.12);
+ box-shadow: none;
+}
+
+colorswatch#add-color-button overlay:active {
+ background-color: rgba(255, 255, 255, 0.3);
+}
+
+colorswatch:disabled {
+ opacity: 0.5;
+}
+
+colorswatch:disabled overlay {
+ box-shadow: none;
+}
+
+colorswatch#editor-color-sample {
+ border-radius: 6px;
+}
+
+colorswatch#editor-color-sample overlay {
+ border-radius: 6px;
+}
+
+colorswatch#editor-color-sample overlay:hover {
+ box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17);
+}
+
+colorchooser .popover.osd {
+ transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+ border-radius: 6px;
+ box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.1);
+ background-color: #3C3C3C;
+}
+
+colorchooser .popover.osd:backdrop {
+ box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.2), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.1);
+}
+
+/********
+ * Misc *
+ ********/
+.content-view {
+ background-color: #2C2C2C;
+}
+
+/**********************
+ * Window Decorations *
+ **********************/
+window.csd {
+ transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+ border-radius: 12px;
+ outline-color: rgba(255, 255, 255, 0.1);
+ outline-offset: -1px;
+ outline-style: solid;
+ outline-width: 1px;
+ box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2), 0 16px 15px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12), 0 0 0 1px rgba(0, 0, 0, 0.75), 0 0 36px transparent;
+}
+
+window.csd:backdrop {
+ box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 0 0 1px rgba(0, 0, 0, 0.75), 0 0 36px transparent;
+}
+
+window.csd.popup {
+ border-radius: 12px;
+}
+
+window.csd.dialog.message {
+ border-radius: 12px;
+}
+
+.solid-csd window.csd {
+ margin: 0;
+ padding: 2px;
+ border-radius: 0;
+ background-color: #242424;
+ border: 1px solid #4b4b4b;
+}
+
+.solid-csd window.csd:backdrop {
+ background-color: #2C2C2C;
+}
+
+window.csd.maximized, window.csd.fullscreen, window.csd.tiled, window.csd.tiled-top, window.csd.tiled-right, window.csd.tiled-bottom, window.csd.tiled-left {
+ border-radius: 0;
+}
+
+windowcontrols button:not(.suggested-action):not(.destructive-action) {
+ min-height: 16px;
+ min-width: 16px;
+ padding: 0;
+ margin: 0 4px;
+}
+
+windowcontrols button.minimize:not(.suggested-action):not(.destructive-action), windowcontrols button.maximize:not(.suggested-action):not(.destructive-action), windowcontrols button.close:not(.suggested-action):not(.destructive-action) {
+ color: transparent;
+}
+
+windowcontrols button.minimize:not(.suggested-action):not(.destructive-action) image, windowcontrols button.maximize:not(.suggested-action):not(.destructive-action) image, windowcontrols button.close:not(.suggested-action):not(.destructive-action) image {
+ padding: 0;
+}
+
+windowcontrols button.minimize:hover:not(.suggested-action):not(.destructive-action), windowcontrols button.maximize:hover:not(.suggested-action):not(.destructive-action), windowcontrols button.close:hover:not(.suggested-action):not(.destructive-action) {
+ box-shadow: none;
+}
+
+windowcontrols button.minimize:active:not(.suggested-action):not(.destructive-action), windowcontrols button.maximize:active:not(.suggested-action):not(.destructive-action), windowcontrols button.close:active:not(.suggested-action):not(.destructive-action) {
+ box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.25);
+}
+
+windowcontrols button.minimize:hover:not(.suggested-action):not(.destructive-action), windowcontrols button.minimize:active:not(.suggested-action):not(.destructive-action), windowcontrols button.maximize:hover:not(.suggested-action):not(.destructive-action), windowcontrols button.maximize:active:not(.suggested-action):not(.destructive-action), windowcontrols button.close:hover:not(.suggested-action):not(.destructive-action), windowcontrols button.close:active:not(.suggested-action):not(.destructive-action) {
+ color: white;
+}
+
+windowcontrols button.minimize:backdrop:not(.suggested-action):not(.destructive-action), windowcontrols button.maximize:backdrop:not(.suggested-action):not(.destructive-action), windowcontrols button.close:backdrop:not(.suggested-action):not(.destructive-action) {
+ background-color: rgba(255, 255, 255, 0.3);
+}
+
+windowcontrols button.minimize:backdrop:hover:not(.suggested-action):not(.destructive-action), windowcontrols button.minimize:backdrop:active:not(.suggested-action):not(.destructive-action), windowcontrols button.maximize:backdrop:hover:not(.suggested-action):not(.destructive-action), windowcontrols button.maximize:backdrop:active:not(.suggested-action):not(.destructive-action), windowcontrols button.close:backdrop:hover:not(.suggested-action):not(.destructive-action), windowcontrols button.close:backdrop:active:not(.suggested-action):not(.destructive-action) {
+ color: rgba(255, 255, 255, 0.5);
+}
+
+windowcontrols button.minimize:not(.suggested-action):not(.destructive-action) {
+ background-color: #fdbe04;
+}
+
+windowcontrols button.minimize:active:not(.suggested-action):not(.destructive-action) {
+ background-color: #fece43;
+}
+
+windowcontrols button.maximize:not(.suggested-action):not(.destructive-action) {
+ background-color: #38c76a;
+}
+
+windowcontrols button.maximize:active:not(.suggested-action):not(.destructive-action) {
+ background-color: #6ad58f;
+}
+
+windowcontrols button.close:not(.suggested-action):not(.destructive-action) {
+ background-color: #fd5f51;
+}
+
+windowcontrols button.close:active:not(.suggested-action):not(.destructive-action) {
+ background-color: #fe877d;
+}
+
+windowcontrols {
+ border-spacing: 6px;
+}
+
+windowcontrols:not(.empty).start:dir(ltr), windowcontrols:not(.empty).end:dir(rtl) {
+ margin-right: 6px;
+ margin-left: 6px;
+}
+
+windowcontrols:not(.empty).start:dir(rtl), windowcontrols:not(.empty).end:dir(ltr) {
+ margin-left: 6px;
+ margin-right: 6px;
+}
+
+.view:selected, iconview:selected, gridview > child:selected, modelbutton.flat:selected, columnview.view:selected,
+treeview.view:selected, row:selected, calendar:selected, calendar > grid > label.day-number:selected {
+ background-color: alpha(currentColor, 0.06);
+}
+
+flowbox > flowboxchild:selected, calendar > grid > label.today {
+ color: #5b9bf8;
+ background-color: rgba(91, 155, 248, 0.2);
+}
+
+textview text selection:focus, textview text selection, label > selection,
+entry > text > selection, calendar > grid > label.today:selected {
+ color: #FFFFFF;
+ background-color: #5b9bf8;
+}
+
+.monospace {
+ font-family: monospace;
+}
+
+/**********************
+ * Touch Copy & Paste *
+ **********************/
+cursor-handle {
+ color: #5b9bf8;
+ -gtk-icon-source: -gtk-recolor(url("assets/scalable/cursor-handle-symbolic.svg"));
+}
+
+cursor-handle.insertion-cursor:dir(ltr), cursor-handle.insertion-cursor:dir(rtl) {
+ padding-top: 6px;
+}
+
+shortcuts-section {
+ margin: 20px;
+}
+
+.shortcuts-search-results {
+ margin: 20px;
+ border-spacing: 24px;
+}
+
+shortcut {
+ border-spacing: 6px;
+}
+
+shortcut > .keycap {
+ min-width: 12px;
+ min-height: 26px;
+ margin-top: 2px;
+ padding-bottom: 2px;
+ padding-left: 8px;
+ padding-right: 8px;
+ border: solid 1px rgba(255, 255, 255, 0.12);
+ border-radius: 7px;
+ box-shadow: inset 0 -2px rgba(255, 255, 255, 0.12);
+ background-color: #3C3C3C;
+ color: #FFFFFF;
+ font-size: smaller;
+}
+
+:not(decoration):not(window):drop(active) {
+ caret-color: #5b9bf8;
+}
+
+stackswitcher {
+ min-height: 0;
+ padding: 3px;
+ margin: 6px 0;
+ border-radius: 9px;
+ background-color: rgba(255, 255, 255, 0.04);
+ border: none;
+}
+
+stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action) {
+ margin: 0 0;
+ background-color: transparent;
+ border-radius: 6px;
+ padding: 3px 10px;
+}
+
+stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button {
+ min-width: 100px;
+}
+
+stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action):focus:not(:hover):not(:checked) {
+ box-shadow: none;
+}
+
+stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action):checked {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ background-color: rgba(255, 255, 255, 0.15);
+ color: #FFFFFF;
+ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
+}
+
+stackswitcher button.text-button {
+ min-width: 100px;
+}
+
+stackswitcher button.circular,
+stackswitcher button.text-button.circular {
+ min-width: 36px;
+ min-height: 36px;
+ padding: 0;
+}
+
+/*************
+ * App Icons *
+ *************/
+.lowres-icon {
+ -gtk-icon-shadow: none;
+}
+
+.icon-dropshadow {
+ -gtk-icon-shadow: none;
+}
+
+/*********
+ * Emoji *
+ *********/
+popover.emoji-picker {
+ padding: 0;
+}
+
+popover.emoji-picker > contents {
+ padding: 0;
+}
+
+.emoji-searchbar {
+ padding: 6px;
+ border-spacing: 6px;
+ border-bottom: 1px solid rgba(255, 255, 255, 0.12);
+ background: none;
+}
+
+.emoji-searchbar entry text {
+ background: none;
+ box-shadow: none;
+}
+
+.emoji-toolbar {
+ padding: 0;
+ border-spacing: 3px;
+ border-top: 1px solid rgba(255, 255, 255, 0.12);
+ background: none;
+}
+
+button.emoji-section {
+ margin: 0;
+ padding: 6px;
+ border-radius: 6px;
+}
+
+button.emoji-section:checked {
+ color: #5b9bf8;
+}
+
+popover.emoji-picker emoji {
+ font-size: x-large;
+ padding: 6px;
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ border-radius: 6px;
+}
+
+popover.emoji-picker emoji:focus, popover.emoji-picker emoji:hover {
+ background: alpha(currentColor, 0.08);
+}
+
+emoji-completion-row {
+ min-height: 28px;
+ padding: 0 12px;
+}
+
+emoji-completion-row > box {
+ border-spacing: 6px;
+ padding: 2px 6px;
+}
+
+emoji-completion-row:focus, emoji-completion-row:hover,
+emoji-completion-row emoji:hover, emoji-completion-row emoji:focus {
+ background-color: alpha(currentColor, 0.08);
+ color: #FFFFFF;
+}
+
+popover.entry-completion > contents {
+ padding: 0;
+}
+
+/**************
+ * Extensions *
+ **************/
+window.background.csd stack stack stack frame > border,
+window.background.csd > stack > stack > box > frame > border,
+window.background.csd > stack > stack > box > box > frame > border,
+window.background.csd > stack > box > stack > box > frame > border,
+window.background.csd > stack > box > stack > scrolledwindow > viewport frame > border,
+window.background.csd > stack > box > stack > box > scrolledwindow > viewport > frame > border,
+window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > border {
+ border: none;
+}
+
+window.background.csd > stack > box > box > list,
+window.background.csd > stack > box > stack > scrolledwindow > viewport > list {
+ border-bottom-left-radius: 12px;
+}
+
+window.background.csd > stack > box > .sidebar > scrolledwindow > viewport > list {
+ padding: 0 0;
+}
+
+avatar {
+ border-radius: 9999px;
+ font-weight: bold;
+}
+
+avatar.color1 {
+ background-image: linear-gradient(#83b6ec, #337fdc);
+ color: #cfe1f5;
+}
+
+avatar.color2 {
+ background-image: linear-gradient(#7ad9f1, #0f9ac8);
+ color: #caeaf2;
+}
+
+avatar.color3 {
+ background-image: linear-gradient(#8de6b1, #29ae74);
+ color: #cef8d8;
+}
+
+avatar.color4 {
+ background-image: linear-gradient(#b5e98a, #6ab85b);
+ color: #e6f9d7;
+}
+
+avatar.color5 {
+ background-image: linear-gradient(#f8e359, #d29d09);
+ color: #f9f4e1;
+}
+
+avatar.color6 {
+ background-image: linear-gradient(#ffcb62, #d68400);
+ color: #ffead1;
+}
+
+avatar.color7 {
+ background-image: linear-gradient(#ffa95a, #ed5b00);
+ color: #ffe5c5;
+}
+
+avatar.color8 {
+ background-image: linear-gradient(#f78773, #e62d42);
+ color: #f8d2ce;
+}
+
+avatar.color9 {
+ background-image: linear-gradient(#e973ab, #e33b6a);
+ color: #fac7de;
+}
+
+avatar.color10 {
+ background-image: linear-gradient(#cb78d4, #9945b5);
+ color: #e7c2e8;
+}
+
+avatar.color11 {
+ background-image: linear-gradient(#9e91e8, #7a59ca);
+ color: #d5d2f5;
+}
+
+avatar.color12 {
+ background-image: linear-gradient(#e3cf9c, #b08952);
+ color: #f2eade;
+}
+
+avatar.color13 {
+ background-image: linear-gradient(#be916d, #785336);
+ color: #e5d6ca;
+}
+
+avatar.color14 {
+ background-image: linear-gradient(#c0bfbc, #6e6d71);
+ color: #d8d7d3;
+}
+
+avatar.contrasted {
+ color: white;
+}
+
+avatar.image {
+ background: none;
+}
+
+preferencespage > scrolledwindow > viewport > clamp > box {
+ margin: 24px 12px;
+ border-spacing: 24px;
+}
+
+preferencesgroup > box, preferencesgroup > box .labels {
+ border-spacing: 6px;
+}
+
+preferencesgroup > box > box.header:not(.single-line) {
+ margin-bottom: 6px;
+}
+
+preferencesgroup > box > box.single-line {
+ min-height: 34px;
+}
+
+statuspage > scrolledwindow > viewport > box {
+ margin: 36px 12px;
+ border-spacing: 36px;
+}
+
+statuspage > scrolledwindow > viewport > box > clamp > box {
+ border-spacing: 12px;
+}
+
+statuspage > scrolledwindow > viewport > box > clamp > box > .icon {
+ -gtk-icon-size: 128px;
+ color: alpha(currentColor, 0.55);
+}
+
+statuspage > scrolledwindow > viewport > box > clamp > box > .icon:disabled {
+ opacity: 0.35;
+}
+
+statuspage > scrolledwindow > viewport > box > clamp > box > .icon:not(:last-child) {
+ margin-bottom: 24px;
+}
+
+statuspage.compact > scrolledwindow > viewport > box {
+ margin: 24px 12px;
+ border-spacing: 24px;
+}
+
+statuspage.compact > scrolledwindow > viewport > box > clamp > box > .icon {
+ -gtk-icon-size: 96px;
+}
+
+statuspage.compact > scrolledwindow > viewport > box > clamp > box > .icon:not(:last-child) {
+ margin-bottom: 12px;
+}
+
+statuspage.compact > scrolledwindow > viewport > box > clamp > box > .title {
+ font-size: 18pt;
+}
+
+/* GTK NAMED COLORS
+ ----------------
+ use responsibly! */
+/*
+widget text/foreground color */
+@define-color theme_fg_color #FFFFFF;
+/*
+text color for entries, views and content in general */
+@define-color theme_text_color #FFFFFF;
+/*
+widget base background color */
+@define-color theme_bg_color #2C2C2C;
+/*
+text widgets and the like base background color */
+@define-color theme_base_color #2C2C2C;
+/*
+base background color of selections */
+@define-color theme_selected_bg_color #5b9bf8;
+/*
+text/foreground color of selections */
+@define-color theme_selected_fg_color #FFFFFF;
+/*
+base background color of insensitive widgets */
+@define-color insensitive_bg_color #2C2C2C;
+/*
+text foreground color of insensitive widgets */
+@define-color insensitive_fg_color rgba(255, 255, 255, 0.5);
+/*
+insensitive text widgets and the like base background color */
+@define-color insensitive_base_color #242424;
+/*
+widget text/foreground color on backdrop windows */
+@define-color theme_unfocused_fg_color #FFFFFF;
+/*
+text color for entries, views and content in general on backdrop windows */
+@define-color theme_unfocused_text_color #FFFFFF;
+/*
+widget base background color on backdrop windows */
+@define-color theme_unfocused_bg_color #2C2C2C;
+/*
+text widgets and the like base background color on backdrop windows */
+@define-color theme_unfocused_base_color #2C2C2C;
+/*
+base background color of selections on backdrop windows */
+@define-color theme_unfocused_selected_bg_color #5b9bf8;
+/*
+text/foreground color of selections on backdrop windows */
+@define-color theme_unfocused_selected_fg_color #FFFFFF;
+/*
+insensitive color on backdrop windows */
+@define-color unfocused_insensitive_color rgba(255, 255, 255, 0.5);
+/*
+widgets main borders color */
+@define-color borders rgba(255, 255, 255, 0.12);
+/*
+widgets main borders color on backdrop windows */
+@define-color unfocused_borders rgba(255, 255, 255, 0.12);
+/*
+these are pretty self explicative */
+@define-color warning_color #FBC02D;
+@define-color error_color #F44336;
+@define-color success_color #66BB6A;
+/*
+these colors are exported for the window manager and shouldn't be used in applications,
+read if you used those and something break with a version upgrade you're on your own... */
+@define-color wm_title #FFFFFF;
+@define-color wm_unfocused_title rgba(255, 255, 255, 0.7);
+@define-color wm_highlight rgba(255, 255, 255, 0.1);
+@define-color wm_border #090909;
+@define-color wm_bg #242424;
+@define-color wm_unfocused_bg #2C2C2C;
+@define-color wm_button_icon white;
+@define-color wm_button_close_hover_bg #fd5f51;
+@define-color wm_button_close_active_bg #fc2714;
+@define-color wm_button_max_hover_bg #38c76a;
+@define-color wm_button_max_active_bg #2b9751;
+@define-color wm_button_min_hover_bg #fdbe04;
+@define-color wm_button_min_active_bg #c29102;
+/*
+FIXME this is really an API */
+@define-color content_view_bg #2C2C2C;
+@define-color placeholder_text_color silver;
+/* Very contrasty background for text views (@theme_text_color foreground) */
+@define-color text_view_bg #2C2C2C;
+@define-color budgie_tasklist_indicator_color white;
+@define-color budgie_tasklist_indicator_color_active white;
+@define-color budgie_tasklist_indicator_color_active_window #999999;
+@define-color budgie_tasklist_indicator_color_attention #FBC02D;
+@define-color STRAWBERRY_100 #FF9262;
+@define-color STRAWBERRY_300 #FF793E;
+@define-color STRAWBERRY_500 #F15D22;
+@define-color STRAWBERRY_700 #CF3B00;
+@define-color STRAWBERRY_900 #AC1800;
+@define-color ORANGE_100 #FFDB91;
+@define-color ORANGE_300 #FFCA40;
+@define-color ORANGE_500 #FAA41A;
+@define-color ORANGE_700 #DE8800;
+@define-color ORANGE_900 #C26C00;
+@define-color BANANA_100 #FFFFA8;
+@define-color BANANA_300 #FFFA7D;
+@define-color BANANA_500 #FFCE51;
+@define-color BANANA_700 #D1A023;
+@define-color BANANA_900 #A27100;
+@define-color LIME_100 #A2F3BE;
+@define-color LIME_300 #8ADBA6;
+@define-color LIME_500 #73C48F;
+@define-color LIME_700 #479863;
+@define-color LIME_900 #1C6D38;
+@define-color BLUEBERRY_100 #94A6FF;
+@define-color BLUEBERRY_300 #6A7CE0;
+@define-color BLUEBERRY_500 #3F51B5;
+@define-color BLUEBERRY_700 #213397;
+@define-color BLUEBERRY_900 #031579;
+@define-color GRAPE_100 #D25DE6;
+@define-color GRAPE_300 #B84ACB;
+@define-color GRAPE_500 #9C27B0;
+@define-color GRAPE_700 #830E97;
+@define-color GRAPE_900 #6A007E;
+@define-color COCOA_100 #9F9792;
+@define-color COCOA_300 #7B736E;
+@define-color COCOA_500 #574F4A;
+@define-color COCOA_700 #463E39;
+@define-color COCOA_900 #342C27;
+@define-color SILVER_100 #EEE;
+@define-color SILVER_300 #CCC;
+@define-color SILVER_500 #AAA;
+@define-color SILVER_700 #888;
+@define-color SILVER_900 #666;
+@define-color SLATE_100 #888;
+@define-color SLATE_300 #666;
+@define-color SLATE_500 #444;
+@define-color SLATE_700 #222;
+@define-color SLATE_900 #111;
+@define-color BLACK_100 #474341;
+@define-color BLACK_300 #403C3A;
+@define-color BLACK_500 #393634;
+@define-color BLACK_700 #33302F;
+@define-color BLACK_900 #2B2928;
diff --git a/src/main/gtk-4.0/gtk-dark.scss b/src/main/gtk-4.0/gtk-Dark.scss
similarity index 100%
rename from src/main/gtk-4.0/gtk-dark.scss
rename to src/main/gtk-4.0/gtk-Dark.scss
diff --git a/src/main/gtk-4.0/gtk-Light.css b/src/main/gtk-4.0/gtk-Light.css
new file mode 100644
index 00000000..52cc5de1
--- /dev/null
+++ b/src/main/gtk-4.0/gtk-Light.css
@@ -0,0 +1,5237 @@
+/***************
+ * Base States *
+ ***************/
+.background {
+ background-color: #FFFFFF;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+dnd {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.normal-icons {
+ -gtk-icon-size: 16px;
+}
+
+.large-icons {
+ -gtk-icon-size: 32px;
+}
+
+spinner:disabled,
+arrow:disabled,
+scrollbar:disabled,
+check:disabled,
+radio:disabled,
+treeview.expander:disabled {
+ -gtk-icon-filter: opacity(0.5);
+}
+
+iconview, .view {
+ background-color: #FFFFFF;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+iconview:disabled, .view:disabled {
+ color: rgba(0, 0, 0, 0.38);
+}
+
+iconview:selected, .view:selected {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+textview text {
+ background-color: #FFFFFF;
+}
+
+textview border {
+ background-color: #FAFAFA;
+ color: rgba(0, 0, 0, 0.6);
+}
+
+iconview:hover, iconview:selected {
+ border-radius: 3px;
+}
+
+rubberband, .content-view rubberband, .content-view columnview.view > rubberband,
+.content-view treeview.view > rubberband, .content-view .rubberband, columnview.view > rubberband, .content-view columnview.view > .rubberband,
+treeview.view > rubberband,
+.content-view treeview.view > .rubberband, gridview > rubberband, flowbox > rubberband {
+ border: 1px solid #3c84f7;
+ background-color: rgba(60, 132, 247, 0.3);
+}
+
+flowbox > flowboxchild {
+ padding: 4px;
+ border-radius: 6px;
+}
+
+.content-view .tile:selected {
+ background-color: transparent;
+}
+
+gridview > child {
+ padding: 3px;
+}
+
+gridview > child:selected {
+ outline-color: alpha(currentColor, 0.06);
+}
+
+gridview > child box {
+ border-spacing: 8px;
+ margin: 12px;
+}
+
+coverflow cover {
+ color: rgba(0, 0, 0, 0.87);
+ background-color: #FFFFFF;
+ border: 1px solid black;
+}
+
+label.separator {
+ color: rgba(0, 0, 0, 0.6);
+}
+
+label:disabled {
+ color: rgba(0, 0, 0, 0.38);
+}
+
+headerbar label:disabled, tab label:disabled, button label:disabled {
+ color: inherit;
+}
+
+label.osd {
+ border-radius: 6px;
+ background-color: rgba(52, 52, 52, 0.9);
+ color: #FFFFFF;
+}
+
+.dim-label, row label.subtitle {
+ color: rgba(0, 0, 0, 0.6);
+}
+
+window.assistant .sidebar {
+ padding: 4px 0;
+}
+
+window.assistant .sidebar label {
+ min-height: 36px;
+ padding: 0 12px;
+ color: rgba(0, 0, 0, 0.38);
+ font-weight: 500;
+}
+
+window.assistant .sidebar label.highlight {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.osd .scale-popup > arrow,
+.osd .scale-popup > contents, .osd popover.background > arrow,
+.osd popover.background > contents, popover.background.touch-selection > arrow,
+popover.background.touch-selection > contents, popover.background.magnifier > arrow,
+popover.background.magnifier > contents, .osd {
+ color: rgba(0, 0, 0, 0.87);
+ background-color: #FFFFFF;
+ background-clip: padding-box;
+ border-radius: 6px;
+ border: none;
+ box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.15);
+}
+
+.osd {
+ padding: 6px;
+ margin: 6px;
+}
+
+.osd.circular {
+ border-radius: 9999px;
+}
+
+/**********
+ * Toasts *
+ **********/
+toast {
+ margin: 12px;
+ margin-bottom: 24px;
+ border-radius: 9999px;
+ border-spacing: 6px;
+ padding: 6px;
+ box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.1), 0 4px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 10px 0 rgba(0, 0, 0, 0.1), inset 0 1px rgba(255, 255, 255, 0.15);
+ background-color: #FFFFFF;
+ color: rgba(0, 0, 0, 0.87);
+ border: none;
+}
+
+toast:dir(ltr) {
+ padding-left: 12px;
+}
+
+toast:dir(rtl) {
+ padding-right: 12px;
+}
+
+toast > label {
+ margin: 0 6px;
+}
+
+/*********************
+ * Spinner Animation *
+ *********************/
+@keyframes spin {
+ to {
+ transform: rotate(1turn);
+ }
+}
+
+spinner {
+ background: none;
+ opacity: 0;
+ -gtk-icon-source: -gtk-icontheme("process-working-symbolic");
+}
+
+spinner:checked {
+ opacity: 1;
+ animation: spin 1s linear infinite;
+}
+
+spinner:checked:disabled {
+ opacity: 0.5;
+}
+
+.large-title {
+ font-weight: 300;
+ font-size: 24pt;
+}
+
+.title-1 {
+ font-weight: 800;
+ font-size: 20pt;
+}
+
+.title-2 {
+ font-weight: 800;
+ font-size: 15pt;
+}
+
+.title-3 {
+ font-weight: 700;
+ font-size: 15pt;
+}
+
+.title-4 {
+ font-weight: 700;
+ font-size: 13pt;
+}
+
+.heading {
+ font-weight: 700;
+ font-size: 11pt;
+}
+
+.body {
+ font-weight: 400;
+ font-size: 11pt;
+}
+
+.caption {
+ font-weight: 400;
+ font-size: 9pt;
+}
+
+.caption-heading {
+ font-weight: 700;
+ font-size: 9pt;
+}
+
+/****************
+ * Text Entries *
+ ****************/
+
+entry {
+ min-height: 36px;
+ padding: 0 8px;
+ border-spacing: 6px;
+ border-radius: 6px;
+ caret-color: currentColor;
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+ box-shadow: inset 0 0 0 2px transparent;
+ background-color: rgba(0, 0, 0, 0.04);
+ color: rgba(0, 0, 0, 0.87);
+}
+
+
+entry:focus-within {
+ background-color: rgba(0, 0, 0, 0.04);
+ box-shadow: inset 0 0 0 2px #3c84f7;
+}
+
+
+entry:drop(active) {
+ background-color: alpha(currentColor, 0.08);
+ box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+}
+
+
+entry:disabled {
+ box-shadow: inset 0 0 0 2px transparent;
+ background-color: rgba(0, 0, 0, 0.04);
+ color: rgba(0, 0, 0, 0.38);
+}
+
+
+entry.flat {
+ min-height: 0;
+ padding: 2px;
+ border-radius: 0;
+ background-color: transparent;
+}
+
+
+entry image {
+ color: rgba(0, 0, 0, 0.6);
+}
+
+
+entry image:hover,
+entry image:active {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+
+entry image:disabled {
+ color: rgba(0, 0, 0, 0.38);
+}
+
+
+entry image.left {
+ margin-left: 2px;
+ margin-right: 6px;
+}
+
+
+entry image.right {
+ margin-left: 6px;
+ margin-right: 2px;
+}
+
+
+entry undershoot.left {
+ background-color: transparent;
+ background-image: linear-gradient(to top, transparent 50%, rgba(0, 0, 0, 0.26) 50%);
+ padding-left: 1px;
+ background-size: 1px 12px;
+ background-repeat: repeat-y;
+ background-origin: content-box;
+ background-position: left top;
+ margin: 0 4px;
+ margin: 4px 0;
+}
+
+
+entry undershoot.right {
+ background-color: transparent;
+ background-image: linear-gradient(to top, transparent 50%, rgba(0, 0, 0, 0.26) 50%);
+ padding-right: 1px;
+ background-size: 1px 12px;
+ background-repeat: repeat-y;
+ background-origin: content-box;
+ background-position: right top;
+ margin: 0 4px;
+ margin: 4px 0;
+}
+
+
+entry.error {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+ box-shadow: inset 0 0 0 2px transparent;
+ background-color: rgba(0, 0, 0, 0.04);
+ color: rgba(0, 0, 0, 0.87);
+}
+
+
+entry.error:focus-within {
+ background-color: rgba(0, 0, 0, 0.04);
+ box-shadow: inset 0 0 0 2px #E53935;
+}
+
+
+entry.error:disabled {
+ box-shadow: inset 0 0 0 2px transparent;
+ background-color: rgba(0, 0, 0, 0.04);
+ color: rgba(0, 0, 0, 0.38);
+}
+
+
+entry.warning {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+ box-shadow: inset 0 0 0 2px transparent;
+ background-color: rgba(0, 0, 0, 0.04);
+ color: rgba(0, 0, 0, 0.87);
+}
+
+
+entry.warning:focus-within {
+ background-color: rgba(0, 0, 0, 0.04);
+ box-shadow: inset 0 0 0 2px #FFD600;
+}
+
+
+entry.warning:disabled {
+ box-shadow: inset 0 0 0 2px transparent;
+ background-color: rgba(0, 0, 0, 0.04);
+ color: rgba(0, 0, 0, 0.38);
+}
+
+
+entry > progress,
+entry progress > trough > progress {
+ margin: 2px -8px;
+ border-bottom: 2px solid #3c84f7;
+ background-color: transparent;
+}
+
+treeview entry.flat, treeview entry {
+ background-color: #FFFFFF;
+}
+
+treeview entry.flat, treeview entry.flat:focus-within, treeview entry, treeview entry:focus-within {
+ border-image: none;
+ box-shadow: none;
+}
+
+.entry-tag {
+ margin: 2px;
+ border-radius: 9999px;
+ box-shadow: none;
+ background-color: rgba(0, 0, 0, 0.12);
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.entry-tag:hover {
+ background-image: image(alpha(currentColor, 0.08));
+}
+
+:dir(ltr) .entry-tag {
+ margin-left: 4px;
+ margin-right: 0;
+ padding-left: 12px;
+ padding-right: 8px;
+}
+
+:dir(rtl) .entry-tag {
+ margin-left: 0;
+ margin-right: 4px;
+ padding-left: 8px;
+ padding-right: 12px;
+}
+
+.entry-tag.button {
+ box-shadow: none;
+ background-color: transparent;
+}
+
+.entry-tag.button:not(:hover):not(:active) {
+ color: rgba(0, 0, 0, 0.6);
+}
+
+editablelabel > stack > text {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+ box-shadow: inset 0 0 0 2px transparent;
+ background-color: rgba(0, 0, 0, 0.04);
+ color: rgba(0, 0, 0, 0.87);
+}
+
+/***********
+ * Buttons *
+ ***********/
+@keyframes needs-attention {
+ from {
+ background-image: radial-gradient(farthest-side, #3c84f7 0%, rgba(60, 132, 247, 0) 0%);
+ }
+ to {
+ background-image: radial-gradient(farthest-side, #3c84f7 95%, rgba(60, 132, 247, 0));
+ }
+}
+
+infobar.warning > revealer > box button, infobar.warning:backdrop > revealer > box button, popover.background.touch-selection button, popover.background.magnifier button, headerbar.selection-mode button:not(.suggested-action):not(.destructive-action), toast button, toast button.circular.flat {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+infobar.warning > revealer > box button:focus, popover.background.touch-selection button:focus, popover.background.magnifier button:focus, headerbar.selection-mode button:focus:not(.suggested-action):not(.destructive-action), toast button:focus, toast button.circular.flat:focus, infobar.warning > revealer > box button:hover, popover.background.touch-selection button:hover, popover.background.magnifier button:hover, headerbar.selection-mode button:hover:not(.suggested-action):not(.destructive-action), toast button:hover, toast button.circular.flat:hover, infobar.warning > revealer > box button:active, popover.background.touch-selection button:active, popover.background.magnifier button:active, headerbar.selection-mode button:active:not(.suggested-action):not(.destructive-action), toast button:active, toast button.circular.flat:active, infobar.warning > revealer > box button:checked, popover.background.touch-selection button:checked, popover.background.magnifier button:checked, headerbar.selection-mode button:checked:not(.suggested-action):not(.destructive-action), toast button:checked, toast button.circular.flat:checked {
+ color: #FFFFFF;
+}
+
+infobar.warning > revealer > box button:disabled, popover.background.touch-selection button:disabled, popover.background.magnifier button:disabled, headerbar.selection-mode button:disabled:not(.suggested-action):not(.destructive-action), toast button:disabled, toast button.circular.flat:disabled {
+ color: rgba(255, 255, 255, 0.3);
+}
+
+infobar.warning > revealer > box button:checked:disabled, popover.background.touch-selection button:checked:disabled, popover.background.magnifier button:checked:disabled, headerbar.selection-mode button:checked:disabled:not(.suggested-action):not(.destructive-action), toast button:checked:disabled {
+ color: rgba(255, 255, 255, 0.5);
+}
+
+actionbar > revealer > box .linked > button:not(.suggested-action):not(.destructive-action), button {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 225ms cubic-bezier(0, 0, 0.2, 1);
+ outline: none;
+ box-shadow: inset 0 0 0 9999px transparent;
+ background-color: rgba(0, 0, 0, 0.04);
+ color: rgba(0, 0, 0, 0.87);
+}
+
+actionbar > revealer > box .linked > button:focus:not(.suggested-action):not(.destructive-action), button:focus {
+ box-shadow: 0 0 0 2px rgba(60, 132, 247, 0.35);
+}
+
+actionbar > revealer > box .linked > button:hover:not(.suggested-action):not(.destructive-action), button:hover {
+ box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+ -gtk-icon-filter: brightness(1.2);
+}
+
+actionbar > revealer > box .linked > button.keyboard-activating:not(.suggested-action):not(.destructive-action), button.keyboard-activating, actionbar > revealer > box .linked > button:active:not(.suggested-action):not(.destructive-action), button:active {
+ transition: box-shadow 225ms cubic-bezier(0, 0, 0.2, 1), background-color 225ms cubic-bezier(0, 0, 0.2, 1);
+ box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.12);
+}
+
+actionbar > revealer > box .linked > button:disabled:not(.suggested-action):not(.destructive-action), button:disabled {
+ box-shadow: none;
+ background-color: rgba(0, 0, 0, 0.04);
+ color: rgba(0, 0, 0, 0.38);
+}
+
+actionbar > revealer > box .linked > button:checked:not(.suggested-action):not(.destructive-action), button:checked {
+ background-color: #3c84f7;
+ color: #FFFFFF;
+}
+
+actionbar > revealer > box .linked > button:checked:hover:not(.suggested-action):not(.destructive-action), button:checked:hover {
+ box-shadow: inset 0 0 0 9999px transparent;
+}
+
+actionbar > revealer > box .linked > button:checked:disabled:not(.suggested-action):not(.destructive-action), button:checked:disabled {
+ box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.1);
+ background-color: rgba(0, 0, 0, 0.04);
+ color: rgba(0, 0, 0, 0.38);
+}
+
+button.opaque {
+ box-shadow: none;
+}
+
+.osd button.opaque:focus:focus-visible {
+ outline-color: rgba(255, 255, 255, 0.15);
+}
+
+button.opaque:hover {
+ background-image: image(alpha(currentColor, 0.1));
+}
+
+button.keyboard-activating.opaque, button.opaque:active {
+ background-image: image(rgba(0, 0, 0, 0.2));
+}
+
+button.opaque:checked {
+ background-image: image(rgba(0, 0, 0, 0.15));
+}
+
+button.opaque:checked:hover {
+ background-image: image(rgba(0, 0, 0, 0.05));
+}
+
+button.opaque:checked.keyboard-activating, button.opaque:checked:active {
+ background-image: image(rgba(0, 0, 0, 0.3));
+}
+
+button {
+ min-height: 24px;
+ min-width: 16px;
+ padding: 6px 10px;
+ border-radius: 6px;
+ font-weight: 500;
+}
+
+button:drop(active) {
+ box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+placessidebar.sidebar row button.sidebar-button, calendar > header > button, columnview.view > header > button button.circular,
+treeview.view > header > button button.circular, row.activatable button.circular, scrollbar button, notebook > header > tabs > arrow, spinbutton.vertical > button, spinbutton:not(.vertical) > button, modelbutton.flat, splitbutton.flat > button,
+splitbutton.flat > menubutton > button, filechooser #pathbarbox > stack > box > button, window.dialog.message .dialog-action-area > button, .app-notification button, actionbar > revealer > box button:not(.suggested-action):not(.destructive-action), popover.background.menu button,
+popover.background button.model, headerbar button:not(.suggested-action):not(.destructive-action), .toolbar button,
+toolbar button, dropdown > .linked:not(.vertical) > button:not(:only-child),
+combobox > .linked:not(.vertical) > button:not(:only-child), splitbutton.suggested-action > button, splitbutton.suggested-action > menubutton > button, splitbutton.destructive-action > button, splitbutton.destructive-action > menubutton > button, splitbutton.opaque > button, splitbutton.opaque > menubutton > button, menubutton.suggested-action > button, menubutton.destructive-action > button, menubutton.opaque > button, menubutton.flat > button, button.flat {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ outline: none;
+ box-shadow: inset 0 0 0 9999px transparent;
+ background-color: transparent;
+ color: rgba(0, 0, 0, 0.6);
+}
+
+placessidebar.sidebar row button.sidebar-button:focus, calendar > header > button:focus, columnview.view > header > button button.circular:focus,
+treeview.view > header > button button.circular:focus, row.activatable button.circular:focus, scrollbar button:focus, notebook > header > tabs > arrow:focus, spinbutton.vertical > button:focus, spinbutton:not(.vertical) > button:focus, modelbutton.flat:focus, splitbutton.flat > button:focus,
+splitbutton.flat > menubutton > button:focus, filechooser #pathbarbox > stack > box > button:focus, window.dialog.message .dialog-action-area > button:focus, .app-notification button:focus, actionbar > revealer > box button:focus:not(.suggested-action):not(.destructive-action), popover.background.menu button:focus,
+popover.background button.model:focus, headerbar button:focus:not(.suggested-action):not(.destructive-action), .toolbar button:focus,
+toolbar button:focus, dropdown > .linked:not(.vertical) > button:focus:not(:only-child),
+combobox > .linked:not(.vertical) > button:focus:not(:only-child), splitbutton.suggested-action > button:focus, splitbutton.suggested-action > menubutton > button:focus, splitbutton.destructive-action > button:focus, splitbutton.destructive-action > menubutton > button:focus, splitbutton.opaque > button:focus, splitbutton.opaque > menubutton > button:focus, menubutton.suggested-action > button:focus, menubutton.destructive-action > button:focus, menubutton.opaque > button:focus, menubutton.flat > button:focus, button.flat:focus {
+ box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+ color: rgba(0, 0, 0, 0.87);
+}
+
+placessidebar.sidebar row button.sidebar-button:hover, calendar > header > button:hover, columnview.view > header > button button.circular:hover,
+treeview.view > header > button button.circular:hover, row.activatable button.circular:hover, scrollbar button:hover, notebook > header > tabs > arrow:hover, spinbutton.vertical > button:hover, spinbutton:not(.vertical) > button:hover, modelbutton.flat:hover, splitbutton.flat > button:hover,
+splitbutton.flat > menubutton > button:hover, filechooser #pathbarbox > stack > box > button:hover, window.dialog.message .dialog-action-area > button:hover, .app-notification button:hover, actionbar > revealer > box button:hover:not(.suggested-action):not(.destructive-action), popover.background.menu button:hover,
+popover.background button.model:hover, headerbar button:hover:not(.suggested-action):not(.destructive-action), .toolbar button:hover,
+toolbar button:hover, dropdown > .linked:not(.vertical) > button:hover:not(:only-child),
+combobox > .linked:not(.vertical) > button:hover:not(:only-child), splitbutton.suggested-action > button:hover, splitbutton.suggested-action > menubutton > button:hover, splitbutton.destructive-action > button:hover, splitbutton.destructive-action > menubutton > button:hover, splitbutton.opaque > button:hover, splitbutton.opaque > menubutton > button:hover, menubutton.suggested-action > button:hover, menubutton.destructive-action > button:hover, menubutton.opaque > button:hover, menubutton.flat > button:hover, button.flat:hover {
+ box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+ color: rgba(0, 0, 0, 0.87);
+}
+
+placessidebar.sidebar row button.sidebar-button:active, calendar > header > button:active, columnview.view > header > button button.circular:active,
+treeview.view > header > button button.circular:active, row.activatable button.circular:active, scrollbar button:active, notebook > header > tabs > arrow:active, spinbutton.vertical > button:active, spinbutton:not(.vertical) > button:active, modelbutton.flat:active, splitbutton.flat > button:active,
+splitbutton.flat > menubutton > button:active, filechooser #pathbarbox > stack > box > button:active, window.dialog.message .dialog-action-area > button:active, .app-notification button:active, actionbar > revealer > box button:active:not(.suggested-action):not(.destructive-action), popover.background.menu button:active,
+popover.background button.model:active, headerbar button:active:not(.suggested-action):not(.destructive-action), .toolbar button:active,
+toolbar button:active, dropdown > .linked:not(.vertical) > button:active:not(:only-child),
+combobox > .linked:not(.vertical) > button:active:not(:only-child), splitbutton.suggested-action > button:active, splitbutton.suggested-action > menubutton > button:active, splitbutton.destructive-action > button:active, splitbutton.destructive-action > menubutton > button:active, splitbutton.opaque > button:active, splitbutton.opaque > menubutton > button:active, menubutton.suggested-action > button:active, menubutton.destructive-action > button:active, menubutton.opaque > button:active, menubutton.flat > button:active, button.flat:active {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.12);
+ color: rgba(0, 0, 0, 0.87);
+}
+
+placessidebar.sidebar row button.sidebar-button:disabled, calendar > header > button:disabled, columnview.view > header > button button.circular:disabled,
+treeview.view > header > button button.circular:disabled, row.activatable button.circular:disabled, scrollbar button:disabled, notebook > header > tabs > arrow:disabled, spinbutton.vertical > button:disabled, spinbutton:not(.vertical) > button:disabled, modelbutton.flat:disabled, splitbutton.flat > button:disabled,
+splitbutton.flat > menubutton > button:disabled, filechooser #pathbarbox > stack > box > button:disabled, window.dialog.message .dialog-action-area > button:disabled, .app-notification button:disabled, actionbar > revealer > box button:disabled:not(.suggested-action):not(.destructive-action), popover.background.menu button:disabled,
+popover.background button.model:disabled, headerbar button:disabled:not(.suggested-action):not(.destructive-action), .toolbar button:disabled,
+toolbar button:disabled, dropdown > .linked:not(.vertical) > button:disabled:not(:only-child),
+combobox > .linked:not(.vertical) > button:disabled:not(:only-child), splitbutton.suggested-action > button:disabled, splitbutton.suggested-action > menubutton > button:disabled, splitbutton.destructive-action > button:disabled, splitbutton.destructive-action > menubutton > button:disabled, splitbutton.opaque > button:disabled, splitbutton.opaque > menubutton > button:disabled, menubutton.suggested-action > button:disabled, menubutton.destructive-action > button:disabled, menubutton.opaque > button:disabled, menubutton.flat > button:disabled, button.flat:disabled {
+ box-shadow: none;
+ background-color: transparent;
+ color: rgba(0, 0, 0, 0.26);
+}
+
+filechooser #pathbarbox > stack > box > button:checked, window.dialog.message .dialog-action-area > button:checked, .app-notification button:checked, actionbar > revealer > box button:checked:not(.suggested-action):not(.destructive-action), popover.background.menu button:checked,
+popover.background button.model:checked, headerbar button:checked:not(.suggested-action):not(.destructive-action), .toolbar button:checked,
+toolbar button:checked, dropdown > .linked:not(.vertical) > button:checked:not(:only-child),
+combobox > .linked:not(.vertical) > button:checked:not(:only-child), splitbutton.suggested-action > button:checked, splitbutton.suggested-action > menubutton > button:checked, splitbutton.destructive-action > button:checked, splitbutton.destructive-action > menubutton > button:checked, splitbutton.opaque > button:checked, splitbutton.opaque > menubutton > button:checked, menubutton.suggested-action > button:checked, menubutton.destructive-action > button:checked, menubutton.opaque > button:checked, menubutton.flat > button:checked, button.flat:checked, button.flat:checked:hover {
+ background-color: alpha(currentColor, 0.1);
+ color: rgba(0, 0, 0, 0.87);
+}
+
+filechooser #pathbarbox > stack > box > button:checked:disabled, window.dialog.message .dialog-action-area > button:checked:disabled, .app-notification button:checked:disabled, actionbar > revealer > box button:checked:disabled:not(.suggested-action):not(.destructive-action), popover.background.menu button:checked:disabled,
+popover.background button.model:checked:disabled, headerbar button:checked:disabled:not(.suggested-action):not(.destructive-action), .toolbar button:checked:disabled,
+toolbar button:checked:disabled, dropdown > .linked:not(.vertical) > button:checked:disabled:not(:only-child),
+combobox > .linked:not(.vertical) > button:checked:disabled:not(:only-child), splitbutton.suggested-action > button:checked:disabled, splitbutton.suggested-action > menubutton > button:checked:disabled, splitbutton.destructive-action > button:checked:disabled, splitbutton.destructive-action > menubutton > button:checked:disabled, splitbutton.opaque > button:checked:disabled, splitbutton.opaque > menubutton > button:checked:disabled, menubutton.suggested-action > button:checked:disabled, menubutton.destructive-action > button:checked:disabled, menubutton.opaque > button:checked:disabled, menubutton.flat > button:checked:disabled, button.flat:checked:disabled {
+ background-color: alpha(currentColor, 0.1);
+ color: rgba(0, 0, 0, 0.38);
+}
+
+button separator {
+ margin: 4px 1px;
+}
+
+button.opaque {
+ background-color: rgba(214, 214, 214, 0.974);
+ color: rgba(0, 0, 0, 0.87);
+}
+
+button.text-button {
+ min-width: 32px;
+ padding-left: 16px;
+ padding-right: 16px;
+}
+
+button.image-button {
+ min-width: 24px;
+ padding: 6px;
+}
+
+button.text-button.image-button, button.image-text-button {
+ min-width: 24px;
+ padding: 6px;
+ border-radius: 6px;
+}
+
+button.text-button.image-button > box,
+button.text-button.image-button > box > box, button.image-text-button > box,
+button.image-text-button > box > box {
+ border-spacing: 4px;
+}
+
+button.text-button.image-button > box > label,
+button.text-button.image-button > box > box > label, button.image-text-button > box > label,
+button.image-text-button > box > box > label {
+ padding-left: 2px;
+ padding-right: 2px;
+}
+
+button.text-button.image-button label:first-child, button.image-text-button label:first-child {
+ margin-left: 10px;
+}
+
+button.text-button.image-button label:last-child, button.image-text-button label:last-child {
+ margin-right: 10px;
+}
+
+button.text-button.image-button.flat label:first-child, button.image-text-button.flat label:first-child {
+ margin-left: 6px;
+}
+
+button.text-button.image-button.flat label:last-child, button.image-text-button.flat label:last-child {
+ margin-right: 6px;
+}
+
+button.text-button.image-button image:not(:only-child), button.image-text-button image:not(:only-child) {
+ margin: 0 4px;
+}
+
+button.arrow-button {
+ padding-left: 9px;
+ padding-right: 9px;
+}
+
+button.arrow-button > box {
+ border-spacing: 4px;
+}
+
+button.arrow-button.text-button > box {
+ border-spacing: 4px;
+}
+
+menubutton.pill > button, button.pill {
+ padding: 9px 30px;
+ border-radius: 9999px;
+}
+
+button.card {
+ background-color: rgba(0, 0, 0, 0.04);
+ background-clip: padding-box;
+ font-weight: inherit;
+ padding: 0;
+}
+
+button.card:hover {
+ background-image: image(alpha(currentColor, 0.03));
+}
+
+button.card.keyboard-activating, button.card:active {
+ background-image: image(alpha(currentColor, 0.08));
+}
+
+button.card:checked {
+ background-color: rgba(0, 0, 0, 0.04);
+ background-image: image(alpha(currentColor, 0.1));
+}
+
+button.card:checked:hover {
+ background-image: image(alpha(currentColor, 0.13));
+}
+
+button.card:checked.keyboard-activating, button.card:checked:active {
+ background-image: image(alpha(currentColor, 0.19));
+}
+
+button.card:checked.has-open-popup {
+ background-image: image(alpha(currentColor, 0.13));
+}
+
+button.card:drop(active) {
+ color: #FF7043;
+ box-shadow: inset 0 0 0 1px #FF7043;
+}
+
+.linked:not(.vertical) > button.flat:not(:only-child), .linked.vertical > button.flat:not(:only-child) {
+ border-radius: 6px;
+}
+
+.linked:not(.vertical) > button.flat:focus, .linked.vertical > button.flat:focus {
+ box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+.linked:not(.vertical) > menubutton > button {
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0;
+}
+
+button.osd {
+ padding: 12px 16px;
+}
+
+button.osd.image-button {
+ padding: 12px;
+}
+
+button.osd:disabled {
+ opacity: 0;
+}
+
+button.suggested-action {
+ background-color: #3c84f7;
+ color: #FFFFFF;
+ box-shadow: none;
+}
+
+button.suggested-action:disabled {
+ box-shadow: none;
+ background-color: rgba(0, 0, 0, 0.04);
+ color: rgba(0, 0, 0, 0.38);
+}
+
+button.suggested-action:hover {
+ box-shadow: inset 0 0 0 9999px transparent, 0 2px 2.4px -1px rgba(60, 132, 247, 0.2), 0 4px 3px 0 rgba(60, 132, 247, 0.14), 0 1px 6px 0 rgba(60, 132, 247, 0.12);
+}
+
+button.suggested-action:checked {
+ background-color: #77a9f9;
+}
+
+button.suggested-action:checked:hover {
+ box-shadow: inset 0 0 0 9999px transparent, 0 3px 3px -3px rgba(60, 132, 247, 0.3), 0 2px 3px -1px rgba(60, 132, 247, 0.24), 0 2px 5px 0 rgba(60, 132, 247, 0.12);
+}
+
+button.suggested-action:focus {
+ box-shadow: 0 0 0 2px rgba(60, 132, 247, 0.35);
+}
+
+button.suggested-action.flat {
+ background-color: transparent;
+ color: #3c84f7;
+}
+
+button.suggested-action.flat:disabled {
+ box-shadow: none;
+ background-color: transparent;
+ color: rgba(0, 0, 0, 0.26);
+}
+
+button.suggested-action.flat:checked {
+ background-color: rgba(60, 132, 247, 0.3);
+}
+
+button.destructive-action {
+ background-color: #E53935;
+ color: #FFFFFF;
+ box-shadow: none;
+}
+
+button.destructive-action:disabled {
+ box-shadow: none;
+ background-color: rgba(0, 0, 0, 0.04);
+ color: rgba(0, 0, 0, 0.38);
+}
+
+button.destructive-action:hover {
+ box-shadow: inset 0 0 0 9999px transparent, 0 2px 2.4px -1px rgba(229, 57, 53, 0.2), 0 4px 3px 0 rgba(229, 57, 53, 0.14), 0 1px 6px 0 rgba(229, 57, 53, 0.12);
+}
+
+button.destructive-action:checked {
+ background-color: #ed7472;
+}
+
+button.destructive-action:checked:hover {
+ box-shadow: inset 0 0 0 9999px transparent, 0 3px 3px -3px rgba(229, 57, 53, 0.3), 0 2px 3px -1px rgba(229, 57, 53, 0.24), 0 2px 5px 0 rgba(229, 57, 53, 0.12);
+}
+
+button.destructive-action:focus {
+ box-shadow: 0 0 0 2px rgba(229, 57, 53, 0.35);
+}
+
+button.destructive-action.flat {
+ background-color: transparent;
+ color: #E53935;
+}
+
+button.destructive-action.flat:disabled {
+ box-shadow: none;
+ background-color: transparent;
+ color: rgba(0, 0, 0, 0.26);
+}
+
+button.destructive-action.flat:checked {
+ background-color: rgba(229, 57, 53, 0.3);
+}
+
+stackswitcher > button > label {
+ margin: 0 -6px;
+ padding: 0 6px;
+}
+
+stackswitcher > button > image {
+ margin: -3px -6px;
+ padding: 3px 6px;
+}
+
+stackswitcher > button.needs-attention:checked > label,
+stackswitcher > button.needs-attention:checked > image {
+ animation: none;
+ background-image: none;
+}
+
+button.font > box, button.file > box {
+ border-spacing: 6px;
+}
+
+button.font > box > box > label, button.file > box > box > label {
+ font-weight: bold;
+}
+
+windowcontrols button:not(.suggested-action):not(.destructive-action), filechooser #pathbarbox > stack > box > button, menubutton.circular > button, button.close, button.circular {
+ border-radius: 9999px;
+}
+
+windowcontrols button:not(.suggested-action):not(.destructive-action) label, filechooser #pathbarbox > stack > box > button label, menubutton.circular > button label, button.close label, button.circular label {
+ padding: 0;
+}
+
+placessidebar.sidebar row button.sidebar-button, notebook > header tab button.flat, popover.menu box.circular-buttons button.circular.image-button.model, spinbutton.vertical > button, spinbutton:not(.vertical) > button {
+ min-height: 24px;
+ min-width: 24px;
+ padding: 0;
+ border-radius: 9999px;
+}
+
+menubutton.osd {
+ background: none;
+ color: inherit;
+}
+
+menubutton.suggested-action {
+ background-color: #3c84f7;
+ color: white;
+}
+
+menubutton.destructive-action {
+ background-color: #E53935;
+ color: white;
+}
+
+menubutton.opaque {
+ background-color: rgba(214, 214, 214, 0.974);
+ color: rgba(0, 0, 0, 0.87);
+}
+
+menubutton.suggested-action, menubutton.destructive-action, menubutton.opaque {
+ border-radius: 6px;
+}
+
+menubutton.suggested-action.circular, menubutton.suggested-action.pill, menubutton.destructive-action.circular, menubutton.destructive-action.pill, menubutton.opaque.circular, menubutton.opaque.pill {
+ border-radius: 9999px;
+}
+
+menubutton.suggested-action > button, menubutton.suggested-action > button:checked, menubutton.destructive-action > button, menubutton.destructive-action > button:checked, menubutton.opaque > button, menubutton.opaque > button:checked {
+ background-color: transparent;
+ color: inherit;
+}
+
+menubutton.image-button > button {
+ min-width: 24px;
+ padding-left: 6px;
+ padding-right: 6px;
+}
+
+menubutton arrow {
+ min-height: 16px;
+ min-width: 16px;
+}
+
+menubutton arrow.none {
+ -gtk-icon-source: -gtk-icontheme("open-menu-symbolic");
+}
+
+menubutton arrow.down {
+ -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+}
+
+menubutton arrow.up {
+ -gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
+}
+
+menubutton arrow.left {
+ -gtk-icon-source: -gtk-icontheme("pan-start-symbolic");
+}
+
+menubutton arrow.right {
+ -gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
+}
+
+splitbutton {
+ border-radius: 6px;
+}
+
+splitbutton, splitbutton > separator {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ transition-property: background;
+}
+
+splitbutton > separator {
+ margin-top: 6px;
+ margin-bottom: 6px;
+ background: none;
+}
+
+splitbutton > menubutton > button {
+ padding-left: 4px;
+ padding-right: 4px;
+}
+
+splitbutton.image-button > button {
+ min-width: 24px;
+ padding-left: 6px;
+ padding-right: 6px;
+}
+
+splitbutton.text-button.image-button > button, splitbutton.image-text-button > button {
+ padding-left: 9px;
+ padding-right: 9px;
+}
+
+splitbutton.text-button.image-button > button > box, splitbutton.image-text-button > button > box {
+ border-spacing: 6px;
+}
+
+splitbutton > button:dir(ltr),
+splitbutton > menubutton > button:dir(rtl) {
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0;
+ margin-right: -1px;
+}
+
+splitbutton > button:dir(rtl),
+splitbutton > menubutton > button:dir(ltr) {
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0;
+ margin-left: -1px;
+}
+
+splitbutton.flat > separator {
+ background: rgba(0, 0, 0, 0.12);
+}
+
+splitbutton.flat:hover, splitbutton.flat:active, splitbutton.flat:checked {
+ background: alpha(currentColor, 0.07);
+}
+
+splitbutton.flat:hover > separator, splitbutton.flat:active > separator, splitbutton.flat:checked > separator {
+ background: none;
+}
+
+splitbutton.flat:focus-within:focus-visible > separator {
+ background: none;
+}
+
+splitbutton.flat > button,
+splitbutton.flat > menubutton > button {
+ border-radius: 6px;
+}
+
+splitbutton.suggested-action {
+ background-color: #3c84f7;
+ color: white;
+}
+
+splitbutton.destructive-action {
+ background-color: #E53935;
+ color: white;
+}
+
+splitbutton.opaque {
+ background-color: rgba(214, 214, 214, 0.974);
+ color: rgba(0, 0, 0, 0.87);
+}
+
+splitbutton.suggested-action > button, splitbutton.suggested-action > button:checked, splitbutton.suggested-action > menubutton > button, splitbutton.suggested-action > menubutton > button:checked, splitbutton.destructive-action > button, splitbutton.destructive-action > button:checked, splitbutton.destructive-action > menubutton > button, splitbutton.destructive-action > menubutton > button:checked, splitbutton.opaque > button, splitbutton.opaque > button:checked, splitbutton.opaque > menubutton > button, splitbutton.opaque > menubutton > button:checked {
+ color: inherit;
+ background-color: transparent;
+}
+
+splitbutton.suggested-action > menubutton > button:dir(ltr), splitbutton.destructive-action > menubutton > button:dir(ltr), splitbutton.opaque > menubutton > button:dir(ltr) {
+ box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12);
+}
+
+splitbutton.suggested-action > menubutton > button:dir(rtl), splitbutton.destructive-action > menubutton > button:dir(rtl), splitbutton.opaque > menubutton > button:dir(rtl) {
+ box-shadow: inset -1px 0 rgba(0, 0, 0, 0.12);
+}
+
+splitbutton > menubutton > button > arrow.none {
+ -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+}
+
+buttoncontent {
+ border-spacing: 6px;
+}
+
+buttoncontent > label {
+ font-weight: bold;
+}
+
+buttoncontent > label:dir(ltr) {
+ padding-right: 2px;
+}
+
+buttoncontent > label:dir(rtl) {
+ padding-left: 2px;
+}
+
+.arrow-button > box > buttoncontent > label:dir(ltr), splitbutton > button > buttoncontent > label:dir(ltr) {
+ padding-right: 0;
+}
+
+.arrow-button > box > buttoncontent > label:dir(rtl), splitbutton > button > buttoncontent > label:dir(rtl) {
+ padding-left: 0;
+}
+
+stacksidebar row.needs-attention > label, stackswitcher > button.needs-attention > label,
+stackswitcher > button.needs-attention > image {
+ animation: needs-attention 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+ background-repeat: no-repeat;
+ background-position: right 3px;
+ background-size: 6px 6px;
+}
+
+stacksidebar row.needs-attention > label:dir(rtl), stackswitcher > button.needs-attention > label:dir(rtl),
+stackswitcher > button.needs-attention > image:dir(rtl) {
+ background-position: left 3px;
+}
+
+.linked:not(.vertical) > entry, .linked:not(.vertical) > button, .linked:not(.vertical) > button.image-button {
+ border-radius: 0;
+}
+
+.linked:not(.vertical) > entry:first-child, .linked:not(.vertical) > button:first-child {
+ border-top-left-radius: 6px;
+ border-bottom-left-radius: 6px;
+}
+
+.linked:not(.vertical) > entry:last-child, .linked:not(.vertical) > button:last-child {
+ border-top-right-radius: 6px;
+ border-bottom-right-radius: 6px;
+}
+
+.linked:not(.vertical) > entry:only-child, .linked:not(.vertical) > button:only-child {
+ border-radius: 6px;
+}
+
+.linked.vertical > entry, .linked.vertical > button, .linked.vertical > button.image-button {
+ border-radius: 0;
+}
+
+.linked.vertical > entry:first-child, .linked.vertical > button:first-child {
+ border-top-left-radius: 6px;
+ border-top-right-radius: 6px;
+}
+
+.linked.vertical > entry:last-child, .linked.vertical > button:last-child {
+ border-bottom-left-radius: 6px;
+ border-bottom-right-radius: 6px;
+}
+
+.linked.vertical > entry:only-child, .linked.vertical > button:only-child {
+ border-radius: 6px;
+}
+
+/* menu buttons */
+modelbutton.flat {
+ min-height: 28px;
+ padding: 0 9px;
+ border-radius: 6px;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+modelbutton.flat arrow.left {
+ -gtk-icon-source: -gtk-icontheme("go-previous-symbolic");
+}
+
+modelbutton.flat arrow.right {
+ -gtk-icon-source: -gtk-icontheme("go-next-symbolic");
+}
+
+button.color {
+ min-height: 24px;
+ min-width: 24px;
+ padding: 6px;
+}
+
+
+list > row button.image-button:not(.flat) {
+ background-color: transparent;
+ box-shadow: none;
+ border: none;
+}
+
+
+list > row button.image-button:not(.flat):hover {
+ box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+
+list > row button.image-button:not(.flat):active,
+list > row button.image-button:not(.flat):checked {
+ transition: box-shadow 225ms cubic-bezier(0, 0, 0.2, 1), background-color 225ms cubic-bezier(0, 0, 0.2, 1);
+ box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.12);
+}
+
+
+list > row button.image-button:not(.flat).suggested-action {
+ background-color: #3c84f7;
+ color: #FFFFFF;
+}
+
+
+list > row button.image-button:not(.flat).destructive-action {
+ background-color: #E53935;
+ color: #FFFFFF;
+}
+
+/*********
+ * Links *
+ *********/
+link {
+ color: #3c84f7;
+}
+
+link:visited {
+ color: #AB47BC;
+}
+
+button.link:link, button.link:link:focus, button.link:link:hover, button.link:link:active {
+ color: #3c84f7;
+}
+
+button.link:visited, button.link:visited:focus, button.link:visited:hover, button.link:visited:active {
+ color: #AB47BC;
+}
+
+button.link > label {
+ text-decoration-line: underline;
+}
+
+/*****************
+ * GtkSpinButton *
+ *****************/
+spinbutton {
+ border-radius: 6px;
+ padding: 0;
+ border-spacing: 0;
+ min-height: 0;
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+ box-shadow: inset 0 0 0 2px transparent;
+ background-color: rgba(0, 0, 0, 0.04);
+ color: rgba(0, 0, 0, 0.87);
+}
+
+spinbutton:focus-within {
+ background-color: rgba(0, 0, 0, 0.04);
+ box-shadow: inset 0 0 0 2px #3c84f7;
+}
+
+spinbutton:disabled {
+ box-shadow: inset 0 0 0 2px transparent;
+ background-color: rgba(0, 0, 0, 0.04);
+ color: rgba(0, 0, 0, 0.38);
+}
+
+spinbutton:not(.vertical) > text {
+ min-width: 32px;
+ margin: 0;
+ padding-left: 12px;
+ border-image: none;
+ border-radius: 0;
+ box-shadow: none;
+ background-color: transparent;
+}
+
+spinbutton:not(.vertical) > button {
+ border: 6px solid transparent;
+}
+
+spinbutton:not(.vertical) > button:focus:not(:hover):not(:active):not(:disabled) {
+ box-shadow: inset 0 0 0 9999px transparent;
+ color: rgba(0, 0, 0, 0.6);
+}
+
+spinbutton:not(.vertical) > button.up:dir(ltr), spinbutton:not(.vertical) > button.down:dir(rtl) {
+ margin-left: -3px;
+}
+
+spinbutton:not(.vertical) > button.up:dir(rtl), spinbutton:not(.vertical) > button.down:dir(ltr) {
+ margin-right: -3px;
+}
+
+spinbutton.vertical > text {
+ margin: 0;
+ border-image: none;
+ border-radius: 0;
+ box-shadow: none;
+ background-color: transparent;
+ min-height: 36px;
+ min-width: 42px;
+ padding: 0;
+}
+
+spinbutton.vertical > button {
+ padding: 0;
+ border: solid 6px transparent;
+}
+
+spinbutton.vertical > button:focus:not(:hover):not(:active) {
+ box-shadow: inset 0 0 0 9999px transparent;
+ color: rgba(0, 0, 0, 0.6);
+}
+
+spinbutton.vertical > button.up {
+ margin: 0 3px;
+}
+
+spinbutton.vertical > button.down {
+ margin: 0 3px;
+}
+
+list > row spinbutton:not(.vertical) > button {
+ margin: 6px;
+}
+
+list > row spinbutton:not(.vertical) > button.up:dir(ltr), list > row spinbutton:not(.vertical) > button.down:dir(rtl) {
+ margin-left: 3px;
+}
+
+list > row spinbutton:not(.vertical) > button.up:dir(rtl), list > row spinbutton:not(.vertical) > button.down:dir(ltr) {
+ margin-right: 3px;
+}
+
+/**************
+ * ComboBoxes *
+ **************/
+dropdown > popover.menu.background > contents {
+ padding: 0;
+}
+
+dropdown > button > box {
+ border-spacing: 6px;
+}
+
+dropdown arrow,
+combobox arrow {
+ -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+ min-height: 16px;
+ min-width: 16px;
+}
+
+dropdown > popover.menu > contents modelbutton,
+combobox > popover.menu > contents modelbutton {
+ padding-left: 9px;
+ padding-right: 9px;
+}
+
+dropdown button.combo cellview:dir(ltr),
+combobox button.combo cellview:dir(ltr) {
+ margin-left: -2px;
+}
+
+dropdown button.combo cellview:dir(rtl),
+combobox button.combo cellview:dir(rtl) {
+ margin-right: -2px;
+}
+
+dropdown popover,
+combobox popover {
+ margin-top: 4px;
+ padding: 0;
+}
+
+dropdown popover listview,
+combobox popover listview {
+ margin: 6px 0;
+}
+
+dropdown popover listview > row,
+combobox popover listview > row {
+ padding: 6px;
+}
+
+dropdown popover listview > row:selected,
+combobox popover listview > row:selected {
+ color: rgba(0, 0, 0, 0.87);
+ background-color: alpha(currentColor, 0.06);
+}
+
+dropdown popover .dropdown-searchbar,
+combobox popover .dropdown-searchbar {
+ padding: 6px;
+}
+
+dropdown.linked button:nth-child(2):dir(ltr),
+combobox.linked button:nth-child(2):dir(ltr) {
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0;
+}
+
+dropdown.linked button:nth-child(2):dir(rtl),
+combobox.linked button:nth-child(2):dir(rtl) {
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0;
+}
+
+dropdown > .linked:not(.vertical) > entry:not(:only-child),
+combobox > .linked:not(.vertical) > entry:not(:only-child) {
+ border-radius: 6px;
+}
+
+dropdown > .linked:not(.vertical) > entry:not(:only-child):first-child,
+combobox > .linked:not(.vertical) > entry:not(:only-child):first-child {
+ margin-right: -36px;
+ padding-right: 36px;
+}
+
+dropdown > .linked:not(.vertical) > entry:not(:only-child):last-child,
+combobox > .linked:not(.vertical) > entry:not(:only-child):last-child {
+ margin-left: -36px;
+ padding-left: 36px;
+}
+
+dropdown > .linked:not(.vertical) > button:not(:only-child),
+combobox > .linked:not(.vertical) > button:not(:only-child) {
+ min-height: 16px;
+ min-width: 16px;
+ margin: 6px;
+ padding: 4px;
+ border-radius: 6px;
+}
+
+.linked:not(.vertical) > combobox:not(:first-child) > box > button.combo {
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0;
+}
+
+.linked:not(.vertical) > combobox:not(:last-child) > box > button.combo {
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0;
+}
+
+.linked.vertical > combobox:not(:first-child) > box > button.combo {
+ border-top-left-radius: 0;
+ border-top-right-radius: 0;
+}
+
+.linked.vertical > combobox:not(:last-child) > box > button.combo {
+ border-bottom-left-radius: 0;
+ border-bottom-right-radius: 0;
+}
+
+button.combo:only-child {
+ border-radius: 6px;
+ font-weight: normal;
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+ box-shadow: inset 0 0 0 2px transparent;
+ background-color: rgba(0, 0, 0, 0.04);
+ color: rgba(0, 0, 0, 0.87);
+}
+
+button.combo:only-child:focus {
+ box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+ color: rgba(0, 0, 0, 0.87);
+}
+
+button.combo:only-child:hover {
+ box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+ color: rgba(0, 0, 0, 0.87);
+}
+
+button.combo:only-child:active {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.12);
+ color: rgba(0, 0, 0, 0.87);
+}
+
+button.combo:only-child:checked {
+ background-color: alpha(currentColor, 0.1);
+ color: rgba(0, 0, 0, 0.87);
+}
+
+button.combo:only-child:disabled {
+ box-shadow: none;
+ background-color: rgba(0, 0, 0, 0.04);
+ color: rgba(0, 0, 0, 0.38);
+}
+
+/************
+ * Toolbars *
+ ************/
+.toolbar,
+toolbar {
+ padding: 3px 6px;
+ background-color: #FFFFFF;
+ border-spacing: 6px;
+}
+
+.osd .toolbar, .osd toolbar {
+ background-color: transparent;
+}
+
+.app-notification, .toolbar.osd,
+toolbar.osd {
+ transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+ padding: 6px;
+ border-radius: 6px;
+ box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.15);
+ background-color: #FFFFFF;
+}
+
+.app-notification:backdrop, .toolbar.osd:backdrop,
+toolbar.osd:backdrop {
+ box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.2), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.15);
+}
+
+.left.app-notification, .right.app-notification, .top.app-notification, .bottom.app-notification, .toolbar.osd.left, .toolbar.osd.right, .toolbar.osd.top, .toolbar.osd.bottom,
+toolbar.osd.left,
+toolbar.osd.right,
+toolbar.osd.top,
+toolbar.osd.bottom {
+ border-radius: 0;
+}
+
+.bottom.app-notification, .toolbar.osd.bottom,
+toolbar.osd.bottom {
+ box-shadow: none;
+ background-color: transparent;
+ background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.1) 30%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0.4));
+}
+
+.toolbar.horizontal > separator,
+toolbar.horizontal > separator {
+ margin: 2px;
+}
+
+.toolbar.vertical > separator,
+toolbar.vertical > separator {
+ margin: 2px;
+}
+
+.toolbar:not(.inline-toolbar):not(.osd) scale,
+.toolbar:not(.inline-toolbar):not(.osd) entry,
+.toolbar:not(.inline-toolbar):not(.osd) spinbutton,
+.toolbar:not(.inline-toolbar):not(.osd) button,
+toolbar:not(.inline-toolbar):not(.osd) scale,
+toolbar:not(.inline-toolbar):not(.osd) entry,
+toolbar:not(.inline-toolbar):not(.osd) spinbutton,
+toolbar:not(.inline-toolbar):not(.osd) button {
+ margin: 2px;
+}
+
+.toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:first-child),
+.toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:first-child),
+.toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:first-child),
+toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:first-child),
+toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:first-child),
+toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:first-child) {
+ margin-left: 0;
+}
+
+.toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:last-child),
+.toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:last-child),
+.toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:last-child),
+toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:last-child),
+toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:last-child),
+toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:last-child) {
+ margin-right: 0;
+}
+
+.toolbar:not(.inline-toolbar):not(.osd) spinbutton entry,
+.toolbar:not(.inline-toolbar):not(.osd) spinbutton button,
+toolbar:not(.inline-toolbar):not(.osd) spinbutton entry,
+toolbar:not(.inline-toolbar):not(.osd) spinbutton button {
+ margin: 0;
+}
+
+.toolbar:not(.inline-toolbar):not(.osd) switch,
+toolbar:not(.inline-toolbar):not(.osd) switch {
+ margin: 8px 2px;
+}
+
+searchbar > revealer > box {
+ padding: 6px;
+ border-spacing: 6px;
+ border-style: solid;
+ border-width: 0 0 1px;
+ border-color: rgba(0, 0, 0, 0.12);
+ background-color: #FFFFFF;
+ background-clip: border-box;
+ box-shadow: none;
+}
+
+/***************
+ * Header bars *
+ ***************/
+headerbar button:not(.suggested-action):not(.destructive-action) {
+ color: rgba(0, 0, 0, 0.6);
+ border: none;
+}
+
+headerbar .linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action) {
+ border-radius: 6px;
+}
+
+headerbar button:focus:not(.suggested-action):not(.destructive-action), headerbar button:hover:not(.suggested-action):not(.destructive-action), headerbar button:active:not(.suggested-action):not(.destructive-action), headerbar button:checked:not(.suggested-action):not(.destructive-action) {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+headerbar button:disabled:not(.suggested-action):not(.destructive-action) {
+ color: rgba(0, 0, 0, 0.26);
+}
+
+headerbar button:checked:disabled:not(.suggested-action):not(.destructive-action) {
+ background-color: transparent;
+ color: rgba(0, 0, 0, 0.38);
+}
+
+headerbar button:backdrop:not(.suggested-action):not(.destructive-action) {
+ color: rgba(0, 0, 0, 0.38);
+}
+
+headerbar button:backdrop:focus:not(.suggested-action):not(.destructive-action), headerbar button:backdrop:hover:not(.suggested-action):not(.destructive-action), headerbar button:backdrop:active:not(.suggested-action):not(.destructive-action) {
+ color: rgba(0, 0, 0, 0.6);
+}
+
+headerbar button:backdrop:disabled:not(.suggested-action):not(.destructive-action) {
+ color: rgba(0, 0, 0, 0.26);
+}
+
+headerbar button:backdrop:checked:not(.suggested-action):not(.destructive-action) {
+ color: rgba(0, 0, 0, 0.6);
+}
+
+headerbar button:backdrop:checked:disabled:not(.suggested-action):not(.destructive-action) {
+ color: rgba(0, 0, 0, 0.26);
+}
+
+headerbar entry {
+ background-color: rgba(0, 0, 0, 0.04);
+ color: rgba(0, 0, 0, 0.87);
+}
+
+headerbar entry:disabled {
+ background-color: rgba(0, 0, 0, 0.04);
+ color: rgba(0, 0, 0, 0.38);
+}
+
+headerbar entry image {
+ color: rgba(0, 0, 0, 0.6);
+}
+
+headerbar entry image:hover, headerbar entry image:active {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+headerbar entry image:disabled {
+ color: rgba(0, 0, 0, 0.38);
+}
+
+headerbar {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), color 75ms cubic-bezier(0, 0, 0.2, 1);
+ box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12);
+ background-color: #F2F2F2;
+ color: rgba(0, 0, 0, 0.87);
+ min-height: 48px;
+ padding: 0 6px;
+}
+
+headerbar:disabled {
+ color: rgba(0, 0, 0, 0.38);
+}
+
+headerbar:backdrop {
+ background-color: #FAFAFA;
+ color: rgba(0, 0, 0, 0.6);
+}
+
+headerbar:backdrop:disabled {
+ color: rgba(0, 0, 0, 0.26);
+}
+
+headerbar .title {
+ padding: 0 12px;
+ font-weight: bold;
+}
+
+headerbar .subtitle {
+ padding: 0 12px;
+ font-size: smaller;
+}
+
+headerbar .subtitle,
+headerbar .dim-label,
+headerbar row label.subtitle,
+row headerbar label.subtitle {
+ transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
+ color: rgba(0, 0, 0, 0.6);
+}
+
+headerbar .subtitle:backdrop,
+headerbar .dim-label:backdrop,
+headerbar row label.subtitle:backdrop,
+row headerbar label.subtitle:backdrop {
+ color: rgba(0, 0, 0, 0.38);
+}
+
+headerbar .titlebar {
+ background-color: transparent;
+ box-shadow: none;
+}
+
+headerbar headerbar + separator {
+ background-color: rgba(0, 0, 0, 0.12);
+}
+
+box.vertical headerbar {
+ background-color: #F2F2F2;
+}
+
+headerbar > windowhandle > box {
+ padding: 0 3px;
+}
+
+headerbar > windowhandle > box,
+headerbar > windowhandle > box > box.start,
+headerbar > windowhandle > box > box.end {
+ border-spacing: 6px;
+}
+
+headerbar entry,
+headerbar spinbutton,
+headerbar button,
+headerbar stackswitcher {
+ margin-top: 6px;
+ margin-bottom: 6px;
+}
+
+headerbar menubutton.popup {
+ margin-top: 0;
+ margin-bottom: 0;
+}
+
+headerbar separator:not(.sidebar) {
+ margin-top: 12px;
+ margin-bottom: 12px;
+ background-color: rgba(0, 0, 0, 0.12);
+}
+
+headerbar switch {
+ margin-top: 12px;
+ margin-bottom: 12px;
+}
+
+headerbar spinbutton button {
+ margin-top: 0;
+ margin-bottom: 0;
+}
+
+headerbar .entry-tag {
+ margin-top: 5px;
+ margin-bottom: 5px;
+}
+
+headerbar .linked:not(.vertical) > entry:not(:only-child) {
+ border-radius: 6px;
+}
+
+headerbar button.suggested-action:disabled, headerbar button.destructive-action:disabled {
+ background-color: rgba(0, 0, 0, 0.04);
+ color: rgba(0, 0, 0, 0.38);
+}
+
+headerbar.selection-mode {
+ transition: background-color 0.1ms 225ms, color 75ms cubic-bezier(0, 0, 0.2, 1);
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0.2);
+ background-color: #3c84f7;
+ color: #FFFFFF;
+}
+
+headerbar.selection-mode:backdrop {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+headerbar.selection-mode .subtitle:link {
+ color: #FFFFFF;
+}
+
+headerbar.selection-mode .selection-menu {
+ padding-left: 16px;
+ padding-right: 16px;
+}
+
+headerbar.selection-mode .selection-menu .arrow {
+ -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+}
+
+headerbar .selection-mode {
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0.2);
+ background-color: #3c84f7;
+}
+
+headerbar.default-decoration {
+ min-height: 24px;
+ padding: 6px;
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0.15);
+}
+
+headerbar.default-decoration windowcontrols button,
+headerbar.default-decoration windowcontrols menubutton {
+ min-width: 16px;
+ min-height: 16px;
+ margin: 0;
+ padding: 0;
+}
+
+headerbar.default-decoration windowcontrols menubutton button {
+ min-height: 20px;
+ min-width: 20px;
+ margin: 0;
+ padding: 4px;
+}
+
+.solid-csd headerbar:dir(rtl), .solid-csd headerbar:dir(ltr) {
+ border-radius: 0;
+ box-shadow: none;
+}
+
+window.devel headerbar.titlebar {
+ background: #F2F2F2 cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, linear-gradient(to right, transparent 65%, rgba(60, 132, 247, 0.2)), linear-gradient(to top, #eaeaea, #F2F2F2 3px, white);
+}
+
+window.devel headerbar.titlebar:backdrop {
+ background: #F2F2F2 cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, image(#F2F2F2);
+ /* background-color would flash */
+}
+
+viewswitcher {
+ margin: 0;
+}
+
+viewswitcher.wide {
+ border-spacing: 3px;
+}
+
+viewswitcher.narrow button.toggle {
+ border-radius: 0;
+ margin: 0;
+}
+
+viewswitcher.narrow button.toggle:focus-within, viewswitcher.narrow button.toggle:focus {
+ box-shadow: none;
+}
+
+viewswitcher button.toggle {
+ font-weight: bold;
+ padding: 0;
+}
+
+viewswitcher button.toggle > stack > box.narrow {
+ font-size: 0.75rem;
+ padding-top: 6px;
+ padding-bottom: 4px;
+ border-spacing: 4px;
+}
+
+viewswitcher button.toggle > stack > box.narrow > stack > label {
+ padding-left: 6px;
+ padding-right: 6px;
+}
+
+viewswitcher button.toggle > stack > box.wide {
+ padding: 2px 12px;
+ border-spacing: 6px;
+}
+
+viewswitcherbar actionbar > revealer > box {
+ padding: 0;
+}
+
+viewswitchertitle viewswitcher {
+ margin-left: 12px;
+ margin-right: 12px;
+}
+
+indicatorbin > indicator, indicatorbin > mask {
+ min-width: 6px;
+ min-height: 6px;
+ border-radius: 9999px;
+}
+
+indicatorbin > indicator {
+ margin: 1px;
+ background-color: alpha(currentColor, 0.4);
+}
+
+indicatorbin > indicator > label {
+ font-size: 0.6rem;
+ font-weight: bold;
+ padding: 1px 4px;
+ color: white;
+}
+
+indicatorbin > mask {
+ padding: 1px;
+ background: black;
+}
+
+indicatorbin.needs-attention > indicator {
+ background-color: #3c84f7;
+}
+
+indicatorbin.needs-attention > indicator > label {
+ color: #FFFFFF;
+}
+
+/************
+ * Pathbars *
+ ************/
+
+pathbar > button {
+ padding-left: 6px;
+ padding-right: 6px;
+ border-radius: 6px;
+ background-color: alpha(currentColor, 0.08);
+}
+
+
+pathbar > button:disabled {
+ background-color: alpha(currentColor, 0.05);
+}
+
+
+pathbar > button:checked {
+ background-color: alpha(currentColor, 0.16);
+ color: rgba(0, 0, 0, 0.87);
+}
+
+
+pathbar > button label,
+pathbar > button image {
+ margin-left: 3px;
+ margin-right: 3px;
+}
+
+
+pathbar > button.slider-button {
+ padding-left: 4px;
+ padding-right: 4px;
+}
+
+/**************
+ * Tree Views *
+ **************/
+columnview.view,
+treeview.view {
+ border-left-color: #e0e0e0;
+ border-top-color: #e0e0e0;
+}
+
+columnview.view:hover, columnview.view:selected,
+treeview.view:hover,
+treeview.view:selected {
+ border-radius: 0;
+}
+
+columnview.view.separator,
+treeview.view.separator {
+ min-height: 5px;
+ color: rgba(0, 0, 0, 0.12);
+}
+
+columnview.view:drop(active),
+treeview.view:drop(active) {
+ box-shadow: none;
+}
+
+columnview.view:drop(active).after,
+treeview.view:drop(active).after {
+ border-top-style: none;
+}
+
+columnview.view:drop(active).before,
+treeview.view:drop(active).before {
+ border-bottom-style: none;
+}
+
+columnview.view > dndtarget:drop(active),
+treeview.view > dndtarget:drop(active) {
+ border-style: solid none;
+ border-width: 1px;
+ border-color: alpha(currentColor, 0.06);
+}
+
+columnview.view > dndtarget:drop(active).after,
+treeview.view > dndtarget:drop(active).after {
+ border-top-style: none;
+}
+
+columnview.view > dndtarget:drop(active).before,
+treeview.view > dndtarget:drop(active).before {
+ border-bottom-style: none;
+}
+
+columnview.view.expander,
+treeview.view.expander {
+ min-width: 16px;
+ min-height: 16px;
+ -gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
+ color: rgba(0, 0, 0, 0.6);
+}
+
+columnview.view.expander:dir(rtl),
+treeview.view.expander:dir(rtl) {
+ -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl");
+}
+
+columnview.view.expander:hover,
+treeview.view.expander:hover {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+columnview.view.expander:selected,
+treeview.view.expander:selected {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+columnview.view.expander:selected:hover,
+treeview.view.expander:selected:hover {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+columnview.view.expander:checked,
+treeview.view.expander:checked {
+ -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+}
+
+columnview.view.expander:disabled,
+treeview.view.expander:disabled {
+ color: rgba(0, 0, 0, 0.26);
+}
+
+columnview.view.progressbar,
+treeview.view.progressbar {
+ border-bottom: 6px solid #3c84f7;
+ box-shadow: none;
+ background-color: transparent;
+ background-image: none;
+}
+
+columnview.view.progressbar:selected:hover,
+treeview.view.progressbar:selected:hover {
+ box-shadow: none;
+}
+
+columnview.view.trough,
+treeview.view.trough {
+ border-bottom: 6px solid rgba(0, 0, 0, 0.12);
+ box-shadow: none;
+ background-color: transparent;
+ background-image: none;
+}
+
+columnview.view.trough:selected:hover,
+treeview.view.trough:selected:hover {
+ box-shadow: none;
+}
+
+columnview.view > header > button,
+treeview.view > header > button {
+ padding: 2px 6px;
+ border-style: none solid solid none;
+ border-width: 1px;
+ border-color: rgba(0, 0, 0, 0.12);
+ border-radius: 0;
+ background-clip: border-box;
+}
+
+columnview.view > header > button:not(:focus):not(:hover):not(:active),
+treeview.view > header > button:not(:focus):not(:hover):not(:active) {
+ color: rgba(0, 0, 0, 0.6);
+}
+
+columnview.view > header > button, columnview.view > header > button:disabled,
+treeview.view > header > button,
+treeview.view > header > button:disabled {
+ background-color: #FFFFFF;
+}
+
+columnview.view > header > button:last-child,
+treeview.view > header > button:last-child {
+ border-right-style: none;
+}
+
+columnview.view button.dnd,
+columnview.view header.button.dnd,
+treeview.view button.dnd,
+treeview.view header.button.dnd {
+ padding: 2px 6px;
+ border-style: none solid solid;
+ border-width: 1px;
+ border-color: rgba(0, 0, 0, 0.12);
+ border-radius: 0;
+ box-shadow: none;
+ background-color: #FFFFFF;
+ background-clip: border-box;
+ color: #3c84f7;
+}
+
+columnview.view acceleditor > label,
+treeview.view acceleditor > label {
+ background-color: #3c84f7;
+}
+
+stack.view treeview.view {
+ min-height: 36px;
+}
+
+/*********
+ * Menus *
+ *********/
+menubar {
+ padding: 0;
+ background-color: #F2F2F2;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+menubar:backdrop {
+ background-color: #FAFAFA;
+ color: rgba(0, 0, 0, 0.6);
+}
+
+.csd menubar {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+menubar > item {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ min-height: 20px;
+ padding: 4px 8px;
+ color: rgba(0, 0, 0, 0.6);
+}
+
+menubar > item:selected {
+ transition: none;
+ background-color: alpha(currentColor, 0.1);
+ color: rgba(0, 0, 0, 0.87);
+}
+
+menubar > item:disabled {
+ color: rgba(0, 0, 0, 0.26);
+}
+
+menubar > item label:disabled {
+ color: inherit;
+}
+
+menubar > item popover.menu popover.menu {
+ margin-left: 9px;
+}
+
+menubar > item popover.menu.background popover.menu.background > contents {
+ margin: 0;
+ border-radius: 12px;
+}
+
+/**********************
+ * Popover Base Menus *
+ **********************/
+popover.menu box.inline-buttons {
+ padding: 0 6px;
+}
+
+popover.menu box.inline-buttons button.image-button.model {
+ min-height: 28px;
+ min-width: 28px;
+ padding: 0;
+ border: none;
+ outline: none;
+ transition: none;
+}
+
+popover.menu box.inline-buttons button.image-button.model:selected {
+ background: image(alpha(currentColor, 0.06));
+}
+
+popover.menu box.circular-buttons {
+ padding: 6px;
+}
+
+popover.menu box.circular-buttons button.circular.image-button.model {
+ padding: 6px;
+}
+
+popover.menu box.circular-buttons button.circular.image-button.model:focus {
+ background-color: alpha(currentColor, 0.06);
+}
+
+popover.menu.background separator {
+ margin: 6px 0;
+}
+
+popover.menu arrow.left,
+popover.menu radio.left,
+popover.menu check.left {
+ margin-left: 0;
+ margin-right: 0;
+}
+
+popover.menu arrow.right,
+popover.menu radio.right,
+popover.menu check.right {
+ margin-left: 0;
+ margin-right: 0;
+}
+
+popover.menu modelbutton {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+ min-height: 22px;
+ min-width: 56px;
+ padding: 3px 9px;
+ color: rgba(0, 0, 0, 0.87);
+ font: initial;
+ text-shadow: none;
+ box-shadow: none;
+ background: none;
+}
+
+popover.menu modelbutton:hover {
+ transition: none;
+ background-color: alpha(currentColor, 0.08);
+}
+
+popover.menu modelbutton:disabled {
+ color: rgba(0, 0, 0, 0.38);
+}
+
+popover.menu label.title {
+ font-weight: bold;
+ padding: 4px 26px;
+}
+
+/************
+ * Popovers *
+ ************/
+popover.background {
+ font: initial;
+}
+
+popover.background, popover.background:backdrop {
+ background-color: transparent;
+}
+
+popover.background > arrow,
+popover.background > contents {
+ transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+ padding: 6px;
+ background-color: #FFFFFF;
+ border-radius: 12px;
+ border: 1px solid rgba(255, 255, 255, 0.15);
+ background-clip: border-box;
+ box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.12), 0 2px 3px -1px rgba(0, 0, 0, 0.05), 0 4px 6px 0 rgba(0, 0, 0, 0.06), 0 1px 10px 0 rgba(0, 0, 0, 0.05);
+}
+
+popover.background > arrow:backdrop,
+popover.background > contents:backdrop {
+ box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.05), 0 2px 3px -1px rgba(0, 0, 0, 0.06), 0 1px 4px 0 rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.12);
+}
+
+popover.background > arrow {
+ border: 1px solid rgba(0, 0, 0, 0.12);
+}
+
+popover.background > contents {
+ border: none;
+}
+
+popover.background > contents > list,
+popover.background > contents > .view,
+popover.background > contents > toolbar {
+ border-style: none;
+ box-shadow: none;
+ background-color: transparent;
+}
+
+popover.background > contents separator {
+ background-color: rgba(0, 0, 0, 0.12);
+ margin: 3px 0;
+}
+
+popover.background > contents list separator {
+ margin: 0;
+}
+
+popover.background .view:not(:selected),
+popover.background toolbar {
+ background-color: #FFFFFF;
+}
+
+popover.background .linked > button:not(.radio) {
+ background-color: transparent;
+ box-shadow: none;
+ border-radius: 6px;
+}
+
+s
+popover.background .linked > button:not(.radio):first-child {
+ border-radius: 6px;
+}
+
+popover.background .linked > button:not(.radio):last-child {
+ border-radius: 6px;
+}
+
+popover.background .linked > button:not(.radio):only-child {
+ border-radius: 6px;
+}
+
+popover.background.menu button,
+popover.background button.model {
+ min-height: 32px;
+ padding: 0 8px;
+ border-radius: 6px;
+}
+
+.osd popover.background, popover.background.touch-selection, popover.background.magnifier {
+ background-color: transparent;
+}
+
+magnifier {
+ background-color: #FFFFFF;
+}
+
+/*************
+ * Notebooks *
+ *************/
+tabbar tab, notebook > header tab {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms;
+ min-height: 24px;
+ min-width: 24px;
+ padding: 3px 12px;
+ border: none;
+ outline: none;
+ background-clip: padding-box;
+ color: rgba(0, 0, 0, 0.6);
+ font-weight: 500;
+ border-radius: 6px;
+ background-image: none;
+ background-color: transparent;
+}
+
+tabbar tab:hover, notebook > header tab:hover {
+ background-color: rgba(0, 0, 0, 0.04);
+ background-image: none;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+tabbar tab:disabled, notebook > header tab:disabled {
+ color: rgba(0, 0, 0, 0.26);
+}
+
+tabbar tab:checked, notebook > header tab:checked {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ background-color: white;
+ color: rgba(0, 0, 0, 0.87);
+ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
+ background-image: none;
+}
+
+tabbar tab:checked:disabled, notebook > header tab:checked:disabled {
+ color: rgba(0, 0, 0, 0.38);
+}
+
+frame > paned > notebook > header, notebook.frame > header {
+ background-color: rgba(0, 0, 0, 0.04);
+}
+
+notebook, notebook.frame {
+ background-color: #FFFFFF;
+ border-radius: 12px;
+}
+
+notebook.frame frame > border {
+ border: none;
+ border-radius: 6px;
+}
+
+notebook.frame frame > list row.activatable {
+ border-radius: 6px;
+}
+
+notebook > header {
+ border: none;
+ background-color: rgba(0, 0, 0, 0.04);
+ padding: 3px;
+ margin: 3px;
+ border-radius: 9px;
+}
+
+notebook > header.top > tabs > arrow {
+ border-top-style: none;
+}
+
+notebook > header.bottom > tabs > arrow {
+ border-bottom-style: none;
+}
+
+notebook > header.top > tabs > arrow, notebook > header.bottom > tabs > arrow {
+ padding-left: 4px;
+ padding-right: 4px;
+}
+
+notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down {
+ margin-left: 0;
+ -gtk-icon-source: -gtk-icontheme("pan-start-symbolic");
+}
+
+notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up {
+ margin-right: 0;
+ -gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
+}
+
+notebook > header.left > tabs > arrow {
+ border-left-style: none;
+}
+
+notebook > header.right > tabs > arrow {
+ border-right-style: none;
+}
+
+notebook > header.left > tabs > arrow, notebook > header.right > tabs > arrow {
+ padding-top: 4px;
+ padding-bottom: 4px;
+}
+
+notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down {
+ margin-top: 0;
+ -gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
+}
+
+notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up {
+ margin-bottom: 0;
+ -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+}
+
+notebook > header > tabs > arrow {
+ min-height: 16px;
+ min-width: 16px;
+ border-radius: 6px;
+}
+
+notebook > header tab > box {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+ margin: -6px -12px;
+ padding: 6px 12px;
+}
+
+notebook > header tab > box:drop(active) {
+ background-color: rgba(0, 0, 0, 0.12);
+ color: rgba(0, 0, 0, 0.87);
+}
+
+notebook > header tab button.flat:last-child {
+ margin-left: 6px;
+ margin-right: -6px;
+}
+
+notebook > header tab button.flat:first-child {
+ margin-left: -6px;
+ margin-right: 6px;
+}
+
+notebook > header tab button.close-button {
+ min-width: 24px;
+ min-height: 24px;
+}
+
+notebook > header.top tabs:not(:only-child):first-child, notebook > header.bottom tabs:not(:only-child):first-child {
+ margin-left: 0;
+}
+
+notebook > header.top tabs:not(:only-child):last-child, notebook > header.bottom tabs:not(:only-child):last-child {
+ margin-right: 0;
+}
+
+notebook > header.top tabs tab.reorderable-page, notebook > header.bottom tabs tab.reorderable-page {
+ border-style: solid;
+}
+
+notebook > header.left tabs:not(:only-child):first-child, notebook > header.right tabs:not(:only-child):first-child {
+ margin-top: 0;
+}
+
+notebook > header.left tabs:not(:only-child):last-child, notebook > header.right tabs:not(:only-child):last-child {
+ margin-bottom: 0;
+}
+
+notebook > header.left tabs tab.reorderable-page, notebook > header.right tabs tab.reorderable-page {
+ border-style: solid;
+}
+
+notebook > header > menubutton > button.image-button {
+ padding: 3px;
+ min-width: 24px;
+ min-height: 24px;
+ margin-left: 3px;
+}
+
+notebook > stack:not(:only-child) {
+ background-color: transparent;
+ border-radius: 6px;
+}
+
+tabbar .box {
+ min-height: 36px;
+ border-bottom: none;
+ background: none;
+}
+
+tabbar scrolledwindow.pinned undershoot {
+ border: 0 solid rgba(0, 0, 0, 0.12);
+}
+
+tabbar scrolledwindow.pinned:dir(rtl) undershoot.left {
+ border-left-width: 1px;
+}
+
+tabbar scrolledwindow.pinned:dir(ltr) undershoot.right {
+ border-right-width: 1px;
+}
+
+tabbar scrolledwindow.pinned tabbox > background:dir(ltr) {
+ box-shadow: inset -1px 0 rgba(0, 0, 0, 0.12);
+}
+
+tabbar scrolledwindow.pinned tabbox > background:dir(rtl) {
+ box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12);
+}
+
+tabbar undershoot {
+ transition: background 150ms ease-in-out;
+}
+
+tabbar undershoot.left {
+ background: linear-gradient(to right, #FFFFFF, rgba(0, 0, 0, 0) 20px);
+}
+
+tabbar undershoot.right {
+ background: linear-gradient(to left, #FFFFFF, rgba(0, 0, 0, 0) 20px);
+}
+
+tabbar .needs-attention-left undershoot.left {
+ background: linear-gradient(to right, alpha(#3c84f7, 0.5), alpha(#3c84f7, 0.3) 1px, alpha(#3c84f7, 0) 20px);
+}
+
+tabbar .needs-attention-right undershoot.right {
+ background: linear-gradient(to left, alpha(#3c84f7, 0.5), alpha(#3c84f7, 0.3) 1px, alpha(#3c84f7, 0) 20px);
+}
+
+tabbar tabbox {
+ background-color: rgba(0, 0, 0, 0.04);
+ background-image: none;
+ padding: 3px;
+ margin: 3px;
+ border-radius: 9px;
+}
+
+tabbar tabbox > background {
+ background: none;
+}
+
+tabbar tab.needs-attention {
+ background-image: radial-gradient(ellipse at bottom, rgba(255, 255, 255, 0.8), alpha(#3c84f7, 0.4) 10%, alpha(#3c84f7, 0) 30%);
+}
+
+tabbar tab.needs-attention:hover {
+ background-image: image(alpha(currentColor, 0.03)), radial-gradient(ellipse at bottom, rgba(255, 255, 255, 0.8), alpha(#3c84f7, 0.4) 10%, alpha(#3c84f7, 0) 30%);
+}
+
+tabbar .start-action,
+tabbar .end-action {
+ background-color: rgba(0, 0, 0, 0.04);
+ background-clip: padding-box;
+ border-color: rgba(0, 0, 0, 0.12);
+ border-style: solid;
+ transition: background 150ms ease-in-out;
+}
+
+tabbar .start-action button,
+tabbar .end-action button {
+ border: none;
+ border-radius: 0;
+}
+
+tabbar .start-action:dir(ltr),
+tabbar .end-action:dir(rtl) {
+ border-right-width: 1px;
+}
+
+tabbar .start-action:dir(rtl),
+tabbar .end-action:dir(ltr) {
+ border-left-width: 1px;
+}
+
+tabbar:not(.inline) scrolledwindow.pinned undershoot {
+ border-color: rgba(0, 0, 0, 0.12);
+}
+
+tabbar:not(.inline) undershoot.left {
+ background: linear-gradient(to right, #F2F2F2, rgba(0, 0, 0, 0) 20px);
+}
+
+tabbar:not(.inline) undershoot.right {
+ background: linear-gradient(to left, #F2F2F2, rgba(0, 0, 0, 0) 20px);
+}
+
+tabbar:not(.inline) .needs-attention-left undershoot.left {
+ background: linear-gradient(to right, alpha(#3c84f7, 0.5), alpha(#3c84f7, 0.3) 1px, alpha(#3c84f7, 0) 20px);
+}
+
+tabbar:not(.inline) .needs-attention-right undershoot.right {
+ background: linear-gradient(to left, alpha(#3c84f7, 0.5), alpha(#3c84f7, 0.3) 1px, alpha(#3c84f7, 0) 20px);
+}
+
+tabbar:not(.inline) tabbox > background {
+ background-color: #F2F2F2;
+}
+
+tabbar:not(.inline) .start-action,
+tabbar:not(.inline) .end-action {
+ background-color: alpha(#F2F2F2, 0.6);
+ border-color: rgba(0, 0, 0, 0.12);
+}
+
+tabbar:not(.inline):backdrop .box {
+ background-color: #FAFAFA;
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+dnd tab {
+ min-height: 24px;
+ background-color: #F2F2F2;
+ color: rgba(0, 0, 0, 0.87);
+ box-shadow: 0 1px 5px 1px rgba(0, 0, 0, 0.09), 0 2px 14px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05);
+ outline: 1px solid rgba(0, 0, 0, 0.12);
+ outline-offset: -1px;
+ margin: 24px;
+}
+
+dnd tab.needs-attention {
+ background-image: radial-gradient(ellipse at bottom, rgba(255, 255, 255, 0.8), alpha(#3c84f7, 0.4) 10%, alpha(#3c84f7, 0) 30%);
+}
+
+tabbar tab,
+dnd tab {
+ padding: 6px;
+}
+
+tabbar tab button.image-button,
+dnd tab button.image-button {
+ padding: 0;
+ margin: 0;
+ min-width: 24px;
+ min-height: 24px;
+ border-radius: 9999px;
+}
+
+tabview:drop(active),
+tabbox:drop(active) {
+ box-shadow: none;
+}
+
+/**************
+ * Scrollbars *
+ **************/
+scrollbar {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ background-color: #FFFFFF;
+ box-shadow: none;
+ outline: none;
+}
+
+scrollbar.top {
+ border-bottom: 1px solid rgba(0, 0, 0, 0.12);
+}
+
+scrollbar.bottom {
+ border-top: 1px solid rgba(0, 0, 0, 0.12);
+}
+
+scrollbar.left {
+ border-right: 1px solid rgba(0, 0, 0, 0.12);
+}
+
+scrollbar.right {
+ border-left: 1px solid rgba(0, 0, 0, 0.12);
+}
+
+scrollbar > range > trough > slider {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+ min-width: 8px;
+ min-height: 8px;
+ border: 4px solid transparent;
+ border-radius: 9999px;
+ background-clip: padding-box;
+ background-color: rgba(0, 0, 0, 0.38);
+ box-shadow: none;
+ outline: none;
+}
+
+scrollbar > range > trough > slider:hover {
+ background-color: rgba(0, 0, 0, 0.6);
+}
+
+scrollbar > range > trough > slider:active {
+ background-color: rgba(0, 0, 0, 0.87);
+}
+
+scrollbar > range > trough > slider:disabled {
+ background-color: rgba(0, 0, 0, 0.26);
+}
+
+scrollbar > range.fine-tune > trough > slider {
+ min-width: 4px;
+ min-height: 4px;
+}
+
+scrollbar > range.fine-tune.horizontal > trough > slider {
+ margin: 2px 0;
+}
+
+scrollbar > range.fine-tune.vertical > trough > slider {
+ margin: 0 2px;
+}
+
+scrollbar.overlay-indicator:not(.fine-tune) > range > trough > slider {
+ transition-property: background-color, min-height, min-width;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) {
+ border-color: transparent;
+ background-color: transparent;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) > range > trough > slider {
+ min-width: 4px;
+ min-height: 4px;
+ margin: 3px;
+ border: 1px solid rgba(255, 255, 255, 0.3);
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) button {
+ min-width: 4px;
+ min-height: 4px;
+ margin: 3px;
+ border: 1px solid rgba(255, 255, 255, 0.3);
+ border-radius: 9999px;
+ background-color: rgba(0, 0, 0, 0.38);
+ background-clip: padding-box;
+ -gtk-icon-source: none;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled {
+ background-color: rgba(0, 0, 0, 0.26);
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal > range > trough > slider {
+ min-width: 24px;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button {
+ min-width: 8px;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical > range > trough > slider {
+ min-height: 24px;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button {
+ min-height: 8px;
+}
+
+scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering {
+ background-color: rgba(255, 255, 255, 0.9);
+}
+
+scrollbar.horizontal > range > trough > slider {
+ min-width: 24px;
+}
+
+scrollbar.vertical > range > trough > slider {
+ min-height: 24px;
+}
+
+scrollbar button {
+ min-width: 16px;
+ min-height: 16px;
+ padding: 0;
+ border-radius: 0;
+}
+
+scrollbar.vertical button.down {
+ -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+}
+
+scrollbar.vertical button.up {
+ -gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
+}
+
+scrollbar.horizontal button.down {
+ -gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
+}
+
+scrollbar.horizontal button.up {
+ -gtk-icon-source: -gtk-icontheme("pan-start-symbolic");
+}
+
+/**********
+ * Switch *
+ **********/
+switch {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ margin: 6px 0;
+ padding: 0;
+ border: none;
+ border-radius: 9999px;
+ background-color: rgba(0, 0, 0, 0.38);
+ background-clip: border-box;
+ font-size: 0;
+ color: transparent;
+}
+
+switch:checked {
+ background-color: #3c84f7;
+}
+
+switch:disabled {
+ opacity: 0.5;
+}
+
+switch image {
+ margin: -8px;
+}
+
+switch > slider {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ min-width: 20px;
+ min-height: 20px;
+ margin: 1px;
+ border-radius: 9999px;
+ outline: none;
+ box-shadow: none;
+ background-color: white;
+ border: none;
+}
+
+switch:focus slider, switch:hover slider, switch:focus:hover slider {
+ box-shadow: 0 0 0 6px rgba(0, 0, 0, 0.12);
+}
+
+/*************************
+ * Check and Radio items *
+ *************************/
+.view.content-view.check:not(list),
+.content-view .tile check:not(list) {
+ min-height: 40px;
+ min-width: 40px;
+ margin: 0;
+ padding: 0;
+ box-shadow: none;
+ background-color: transparent;
+ background-image: none;
+}
+
+.view.content-view.check:not(list):hover, .view.content-view.check:not(list):active,
+.content-view .tile check:not(list):hover,
+.content-view .tile check:not(list):active {
+ box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.12);
+}
+
+.view.content-view.check:not(list),
+.content-view .tile check:not(list) {
+ -gtk-icon-source: -gtk-scaled(url("assets/selectionmode-checkbox-unchecked.png"), url("assets/selectionmode-checkbox-unchecked@2.png"));
+}
+
+.view.content-view.check:not(list):checked,
+.content-view .tile check:not(list):checked {
+ -gtk-icon-source: -gtk-scaled(url("assets/selectionmode-checkbox-checked.png"), url("assets/selectionmode-checkbox-checked@2.png"));
+}
+
+checkbutton,
+radiobutton {
+ outline: none;
+ border-spacing: 3px;
+}
+
+check,
+radio {
+ min-height: 20px;
+ min-width: 20px;
+ margin: 3px;
+ padding: 0;
+ border-radius: 9999px;
+ border: none;
+ color: transparent;
+ background-color: rgba(0, 0, 0, 0.12);
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+check:hover,
+radio:hover {
+ box-shadow: 0 0 0 6px rgba(0, 0, 0, 0.04);
+ background-color: rgba(0, 0, 0, 0.15);
+}
+
+check:active,
+radio:active {
+ box-shadow: 0 0 0 6px rgba(0, 0, 0, 0.12);
+ background-color: rgba(0, 0, 0, 0.2);
+}
+
+check:disabled,
+radio:disabled {
+ background-color: rgba(0, 0, 0, 0.04);
+}
+
+check:checked, check:indeterminate,
+radio:checked,
+radio:indeterminate {
+ color: #FFFFFF;
+ background-color: #3c84f7;
+}
+
+check:checked:hover, check:indeterminate:hover,
+radio:checked:hover,
+radio:indeterminate:hover {
+ box-shadow: 0 0 0 6px rgba(60, 132, 247, 0.15);
+ background-color: #6da3f9;
+}
+
+check:checked:active, check:indeterminate:active,
+radio:checked:active,
+radio:indeterminate:active {
+ box-shadow: 0 0 0 6px rgba(60, 132, 247, 0.2);
+ background-color: #3c84f7;
+}
+
+check:checked:disabled, check:indeterminate:disabled,
+radio:checked:disabled,
+radio:indeterminate:disabled {
+ color: rgba(255, 255, 255, 0.7);
+ background-color: rgba(60, 132, 247, 0.35);
+}
+
+popover modelbutton.flat check, popover modelbutton.flat check:focus, popover modelbutton.flat check:hover, popover modelbutton.flat check:focus:hover, popover modelbutton.flat check:active, popover modelbutton.flat check:disabled, popover modelbutton.flat radio, popover modelbutton.flat radio:focus, popover modelbutton.flat radio:hover, popover modelbutton.flat radio:focus:hover, popover modelbutton.flat radio:active, popover modelbutton.flat radio:disabled {
+ transition: none;
+ box-shadow: none;
+ background-image: none;
+}
+
+popover modelbutton.flat check.left:dir(rtl), popover modelbutton.flat radio.left:dir(rtl) {
+ margin-left: -3px;
+ margin-right: 6px;
+}
+
+popover modelbutton.flat check.right:dir(ltr), popover modelbutton.flat radio.right:dir(ltr) {
+ margin-left: 6px;
+ margin-right: -3px;
+}
+
+popover.menu check, popover.menu radio {
+ transition: none;
+ margin: 0;
+ padding: 0;
+}
+
+popover.menu check:dir(ltr), popover.menu radio:dir(ltr) {
+ margin-right: 6px;
+ margin-left: -3px;
+}
+
+popover.menu check:dir(rtl), popover.menu radio:dir(rtl) {
+ margin-left: 6px;
+ margin-right: -3px;
+}
+
+popover.menu check, popover.menu check:hover, popover.menu check:disabled, popover.menu check:checked:hover, popover.menu check:indeterminate:hover, popover.menu radio, popover.menu radio:hover, popover.menu radio:disabled, popover.menu radio:checked:hover, popover.menu radio:indeterminate:hover {
+ box-shadow: none;
+}
+
+
+check {
+ -gtk-icon-size: 20px;
+}
+
+
+check:checked {
+ -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/scalable/checkbox-checked-symbolic.svg")), -gtk-recolor(url("assets/scalable/checkbox-checked-symbolic@2.svg")));
+}
+
+
+check:indeterminate {
+ -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/scalable/checkbox-mixed-symbolic.svg")), -gtk-recolor(url("assets/scalable/checkbox-mixed-symbolic@2.svg")));
+}
+
+
+radio {
+ -gtk-icon-size: 20px;
+}
+
+
+radio:checked {
+ -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/scalable/radio-checked-symbolic.svg")), -gtk-recolor(url("assets/scalable/radio-checked-symbolic@2.svg")));
+}
+
+
+radio:indeterminate {
+ -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/scalable/radio-mixed-symbolic.svg")), -gtk-recolor(url("assets/scalable/radio-mixed-symbolic@2.svg")));
+}
+
+
+popover.menu check {
+ min-height: 16px;
+ min-width: 16px;
+ -gtk-icon-size: 16px;
+}
+
+
+popover.menu check:checked {
+ -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/scalable/small-checkbox-checked-symbolic.svg")), -gtk-recolor(url("assets/scalable/small-checkbox-checked-symbolic@2.svg")));
+}
+
+
+popover.menu check:indeterminate {
+ -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/scalable/small-checkbox-mixed-symbolic.svg")), -gtk-recolor(url("assets/scalable/small-checkbox-mixed-symbolic@2.svg")));
+}
+
+
+popover.menu radio {
+ min-height: 16px;
+ min-width: 16px;
+ -gtk-icon-size: 16px;
+}
+
+
+popover.menu radio:checked {
+ -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/scalable/small-radio-checked-symbolic.svg")), -gtk-recolor(url("assets/scalable/small-radio-checked-symbolic@2.svg")));
+}
+
+
+popover.menu radio:indeterminate {
+ -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/scalable/small-radio-mixed-symbolic.svg")), -gtk-recolor(url("assets/scalable/small-radio-mixed-symbolic@2.svg")));
+}
+
+check:not(:checked):active {
+ -gtk-icon-transform: rotate(90deg);
+}
+
+treeview.view radio, treeview.view check,
+columnview.view radio,
+columnview.view check {
+ padding: 0;
+ margin: 0;
+ transition: none;
+}
+
+treeview.view radio:not(:hover):not(:disabled):not(:checked):not(:indeterminate), treeview.view check:not(:hover):not(:disabled):not(:checked):not(:indeterminate),
+columnview.view radio:not(:hover):not(:disabled):not(:checked):not(:indeterminate),
+columnview.view check:not(:hover):not(:disabled):not(:checked):not(:indeterminate) {
+ background-color: rgba(0, 0, 0, 0.12);
+}
+
+treeview.view radio, treeview.view radio:hover, treeview.view radio:disabled, treeview.view radio:checked:hover, treeview.view radio:indeterminate:hover, treeview.view check, treeview.view check:hover, treeview.view check:disabled, treeview.view check:checked:hover, treeview.view check:indeterminate:hover,
+columnview.view radio,
+columnview.view radio:hover,
+columnview.view radio:disabled,
+columnview.view radio:checked:hover,
+columnview.view radio:indeterminate:hover,
+columnview.view check,
+columnview.view check:hover,
+columnview.view check:disabled,
+columnview.view check:checked:hover,
+columnview.view check:indeterminate:hover {
+ box-shadow: none;
+}
+
+treeview.view:hover check, treeview.view:hover radio, treeview.view:selected check, treeview.view:selected radio, treeview.view:focus check, treeview.view:focus radio,
+columnview.view:hover check,
+columnview.view:hover radio,
+columnview.view:selected check,
+columnview.view:selected radio,
+columnview.view:focus check,
+columnview.view:focus radio {
+ box-shadow: none;
+}
+
+/************
+ * GtkScale *
+ ************/
+scale {
+ min-height: 2px;
+ min-width: 2px;
+}
+
+scale.horizontal {
+ padding: 17px 12px;
+}
+
+scale.vertical {
+ padding: 12px 17px;
+}
+
+scale slider {
+ min-height: 18px;
+ min-width: 18px;
+ margin: -8px;
+}
+
+scale.fine-tune.horizontal {
+ min-height: 4px;
+ padding-top: 16px;
+ padding-bottom: 16px;
+}
+
+scale.fine-tune.vertical {
+ min-width: 4px;
+ padding-left: 16px;
+ padding-right: 16px;
+}
+
+scale.fine-tune slider {
+ margin: -7px;
+}
+
+scale trough {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+ outline: none;
+ background-color: rgba(0, 0, 0, 0.26);
+}
+
+scale trough:disabled {
+ background-color: rgba(0, 0, 0, 0.12);
+}
+
+scale highlight {
+ transition: background-image 75ms cubic-bezier(0, 0, 0.2, 1);
+ background-image: image(#3c84f7);
+}
+
+scale highlight:disabled {
+ background-color: #FFFFFF;
+ background-image: image(rgba(0, 0, 0, 0.26));
+}
+
+scale fill {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+ background-color: rgba(0, 0, 0, 0.26);
+}
+
+scale fill:disabled {
+ background-color: transparent;
+}
+
+scale slider {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ border-radius: 9999px;
+ color: #3c84f7;
+ background-color: #FFFFFF;
+ box-shadow: inset 0 0 0 2px #3c84f7;
+}
+
+scale slider:hover {
+ box-shadow: inset 0 0 0 2px #3c84f7, 0 0 0 8px rgba(0, 0, 0, 0.12);
+}
+
+scale slider:active {
+ box-shadow: inset 0 0 0 4px #3c84f7, 0 0 0 8px rgba(0, 0, 0, 0.12);
+}
+
+scale slider:disabled {
+ box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.26);
+}
+
+scale marks,
+scale value {
+ color: rgba(0, 0, 0, 0.6);
+}
+
+scale indicator {
+ background-color: rgba(0, 0, 0, 0.26);
+ color: transparent;
+}
+
+scale.horizontal > marks.top {
+ margin-bottom: 7px;
+ margin-top: -15px;
+}
+
+scale.horizontal.fine-tune > marks.top {
+ margin-bottom: 6px;
+ margin-top: -14px;
+}
+
+scale.horizontal > marks.bottom {
+ margin-top: 7px;
+ margin-bottom: -15px;
+}
+
+scale.horizontal.fine-tune > marks.bottom {
+ margin-top: 6px;
+ margin-bottom: -14px;
+}
+
+scale.vertical > marks.top {
+ margin-right: 7px;
+ margin-left: -15px;
+}
+
+scale.vertical.fine-tune > marks.top {
+ margin-right: 6px;
+ margin-left: -14px;
+}
+
+scale.vertical > marks.bottom {
+ margin-left: 7px;
+ margin-right: -15px;
+}
+
+scale.vertical.fine-tune > marks.bottom {
+ margin-left: 6px;
+ margin-right: -14px;
+}
+
+scale.horizontal indicator {
+ min-height: 8px;
+ min-width: 1px;
+}
+
+scale.vertical indicator {
+ min-height: 1px;
+ min-width: 8px;
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+ min-height: 32px;
+ min-width: 32px;
+ margin: -15px;
+ border-radius: 50%;
+ background-size: auto, 1000% 1000%;
+ background-repeat: no-repeat;
+ background-position: center center;
+ background-color: transparent;
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider, scale.horizontal.marks-before:not(.marks-after) slider:hover, scale.horizontal.marks-before:not(.marks-after) slider:active, scale.horizontal.marks-before:not(.marks-after) slider:disabled {
+ box-shadow: none;
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:focus {
+ background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:hover {
+ background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:focus:hover {
+ background-color: alpha(currentColor, 0.16);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:active {
+ background-size: auto, 0% 0%;
+ background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider {
+ background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider.png"), url("assets/scale-horz-marks-before-slider@2.png"));
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:disabled {
+ background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider-disabled.png"), url("assets/scale-horz-marks-before-slider-disabled@2.png"));
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:active {
+ background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider.png"), url("assets/scale-horz-marks-before-slider@2.png"));
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+ min-height: 32px;
+ min-width: 32px;
+ margin: -15px;
+ border-radius: 50%;
+ background-size: auto, 1000% 1000%;
+ background-repeat: no-repeat;
+ background-position: center center;
+ background-color: transparent;
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider, scale.horizontal.marks-after:not(.marks-before) slider:hover, scale.horizontal.marks-after:not(.marks-before) slider:active, scale.horizontal.marks-after:not(.marks-before) slider:disabled {
+ box-shadow: none;
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:focus {
+ background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:hover {
+ background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:focus:hover {
+ background-color: alpha(currentColor, 0.16);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:active {
+ background-size: auto, 0% 0%;
+ background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider {
+ background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider.png"), url("assets/scale-horz-marks-after-slider@2.png"));
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:disabled {
+ background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider-disabled.png"), url("assets/scale-horz-marks-after-slider-disabled@2.png"));
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:active {
+ background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider.png"), url("assets/scale-horz-marks-after-slider@2.png"));
+}
+
+scale.vertical.marks-before:not(.marks-after) slider {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+ min-height: 32px;
+ min-width: 32px;
+ margin: -15px;
+ border-radius: 50%;
+ background-size: auto, 1000% 1000%;
+ background-repeat: no-repeat;
+ background-position: center center;
+ background-color: transparent;
+}
+
+scale.vertical.marks-before:not(.marks-after) slider, scale.vertical.marks-before:not(.marks-after) slider:hover, scale.vertical.marks-before:not(.marks-after) slider:active, scale.vertical.marks-before:not(.marks-after) slider:disabled {
+ box-shadow: none;
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:focus {
+ background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:hover {
+ background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:focus:hover {
+ background-color: alpha(currentColor, 0.16);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:active {
+ background-size: auto, 0% 0%;
+ background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider {
+ background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider.png"), url("assets/scale-vert-marks-before-slider@2.png"));
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:disabled {
+ background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider-disabled.png"), url("assets/scale-vert-marks-before-slider-disabled@2.png"));
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:active {
+ background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider.png"), url("assets/scale-vert-marks-before-slider@2.png"));
+}
+
+scale.vertical.marks-after:not(.marks-before) slider {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+ min-height: 32px;
+ min-width: 32px;
+ margin: -15px;
+ border-radius: 50%;
+ background-size: auto, 1000% 1000%;
+ background-repeat: no-repeat;
+ background-position: center center;
+ background-color: transparent;
+}
+
+scale.vertical.marks-after:not(.marks-before) slider, scale.vertical.marks-after:not(.marks-before) slider:hover, scale.vertical.marks-after:not(.marks-before) slider:active, scale.vertical.marks-after:not(.marks-before) slider:disabled {
+ box-shadow: none;
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:focus {
+ background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:hover {
+ background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:focus:hover {
+ background-color: alpha(currentColor, 0.16);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:active {
+ background-size: auto, 0% 0%;
+ background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider {
+ background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider.png"), url("assets/scale-vert-marks-after-slider@2.png"));
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:disabled {
+ background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider-disabled.png"), url("assets/scale-vert-marks-after-slider-disabled@2.png"));
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:active {
+ background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider.png"), url("assets/scale-vert-marks-after-slider@2.png"));
+}
+
+scale.color {
+ min-height: 0;
+ min-width: 0;
+}
+
+scale.color.horizontal {
+ padding: 0 0 12px 0;
+}
+
+scale.color.horizontal slider:dir(ltr), scale.color.horizontal slider:dir(rtl) {
+ margin-bottom: -13.5px;
+ margin-top: 11.5px;
+}
+
+scale.color.vertical:dir(ltr) {
+ padding: 0 0 0 12px;
+}
+
+scale.color.vertical:dir(ltr) slider {
+ margin-left: -13.5px;
+ margin-right: 11.5px;
+}
+
+scale.color.vertical:dir(rtl) {
+ padding: 0 12px 0 0;
+}
+
+scale.color.vertical:dir(rtl) slider {
+ margin-right: -13.5px;
+ margin-left: 11.5px;
+}
+
+/*****************
+ * Progress bars *
+ *****************/
+progressbar {
+ color: rgba(0, 0, 0, 0.6);
+ font-size: smaller;
+}
+
+progressbar.horizontal trough,
+progressbar.horizontal progress {
+ min-height: 6px;
+}
+
+progressbar.vertical trough,
+progressbar.vertical progress {
+ min-width: 6px;
+}
+
+progressbar trough {
+ border-radius: 6px;
+ background-color: rgba(0, 0, 0, 0.12);
+}
+
+progressbar progress {
+ border-radius: 6px;
+ background-color: #3c84f7;
+}
+
+progressbar.osd {
+ min-width: 6px;
+ min-height: 6px;
+ background-color: transparent;
+}
+
+progressbar.osd trough {
+ background-color: transparent;
+}
+
+progressbar.osd progress {
+ background-color: #3c84f7;
+}
+
+progressbar trough.empty progress {
+ all: unset;
+}
+
+/*************
+ * Level Bar *
+ *************/
+levelbar.horizontal block {
+ min-height: 6px;
+}
+
+levelbar.horizontal.discrete block {
+ min-width: 36px;
+}
+
+levelbar.horizontal.discrete block:not(:last-child) {
+ margin-right: 2px;
+}
+
+levelbar.vertical block {
+ min-width: 6px;
+}
+
+levelbar.vertical.discrete block {
+ min-height: 36px;
+}
+
+levelbar.vertical.discrete block:not(:last-child) {
+ margin-bottom: 2px;
+}
+
+levelbar trough {
+ border-radius: 6px;
+}
+
+levelbar block.low {
+ background-color: #FFD600;
+}
+
+levelbar block.high, levelbar block:not(.empty) {
+ background-color: #3c84f7;
+}
+
+levelbar block.full {
+ background-color: #4CAF50;
+}
+
+levelbar block.empty {
+ background-color: rgba(0, 0, 0, 0.12);
+}
+
+/****************
+ * Print dialog *
+*****************/
+window.dialog.print drawing {
+ color: rgba(0, 0, 0, 0.87);
+ background: none;
+ border: none;
+ padding: 0;
+}
+
+window.dialog.print drawing paper {
+ padding: 0;
+ border: 1px solid rgba(0, 0, 0, 0.12);
+ background-color: #FFFFFF;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+window.dialog.print .dialog-action-box {
+ margin: 12px;
+}
+
+/**********
+ * Frames *
+ **********/
+frame,
+.frame {
+ border: 1px solid rgba(0, 0, 0, 0.12);
+}
+
+frame > list,
+.frame > list {
+ border: none;
+}
+
+frame.view,
+.frame.view {
+ border-radius: 6px;
+}
+
+frame.flat,
+.frame.flat {
+ border-style: none;
+}
+
+frame {
+ border-radius: 6px;
+}
+
+frame > label {
+ margin: 4px;
+}
+
+frame.flat > border, statusbar frame > border {
+ border: none;
+}
+
+actionbar > revealer > box {
+ padding: 6px;
+ border-spacing: 6px;
+ box-shadow: inset 0 1px rgba(0, 0, 0, 0.12);
+ background-color: #FFFFFF;
+ background-clip: border-box;
+ border: none;
+}
+
+.background.csd box.vertical > actionbar > revealer > box {
+ border-radius: 0 0 12px 12px;
+}
+
+statusbar {
+ padding: 6px 18px;
+}
+
+scrolledwindow viewport.frame {
+ border: none;
+}
+
+stack scrolledwindow.frame viewport.frame list {
+ border: none;
+}
+
+overshoot.top {
+ background-image: radial-gradient(farthest-side at top, alpha(currentColor, 0.12) 85%, alpha(currentColor, 0)), radial-gradient(farthest-side at top, alpha(currentColor, 0.05), alpha(currentColor, 0));
+ background-size: 100% 3%, 100% 50%;
+ background-repeat: no-repeat;
+ background-position: top;
+ background-color: transparent;
+ border: none;
+ box-shadow: none;
+}
+
+overshoot.bottom {
+ background-image: radial-gradient(farthest-side at bottom, alpha(currentColor, 0.12) 85%, alpha(currentColor, 0)), radial-gradient(farthest-side at bottom, alpha(currentColor, 0.05), alpha(currentColor, 0));
+ background-size: 100% 3%, 100% 50%;
+ background-repeat: no-repeat;
+ background-position: bottom;
+ background-color: transparent;
+ border: none;
+ box-shadow: none;
+}
+
+overshoot.left {
+ background-image: radial-gradient(farthest-side at left, alpha(currentColor, 0.12) 85%, alpha(currentColor, 0)), radial-gradient(farthest-side at left, alpha(currentColor, 0.05), alpha(currentColor, 0));
+ background-size: 3% 100%, 50% 100%;
+ background-repeat: no-repeat;
+ background-position: left;
+ background-color: transparent;
+ border: none;
+ box-shadow: none;
+}
+
+overshoot.right {
+ background-image: radial-gradient(farthest-side at right, alpha(currentColor, 0.12) 85%, alpha(currentColor, 0)), radial-gradient(farthest-side at right, alpha(currentColor, 0.05), alpha(currentColor, 0));
+ background-size: 3% 100%, 50% 100%;
+ background-repeat: no-repeat;
+ background-position: right;
+ background-color: transparent;
+ border: none;
+ box-shadow: none;
+}
+
+undershoot.top {
+ background-color: transparent;
+ background-image: linear-gradient(to left, transparent 50%, rgba(0, 0, 0, 0.26) 50%);
+ padding-top: 1px;
+ background-size: 12px 1px;
+ background-repeat: repeat-x;
+ background-origin: content-box;
+ background-position: left top;
+ margin: 0 4px;
+}
+
+undershoot.bottom {
+ background-color: transparent;
+ background-image: linear-gradient(to left, transparent 50%, rgba(0, 0, 0, 0.26) 50%);
+ padding-bottom: 1px;
+ background-size: 12px 1px;
+ background-repeat: repeat-x;
+ background-origin: content-box;
+ background-position: left bottom;
+ margin: 0 4px;
+}
+
+undershoot.left {
+ background-color: transparent;
+ background-image: linear-gradient(to top, transparent 50%, rgba(0, 0, 0, 0.26) 50%);
+ padding-left: 1px;
+ background-size: 1px 12px;
+ background-repeat: repeat-y;
+ background-origin: content-box;
+ background-position: left top;
+ margin: 0 4px;
+ margin: 4px 0;
+}
+
+undershoot.right {
+ background-color: transparent;
+ background-image: linear-gradient(to top, transparent 50%, rgba(0, 0, 0, 0.26) 50%);
+ padding-right: 1px;
+ background-size: 1px 12px;
+ background-repeat: repeat-y;
+ background-origin: content-box;
+ background-position: right top;
+ margin: 0 4px;
+ margin: 4px 0;
+}
+
+junction {
+ border-style: solid none none solid;
+ border-width: 1px;
+ border-color: rgba(0, 0, 0, 0.12);
+ background-color: #FFFFFF;
+}
+
+junction:dir(rtl) {
+ border-style: solid solid none none;
+}
+
+separator {
+ min-width: 1px;
+ min-height: 1px;
+ background-color: rgba(0, 0, 0, 0.12);
+}
+
+stacksidebar + separator.vertical,
+stacksidebar separator.horizontal, button.font separator, button.file separator {
+ min-width: 0;
+ min-height: 0;
+ background-color: transparent;
+ background-image: none;
+}
+
+/*********
+ * Lists *
+ *********/
+listview.boxed-list,
+list.boxed-list, listview.content:not(.conversation-listbox),
+list.content:not(.conversation-listbox) {
+ border-radius: 7px;
+ box-shadow: none;
+ border: 1px solid rgba(0, 0, 0, 0.12);
+}
+
+window.background.csd stack stack stack frame > list row.activatable,
+window.background.csd > stack > stack > box > frame > list row.activatable,
+window.background.csd > stack > stack > box > box > frame > list row.activatable,
+window.background.csd > stack > box > stack > box > frame > list row.activatable,
+window.background.csd > stack > box > stack > scrolledwindow > viewport frame > list row.activatable,
+window.background.csd > stack > box > stack > box > scrolledwindow > viewport > frame > list row.activatable,
+window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > list row.activatable, window.background.csd > stack > list row.activatable,
+window.background.csd > stack > scrolledwindow > viewport > box > list row.activatable,
+window.background.csd > box > stack > scrolledwindow > viewport > box > list row.activatable, listview.boxed-list > row.expander list > row,
+list.boxed-list > row.expander list > row, listview.boxed-list > row,
+list.boxed-list > row, listview.content:not(.conversation-listbox) > row,
+list.content:not(.conversation-listbox) > row {
+ border-radius: 0;
+}
+
+window.background.csd stack stack stack frame > list row.activatable:first-child, window.background.csd > stack > list row.activatable:first-child, listview.boxed-list > row.expander list > row:first-child,
+list.boxed-list > row.expander list > row:first-child, listview.boxed-list > row:first-child,
+list.boxed-list > row:first-child, listview.content:not(.conversation-listbox) > row:first-child,
+list.content:not(.conversation-listbox) > row:first-child {
+ border-top-left-radius: 6px;
+ border-top-right-radius: 6px;
+}
+
+window.background.csd stack stack stack frame > list row.activatable:last-child, window.background.csd > stack > list row.activatable:last-child, listview.boxed-list > row.expander list > row:last-child,
+list.boxed-list > row.expander list > row:last-child, listview.boxed-list > row:last-child,
+list.boxed-list > row:last-child, listview.content:not(.conversation-listbox) > row:last-child,
+list.content:not(.conversation-listbox) > row:last-child {
+ border-bottom-left-radius: 6px;
+ border-bottom-right-radius: 6px;
+}
+
+window.background.csd stack stack stack frame > list row.activatable:only-child, window.background.csd > stack > list row.activatable:only-child, listview.boxed-list > row.expander list > row:only-child,
+list.boxed-list > row.expander list > row:only-child, listview.boxed-list > row:only-child,
+list.boxed-list > row:only-child, listview.content:not(.conversation-listbox) > row:only-child,
+list.content:not(.conversation-listbox) > row:only-child {
+ border-radius: 6px;
+}
+
+window.background.csd stack stack stack frame > list row.activatable:focus, window.background.csd > stack > list row.activatable:focus, listview.boxed-list > row.expander list > row:focus,
+list.boxed-list > row.expander list > row:focus, listview.boxed-list > row:focus,
+list.boxed-list > row:focus, listview.content:not(.conversation-listbox) > row:focus,
+list.content:not(.conversation-listbox) > row:focus {
+ box-shadow: inset 0 0 0 1000px alpha(currentColor, 0.08);
+}
+
+listview,
+list {
+ border-color: rgba(0, 0, 0, 0.12);
+ background-color: #FFFFFF;
+}
+
+listview row,
+list row {
+ padding: 6px;
+}
+
+listview > row.expander,
+list > row.expander {
+ padding: 0px;
+}
+
+listview > row.expander .row-header,
+list > row.expander .row-header {
+ padding: 2px;
+}
+
+listview.boxed-list > row.expander list,
+list.boxed-list > row.expander list {
+ background-color: transparent;
+ box-shadow: none;
+ border: none;
+}
+
+list.frame {
+ border-radius: 6px;
+}
+
+listview.view {
+ color: rgba(0, 0, 0, 0.87);
+ background-color: transparent;
+}
+
+popover.menu listview.view {
+ padding: 0;
+ border-radius: 6px;
+}
+
+popover.menu listview.view > row {
+ margin-left: 0;
+ margin-right: 0;
+ border-radius: 6px;
+}
+
+row {
+ color: rgba(0, 0, 0, 0.6);
+ background-clip: padding-box;
+}
+
+row label.subtitle {
+ font-size: smaller;
+}
+
+row > box.header {
+ margin-left: 12px;
+ margin-right: 12px;
+ min-height: 48px;
+}
+
+row > box.header > .icon:disabled {
+ filter: opacity(0.35);
+}
+
+row > box.header > box.title {
+ margin-top: 6px;
+ margin-bottom: 6px;
+ border-spacing: 3px;
+}
+
+columnview.view > header > button,
+treeview.view > header > button, row.activatable {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ outline: none;
+ box-shadow: inset 0 0 0 9999px transparent;
+}
+
+columnview.view > header > button:focus,
+treeview.view > header > button:focus, row.activatable:focus {
+ color: rgba(0, 0, 0, 0.87);
+ box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+columnview.view > header > button:hover,
+treeview.view > header > button:hover, row.activatable:hover {
+ color: rgba(0, 0, 0, 0.87);
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms;
+ box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+columnview.view > header > button.has-open-popup,
+treeview.view > header > button.has-open-popup, columnview.view > header > button:active,
+treeview.view > header > button:active, row.activatable.has-open-popup, row.activatable:active {
+ color: rgba(0, 0, 0, 0.87);
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.12);
+}
+
+button row.activatable:focus, button row.activatable:hover, button row.activatable:active {
+ box-shadow: none;
+}
+
+row:selected {
+ color: inherit;
+}
+
+row:selected image,
+row:selected label {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+row:selected button image,
+row:selected button label {
+ color: inherit;
+}
+
+row:selected:disabled image,
+row:selected:disabled label {
+ color: rgba(0, 0, 0, 0.38);
+}
+
+columnview > listview > row {
+ padding: 0;
+}
+
+columnview > listview > row > cell {
+ padding: 8px 6px;
+}
+
+columnview > listview > row > cell:not(:first-child) {
+ border-left: 1px solid transparent;
+}
+
+columnview.column-separators > listview > row > cell {
+ border-left-color: rgba(0, 0, 0, 0.12);
+}
+
+columnview.data-table > listview > row > cell {
+ padding-top: 2px;
+ padding-bottom: 2px;
+}
+
+treeexpander {
+ border-spacing: 6px;
+}
+
+columnview row:not(:selected) cell editablelabel:not(.editing):focus-within {
+ outline: 2px solid alpha(currentColor, 0.06);
+}
+
+columnview row:not(:selected) cell editablelabel.editing:focus-within {
+ outline: 2px solid #3c84f7;
+}
+
+columnview row:not(:selected) cell editablelabel.editing text selection {
+ color: #FFFFFF;
+ background-color: #3c84f7;
+}
+
+.rich-list {
+ /* rich lists usually containing other widgets than just labels/text */
+}
+
+.rich-list > row {
+ padding: 9px 12px;
+ min-height: 32px;
+ /* should be tall even when only containing a label */
+}
+
+.rich-list > row > box {
+ border-spacing: 12px;
+}
+
+/*********************
+ * App Notifications *
+ *********************/
+.app-notification {
+ margin: 8px;
+ border-spacing: 9px;
+ padding: 9px;
+ border: none;
+}
+
+.app-notification button.text-button:not(:disabled) {
+ color: #3c84f7;
+}
+
+.app-notification.frame,
+.app-notification border {
+ border-style: none;
+}
+
+/*************
+ * Expanders *
+ *************/
+expander {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ min-width: 16px;
+ min-height: 16px;
+ color: rgba(0, 0, 0, 0.6);
+ -gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
+}
+
+expander:dir(rtl) {
+ -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl");
+}
+
+expander:hover, expander:active {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+expander:checked {
+ -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+}
+
+expander:disabled {
+ color: rgba(0, 0, 0, 0.26);
+}
+
+expander-widget > box > title {
+ border-radius: 6px;
+}
+
+expander-widget > box > title:hover > expander {
+ color: rgba(0, 0, 0, 0.6);
+}
+
+.navigation-sidebar:not(decoration):not(window):drop(active):focus, .navigation-sidebar:not(decoration):not(window):drop(active),
+placessidebar:not(decoration):not(window):drop(active):focus,
+placessidebar:not(decoration):not(window):drop(active),
+stackswitcher:not(decoration):not(window):drop(active):focus,
+stackswitcher:not(decoration):not(window):drop(active),
+expander-widget:not(decoration):not(window):drop(active):focus,
+expander-widget:not(decoration):not(window):drop(active) {
+ box-shadow: none;
+}
+
+/************
+ * Calendar *
+ ************/
+calendar {
+ padding: 0;
+ border: 1px solid rgba(0, 0, 0, 0.12);
+ border-radius: 6px;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+calendar:disabled {
+ color: rgba(0, 0, 0, 0.38);
+}
+
+calendar:selected {
+ border-radius: 6px;
+}
+
+calendar > header {
+ padding: 3px;
+ border-bottom: 1px solid rgba(0, 0, 0, 0.12);
+}
+
+calendar > header > button {
+ min-height: 24px;
+}
+
+calendar > grid {
+ margin: 3px;
+}
+
+calendar > grid > label {
+ border-radius: 9999px;
+ margin: 0;
+}
+
+calendar > grid > label.today:selected {
+ box-shadow: none;
+}
+
+calendar > grid > label:focus {
+ outline-style: none;
+}
+
+calendar > grid > label.day-number {
+ padding: 9px;
+}
+
+calendar > grid > label.day-number.other-month {
+ color: alpha(currentColor, 0.3);
+}
+
+/***********
+ * Dialogs *
+ ***********/
+window.dialog.message.background {
+ background-color: #FFFFFF;
+}
+
+window.dialog.message box.dialog-vbox.vertical {
+ border-spacing: 10px;
+}
+
+window.dialog.message .titlebar {
+ min-height: 24px;
+ border-style: none;
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0.15);
+ background-color: #FFFFFF;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+window.dialog.message .titlebar:backdrop {
+ background-color: #FFFFFF;
+ color: rgba(0, 0, 0, 0.6);
+}
+
+window.dialog.message .dialog-action-area {
+ margin-top: -6px;
+}
+
+window.dialog.message .dialog-action-area > button, window.dialog.message .dialog-action-area > button:first-child, window.dialog.message .dialog-action-area > button:last-child {
+ border-radius: 9999px;
+}
+
+window.dialog.message .dialog-action-area > button:not(:last-child) {
+ margin-right: 6px;
+}
+
+window.dialog.message .dialog-action-area > button:not(:disabled) {
+ color: #3c84f7;
+}
+
+window.dialog.message .dialog-action-area > button.destructive-action:not(:disabled) {
+ color: #E53935;
+}
+
+.csd filechooser {
+ background-color: #FFFFFF;
+ border-radius: 0 0 12px 12px;
+}
+
+filechooser .dialog-action-box {
+ border-top: 1px solid rgba(0, 0, 0, 0.12);
+}
+
+filechooser #pathbarbox {
+ border-bottom: 1px solid rgba(0, 0, 0, 0.12);
+ background-color: #FFFFFF;
+}
+
+filechooser stack.view {
+ background-color: transparent;
+}
+
+filechooser stack.view scrolledwindow {
+ background-color: transparent;
+ border-radius: 0 0 12px 0;
+}
+
+filechooser stack.view scrolledwindow list {
+ background-color: transparent;
+}
+
+filechooser stack.view > placesview {
+ background-color: transparent;
+}
+
+filechooser stack.view > placesview > actionbar, filechooser stack.view > placesview > actionbar > revealer > box {
+ background-color: transparent;
+}
+
+filechooser stack.view frame > border {
+ border: none;
+}
+
+.csd filechooser placessidebar {
+ background: none;
+ border-bottom-left-radius: 12px;
+}
+
+filechooser actionbar, filechooser actionbar > revealer > box {
+ background-color: transparent;
+}
+
+filechooserbutton > button > box {
+ border-spacing: 6px;
+}
+
+filechooserbutton:drop(active) {
+ box-shadow: none;
+ border-color: transparent;
+}
+
+/***********
+ * Sidebar *
+ ***********/
+.sidebar {
+ border-style: none;
+ background-color: #FAFAFA;
+}
+
+.sidebar:not(separator):dir(ltr), .sidebar:not(separator).left, .sidebar:not(separator).left:dir(rtl) {
+ border-right: 1px solid rgba(0, 0, 0, 0.12);
+ border-left-style: none;
+}
+
+.sidebar:not(separator):dir(rtl), .sidebar:not(separator).right {
+ border-left: 1px solid rgba(0, 0, 0, 0.12);
+ border-right-style: none;
+}
+
+.sidebar listview.view,
+.sidebar list {
+ background-color: transparent;
+ color: inherit;
+}
+
+paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar {
+ border-style: none;
+}
+
+leaflet.unfolded > box > stacksidebar.sidebar {
+ border: none;
+}
+
+stacksidebar list {
+ padding: 6px;
+ background-color: #FAFAFA;
+}
+
+stacksidebar row {
+ min-height: 24px;
+ padding: 6px;
+ border-radius: 6px;
+}
+
+stacksidebar row:selected {
+ background-color: alpha(currentColor, 0.06);
+ color: rgba(0, 0, 0, 0.87);
+ font-weight: 500;
+}
+
+stacksidebar row + row {
+ margin-top: 4px;
+}
+
+stacksidebar row > label {
+ padding-left: 6px;
+ padding-right: 6px;
+ color: inherit;
+}
+
+separator.sidebar {
+ background-color: rgba(0, 0, 0, 0.12);
+ border-right: none;
+}
+
+separator.sidebar.selection-mode, .selection-mode separator.sidebar {
+ background-color: rgba(255, 255, 255, 0.12);
+}
+
+/**********************
+ * Navigation Sidebar *
+ **********************/
+.navigation-sidebar {
+ padding: 4.5px 0;
+ border-right: none;
+}
+
+.navigation-sidebar, .navigation-sidebar.view {
+ background-color: transparent;
+ color: inherit;
+}
+
+.navigation-sidebar.background {
+ background-color: #FAFAFA;
+ color: rgba(0, 0, 0, 0.6);
+}
+
+.navigation-sidebar > row {
+ min-height: 24px;
+ padding: 6px;
+ border-radius: 6px;
+ margin: 1.5px 6px;
+}
+
+.navigation-sidebar > row:hover, .navigation-sidebar > row:focus-visible:focus-within {
+ background-color: alpha(currentColor, 0.08);
+}
+
+.navigation-sidebar > row:selected {
+ background-color: alpha(currentColor, 0.06);
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.navigation-sidebar > row:selected:hover {
+ background-color: alpha(currentColor, 0.16);
+}
+
+.navigation-sidebar > row:selected:focus-visible:focus-within {
+ outline: none;
+ background-color: alpha(currentColor, 0.08);
+}
+
+.navigation-sidebar > row:selected:focus-visible:focus-within:hover {
+ background-color: alpha(currentColor, 0.16);
+}
+
+.navigation-sidebar > row:disabled {
+ color: rgba(0, 0, 0, 0.38);
+}
+
+/****************
+ * File chooser *
+ ****************/
+row image.sidebar-icon {
+ transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
+ color: rgba(0, 0, 0, 0.6);
+}
+
+row image.sidebar-icon:disabled {
+ color: rgba(0, 0, 0, 0.26);
+}
+
+placessidebar.sidebar > viewport.frame {
+ border-style: none;
+}
+
+placessidebar.sidebar list > separator {
+ margin: 3px 0;
+}
+
+placessidebar.sidebar row:selected {
+ background-color: rgba(0, 0, 0, 0.12);
+ font-weight: 500;
+}
+
+placessidebar.sidebar row:disabled {
+ color: rgba(0, 0, 0, 0.38);
+}
+
+placessidebar.sidebar row image.sidebar-icon:dir(ltr) {
+ padding-right: 8px;
+}
+
+placessidebar.sidebar row image.sidebar-icon:dir(rtl) {
+ padding-left: 8px;
+}
+
+placessidebar.sidebar row label.sidebar-label {
+ color: inherit;
+}
+
+placessidebar.sidebar row label.sidebar-label:dir(ltr) {
+ padding-right: 2px;
+}
+
+placessidebar.sidebar row label.sidebar-label:dir(rtl) {
+ padding-left: 2px;
+}
+
+placessidebar.sidebar row.sidebar-placeholder-row {
+ background-color: alpha(currentColor, 0.08);
+}
+
+placessidebar.sidebar row.sidebar-new-bookmark-row {
+ color: #3c84f7;
+}
+
+placessidebar.sidebar row.sidebar-new-bookmark-row image.sidebar-icon {
+ color: #3c84f7;
+}
+
+placessidebar.sidebar row:drop(active) {
+ box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+placesview .server-list-button > image {
+ transition: 200ms cubic-bezier(0, 0, 0.2, 1);
+ -gtk-icon-transform: rotate(0turn);
+}
+
+placesview .server-list-button:checked > image {
+ transition: 200ms cubic-bezier(0, 0, 0.2, 1);
+ -gtk-icon-transform: rotate(-0.5turn);
+}
+
+placesview > actionbar > revealer > box > label {
+ border-spacing: 6px;
+}
+
+/*********
+ * Paned *
+ *********/
+paned > separator {
+ min-width: 1px;
+ min-height: 1px;
+ -gtk-icon-source: none;
+ border-style: none;
+ background-color: transparent;
+ background-image: image(#e0e0e0);
+ background-size: 1px 1px;
+ background-clip: content-box;
+}
+
+paned > separator.wide {
+ min-width: 6px;
+ min-height: 6px;
+ background-color: #FFFFFF;
+ background-image: image(#e0e0e0), image(#e0e0e0);
+ background-size: 1px 1px, 1px 1px;
+}
+
+paned.horizontal > separator {
+ background-repeat: repeat-y;
+}
+
+paned.horizontal > separator:dir(ltr) {
+ margin: 0 -8px 0 0;
+ padding: 0 8px 0 0;
+ background-position: left;
+}
+
+paned.horizontal > separator:dir(rtl) {
+ margin: 0 0 0 -8px;
+ padding: 0 0 0 8px;
+ background-position: right;
+}
+
+paned.horizontal > separator.wide {
+ margin: 0;
+ padding: 0;
+ background-repeat: repeat-y, repeat-y;
+ background-position: left, right;
+}
+
+paned.vertical > separator {
+ margin: 0 0 -8px 0;
+ padding: 0 0 8px 0;
+ background-repeat: repeat-x;
+ background-position: top;
+}
+
+paned.vertical > separator.wide {
+ margin: 0;
+ padding: 0;
+ background-repeat: repeat-x, repeat-x;
+ background-position: bottom, top;
+}
+
+/************
+ * GtkVideo *
+ ************/
+video {
+ background: black;
+ border-radius: 6px;
+}
+
+video image.osd {
+ min-width: 64px;
+ min-height: 64px;
+ border-radius: 9999px;
+ border: none;
+}
+
+/**************
+ * GtkInfoBar *
+ **************/
+infobar {
+ border: none;
+ margin-bottom: 0;
+}
+
+infobar > revealer > box {
+ padding: 6px;
+ border-spacing: 12px;
+}
+
+infobar.info > revealer > box, infobar.info:hover > revealer > box, infobar.info:backdrop > revealer > box {
+ background-color: #FFFFFF;
+}
+
+infobar.info > revealer > box button, infobar.info > revealer > box button.text-button:not(:disabled), infobar.info:hover > revealer > box button, infobar.info:hover > revealer > box button.text-button:not(:disabled), infobar.info:backdrop > revealer > box button, infobar.info:backdrop > revealer > box button.text-button:not(:disabled) {
+ color: #3c84f7;
+}
+
+infobar.action > revealer > box, infobar.action:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:backdrop > revealer > box {
+ background-color: #3c84f7;
+ color: #FFFFFF;
+}
+
+infobar.action > revealer > box button, infobar.action > revealer > box button:hover, infobar.action > revealer > box button:focus, infobar.action > revealer > box button:active, infobar.action > revealer > box button:checked, infobar.action > revealer > box button.text-button:not(:disabled), infobar.action:backdrop > revealer > box button, infobar.action:backdrop > revealer > box button:hover, infobar.action:backdrop > revealer > box button:focus, infobar.action:backdrop > revealer > box button:active, infobar.action:backdrop > revealer > box button:checked, infobar.action:backdrop > revealer > box button.text-button:not(:disabled), infobar.question > revealer > box button, infobar.question > revealer > box button:hover, infobar.question > revealer > box button:focus, infobar.question > revealer > box button:active, infobar.question > revealer > box button:checked, infobar.question > revealer > box button.text-button:not(:disabled), infobar.question:backdrop > revealer > box button, infobar.question:backdrop > revealer > box button:hover, infobar.question:backdrop > revealer > box button:focus, infobar.question:backdrop > revealer > box button:active, infobar.question:backdrop > revealer > box button:checked, infobar.question:backdrop > revealer > box button.text-button:not(:disabled) {
+ color: #FFFFFF;
+}
+
+infobar.action > revealer > box *:link, infobar.action:backdrop > revealer > box *:link, infobar.question > revealer > box *:link, infobar.question:backdrop > revealer > box *:link {
+ color: #FFFFFF;
+}
+
+infobar.action:hover > revealer > box, infobar.question:hover > revealer > box {
+ background-color: #5493f8;
+}
+
+infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box {
+ background-color: #FFD600;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.warning > revealer > box button, infobar.warning > revealer > box button:hover, infobar.warning > revealer > box button:focus, infobar.warning > revealer > box button:active, infobar.warning > revealer > box button:checked, infobar.warning > revealer > box button.text-button:not(:disabled), infobar.warning:backdrop > revealer > box button, infobar.warning:backdrop > revealer > box button:hover, infobar.warning:backdrop > revealer > box button:focus, infobar.warning:backdrop > revealer > box button:active, infobar.warning:backdrop > revealer > box button:checked, infobar.warning:backdrop > revealer > box button.text-button:not(:disabled) {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.warning > revealer > box *:link, infobar.warning:backdrop > revealer > box *:link {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.warning:hover > revealer > box {
+ background-color: #ffda1a;
+}
+
+infobar.error > revealer > box, infobar.error:backdrop > revealer > box {
+ background-color: #E53935;
+ color: #FFFFFF;
+}
+
+infobar.error > revealer > box button, infobar.error > revealer > box button:hover, infobar.error > revealer > box button:focus, infobar.error > revealer > box button:active, infobar.error > revealer > box button:checked, infobar.error > revealer > box button.text-button:not(:disabled), infobar.error:backdrop > revealer > box button, infobar.error:backdrop > revealer > box button:hover, infobar.error:backdrop > revealer > box button:focus, infobar.error:backdrop > revealer > box button:active, infobar.error:backdrop > revealer > box button:checked, infobar.error:backdrop > revealer > box button.text-button:not(:disabled) {
+ color: #FFFFFF;
+}
+
+infobar.error > revealer > box *:link, infobar.error:backdrop > revealer > box *:link {
+ color: #FFFFFF;
+}
+
+infobar.error:hover > revealer > box {
+ background-color: #e84f4c;
+}
+
+/************
+ * Tooltips *
+ ************/
+tooltip {
+ padding: 6px 12px;
+ box-shadow: none;
+ border: none;
+}
+
+tooltip.background {
+ background-color: rgba(52, 52, 52, 0.9);
+ color: #FFFFFF;
+ box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+ border-radius: 3px;
+ margin: 2px 6px 8px 6px;
+ border: none;
+}
+
+tooltip > box {
+ border-spacing: 6px;
+}
+
+/*****************
+ * Color Chooser *
+ *****************/
+colorswatch.top {
+ border-top-left-radius: 6px;
+ border-top-right-radius: 6px;
+}
+
+colorswatch.top overlay {
+ border-top-left-radius: 6px;
+ border-top-right-radius: 6px;
+}
+
+colorswatch.bottom {
+ border-bottom-left-radius: 6px;
+ border-bottom-right-radius: 6px;
+}
+
+colorswatch.bottom overlay {
+ border-bottom-left-radius: 6px;
+ border-bottom-right-radius: 6px;
+}
+
+colorswatch.left, colorswatch:first-child:not(.top) {
+ border-top-left-radius: 6px;
+ border-bottom-left-radius: 6px;
+}
+
+colorswatch.left overlay, colorswatch:first-child:not(.top) overlay {
+ border-top-left-radius: 6px;
+ border-bottom-left-radius: 6px;
+}
+
+colorswatch.right, colorswatch:last-child:not(.bottom) {
+ border-top-right-radius: 6px;
+ border-bottom-right-radius: 6px;
+}
+
+colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay {
+ border-top-right-radius: 6px;
+ border-bottom-right-radius: 6px;
+}
+
+colorswatch.dark {
+ color: #FFFFFF;
+}
+
+colorswatch.light {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+colorchooser colorswatch:hover {
+ transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+ box-shadow: 0 0 0 2px #3c84f7;
+}
+
+colorswatch#add-color-button {
+ border-radius: 6px 0 0 6px;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+colorswatch#add-color-button:only-child {
+ border-radius: 6px;
+}
+
+colorswatch#add-color-button overlay {
+ background-color: rgba(0, 0, 0, 0.04);
+}
+
+colorswatch#add-color-button overlay:hover {
+ background-color: rgba(0, 0, 0, 0.12);
+ box-shadow: none;
+}
+
+colorswatch#add-color-button overlay:active {
+ background-color: rgba(0, 0, 0, 0.26);
+}
+
+colorswatch:disabled {
+ opacity: 0.5;
+}
+
+colorswatch:disabled overlay {
+ box-shadow: none;
+}
+
+colorswatch#editor-color-sample {
+ border-radius: 6px;
+}
+
+colorswatch#editor-color-sample overlay {
+ border-radius: 6px;
+}
+
+colorswatch#editor-color-sample overlay:hover {
+ box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17);
+}
+
+colorchooser .popover.osd {
+ transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+ border-radius: 6px;
+ box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.15);
+ background-color: #FFFFFF;
+}
+
+colorchooser .popover.osd:backdrop {
+ box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.2), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.15);
+}
+
+/********
+ * Misc *
+ ********/
+.content-view {
+ background-color: #FFFFFF;
+}
+
+/**********************
+ * Window Decorations *
+ **********************/
+window.csd {
+ transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+ border-radius: 12px;
+ outline-color: rgba(255, 255, 255, 0.15);
+ outline-offset: -1px;
+ outline-style: solid;
+ outline-width: 1px;
+ box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2), 0 16px 15px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12), 0 0 0 1px rgba(0, 0, 0, 0.12), 0 0 36px transparent;
+}
+
+window.csd:backdrop {
+ box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 0 0 1px rgba(0, 0, 0, 0.12), 0 0 36px transparent;
+}
+
+window.csd.popup {
+ border-radius: 12px;
+}
+
+window.csd.dialog.message {
+ border-radius: 12px;
+}
+
+.solid-csd window.csd {
+ margin: 0;
+ padding: 2px;
+ border-radius: 0;
+ background-color: #F2F2F2;
+ border: 1px solid #e0e0e0;
+}
+
+.solid-csd window.csd:backdrop {
+ background-color: #FAFAFA;
+}
+
+window.csd.maximized, window.csd.fullscreen, window.csd.tiled, window.csd.tiled-top, window.csd.tiled-right, window.csd.tiled-bottom, window.csd.tiled-left {
+ border-radius: 0;
+}
+
+windowcontrols button:not(.suggested-action):not(.destructive-action) {
+ min-height: 16px;
+ min-width: 16px;
+ padding: 0;
+ margin: 0 4px;
+}
+
+windowcontrols button.minimize:not(.suggested-action):not(.destructive-action), windowcontrols button.maximize:not(.suggested-action):not(.destructive-action), windowcontrols button.close:not(.suggested-action):not(.destructive-action) {
+ color: transparent;
+}
+
+windowcontrols button.minimize:not(.suggested-action):not(.destructive-action) image, windowcontrols button.maximize:not(.suggested-action):not(.destructive-action) image, windowcontrols button.close:not(.suggested-action):not(.destructive-action) image {
+ padding: 0;
+}
+
+windowcontrols button.minimize:hover:not(.suggested-action):not(.destructive-action), windowcontrols button.maximize:hover:not(.suggested-action):not(.destructive-action), windowcontrols button.close:hover:not(.suggested-action):not(.destructive-action) {
+ box-shadow: none;
+}
+
+windowcontrols button.minimize:active:not(.suggested-action):not(.destructive-action), windowcontrols button.maximize:active:not(.suggested-action):not(.destructive-action), windowcontrols button.close:active:not(.suggested-action):not(.destructive-action) {
+ box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.12);
+}
+
+windowcontrols button.minimize:hover:not(.suggested-action):not(.destructive-action), windowcontrols button.minimize:active:not(.suggested-action):not(.destructive-action), windowcontrols button.maximize:hover:not(.suggested-action):not(.destructive-action), windowcontrols button.maximize:active:not(.suggested-action):not(.destructive-action), windowcontrols button.close:hover:not(.suggested-action):not(.destructive-action), windowcontrols button.close:active:not(.suggested-action):not(.destructive-action) {
+ color: white;
+}
+
+windowcontrols button.minimize:backdrop:not(.suggested-action):not(.destructive-action), windowcontrols button.maximize:backdrop:not(.suggested-action):not(.destructive-action), windowcontrols button.close:backdrop:not(.suggested-action):not(.destructive-action) {
+ background-color: rgba(0, 0, 0, 0.26);
+}
+
+windowcontrols button.minimize:backdrop:hover:not(.suggested-action):not(.destructive-action), windowcontrols button.minimize:backdrop:active:not(.suggested-action):not(.destructive-action), windowcontrols button.maximize:backdrop:hover:not(.suggested-action):not(.destructive-action), windowcontrols button.maximize:backdrop:active:not(.suggested-action):not(.destructive-action), windowcontrols button.close:backdrop:hover:not(.suggested-action):not(.destructive-action), windowcontrols button.close:backdrop:active:not(.suggested-action):not(.destructive-action) {
+ color: rgba(0, 0, 0, 0.38);
+}
+
+windowcontrols button.minimize:not(.suggested-action):not(.destructive-action) {
+ background-color: #fdbe04;
+}
+
+windowcontrols button.minimize:active:not(.suggested-action):not(.destructive-action) {
+ background-color: rgba(201, 151, 3, 0.9675);
+}
+
+windowcontrols button.maximize:not(.suggested-action):not(.destructive-action) {
+ background-color: #38c76a;
+}
+
+windowcontrols button.maximize:active:not(.suggested-action):not(.destructive-action) {
+ background-color: rgba(45, 158, 84, 0.9675);
+}
+
+windowcontrols button.close:not(.suggested-action):not(.destructive-action) {
+ background-color: #fd5f51;
+}
+
+windowcontrols button.close:active:not(.suggested-action):not(.destructive-action) {
+ background-color: rgba(201, 76, 64, 0.9675);
+}
+
+windowcontrols {
+ border-spacing: 6px;
+}
+
+windowcontrols:not(.empty).start:dir(ltr), windowcontrols:not(.empty).end:dir(rtl) {
+ margin-right: 6px;
+ margin-left: 6px;
+}
+
+windowcontrols:not(.empty).start:dir(rtl), windowcontrols:not(.empty).end:dir(ltr) {
+ margin-left: 6px;
+ margin-right: 6px;
+}
+
+.view:selected, iconview:selected, gridview > child:selected, modelbutton.flat:selected, columnview.view:selected,
+treeview.view:selected, row:selected, calendar:selected, calendar > grid > label.day-number:selected {
+ background-color: alpha(currentColor, 0.06);
+}
+
+flowbox > flowboxchild:selected, calendar > grid > label.today {
+ color: #3c84f7;
+ background-color: rgba(60, 132, 247, 0.2);
+}
+
+textview text selection:focus, textview text selection, label > selection,
+entry > text > selection, calendar > grid > label.today:selected {
+ color: #FFFFFF;
+ background-color: #3c84f7;
+}
+
+.monospace {
+ font-family: monospace;
+}
+
+/**********************
+ * Touch Copy & Paste *
+ **********************/
+cursor-handle {
+ color: #3c84f7;
+ -gtk-icon-source: -gtk-recolor(url("assets/scalable/cursor-handle-symbolic.svg"));
+}
+
+cursor-handle.insertion-cursor:dir(ltr), cursor-handle.insertion-cursor:dir(rtl) {
+ padding-top: 6px;
+}
+
+shortcuts-section {
+ margin: 20px;
+}
+
+.shortcuts-search-results {
+ margin: 20px;
+ border-spacing: 24px;
+}
+
+shortcut {
+ border-spacing: 6px;
+}
+
+shortcut > .keycap {
+ min-width: 12px;
+ min-height: 26px;
+ margin-top: 2px;
+ padding-bottom: 2px;
+ padding-left: 8px;
+ padding-right: 8px;
+ border: solid 1px rgba(0, 0, 0, 0.12);
+ border-radius: 7px;
+ box-shadow: inset 0 -2px rgba(0, 0, 0, 0.12);
+ background-color: #FFFFFF;
+ color: rgba(0, 0, 0, 0.87);
+ font-size: smaller;
+}
+
+:not(decoration):not(window):drop(active) {
+ caret-color: #3c84f7;
+}
+
+stackswitcher {
+ min-height: 0;
+ padding: 3px;
+ margin: 6px 0;
+ border-radius: 9px;
+ background-color: rgba(0, 0, 0, 0.04);
+ border: none;
+}
+
+stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action) {
+ margin: 0 0;
+ background-color: transparent;
+ border-radius: 6px;
+ padding: 3px 10px;
+}
+
+stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button {
+ min-width: 100px;
+}
+
+stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action):focus:not(:hover):not(:checked) {
+ box-shadow: none;
+}
+
+stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action):checked {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ background-color: white;
+ color: rgba(0, 0, 0, 0.87);
+ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
+}
+
+stackswitcher button.text-button {
+ min-width: 100px;
+}
+
+stackswitcher button.circular,
+stackswitcher button.text-button.circular {
+ min-width: 36px;
+ min-height: 36px;
+ padding: 0;
+}
+
+/*************
+ * App Icons *
+ *************/
+.lowres-icon {
+ -gtk-icon-shadow: none;
+}
+
+.icon-dropshadow {
+ -gtk-icon-shadow: none;
+}
+
+/*********
+ * Emoji *
+ *********/
+popover.emoji-picker {
+ padding: 0;
+}
+
+popover.emoji-picker > contents {
+ padding: 0;
+}
+
+.emoji-searchbar {
+ padding: 6px;
+ border-spacing: 6px;
+ border-bottom: 1px solid rgba(0, 0, 0, 0.12);
+ background: none;
+}
+
+.emoji-searchbar entry text {
+ background: none;
+ box-shadow: none;
+}
+
+.emoji-toolbar {
+ padding: 0;
+ border-spacing: 3px;
+ border-top: 1px solid rgba(0, 0, 0, 0.12);
+ background: none;
+}
+
+button.emoji-section {
+ margin: 0;
+ padding: 6px;
+ border-radius: 6px;
+}
+
+button.emoji-section:checked {
+ color: #3c84f7;
+}
+
+popover.emoji-picker emoji {
+ font-size: x-large;
+ padding: 6px;
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ border-radius: 6px;
+}
+
+popover.emoji-picker emoji:focus, popover.emoji-picker emoji:hover {
+ background: alpha(currentColor, 0.08);
+}
+
+emoji-completion-row {
+ min-height: 28px;
+ padding: 0 12px;
+}
+
+emoji-completion-row > box {
+ border-spacing: 6px;
+ padding: 2px 6px;
+}
+
+emoji-completion-row:focus, emoji-completion-row:hover,
+emoji-completion-row emoji:hover, emoji-completion-row emoji:focus {
+ background-color: alpha(currentColor, 0.08);
+ color: rgba(0, 0, 0, 0.87);
+}
+
+popover.entry-completion > contents {
+ padding: 0;
+}
+
+/**************
+ * Extensions *
+ **************/
+window.background.csd stack stack stack frame > border,
+window.background.csd > stack > stack > box > frame > border,
+window.background.csd > stack > stack > box > box > frame > border,
+window.background.csd > stack > box > stack > box > frame > border,
+window.background.csd > stack > box > stack > scrolledwindow > viewport frame > border,
+window.background.csd > stack > box > stack > box > scrolledwindow > viewport > frame > border,
+window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > border {
+ border: none;
+}
+
+window.background.csd > stack > box > box > list,
+window.background.csd > stack > box > stack > scrolledwindow > viewport > list {
+ border-bottom-left-radius: 12px;
+}
+
+window.background.csd > stack > box > .sidebar > scrolledwindow > viewport > list {
+ padding: 0 0;
+}
+
+avatar {
+ border-radius: 9999px;
+ font-weight: bold;
+}
+
+avatar.color1 {
+ background-image: linear-gradient(#83b6ec, #337fdc);
+ color: #cfe1f5;
+}
+
+avatar.color2 {
+ background-image: linear-gradient(#7ad9f1, #0f9ac8);
+ color: #caeaf2;
+}
+
+avatar.color3 {
+ background-image: linear-gradient(#8de6b1, #29ae74);
+ color: #cef8d8;
+}
+
+avatar.color4 {
+ background-image: linear-gradient(#b5e98a, #6ab85b);
+ color: #e6f9d7;
+}
+
+avatar.color5 {
+ background-image: linear-gradient(#f8e359, #d29d09);
+ color: #f9f4e1;
+}
+
+avatar.color6 {
+ background-image: linear-gradient(#ffcb62, #d68400);
+ color: #ffead1;
+}
+
+avatar.color7 {
+ background-image: linear-gradient(#ffa95a, #ed5b00);
+ color: #ffe5c5;
+}
+
+avatar.color8 {
+ background-image: linear-gradient(#f78773, #e62d42);
+ color: #f8d2ce;
+}
+
+avatar.color9 {
+ background-image: linear-gradient(#e973ab, #e33b6a);
+ color: #fac7de;
+}
+
+avatar.color10 {
+ background-image: linear-gradient(#cb78d4, #9945b5);
+ color: #e7c2e8;
+}
+
+avatar.color11 {
+ background-image: linear-gradient(#9e91e8, #7a59ca);
+ color: #d5d2f5;
+}
+
+avatar.color12 {
+ background-image: linear-gradient(#e3cf9c, #b08952);
+ color: #f2eade;
+}
+
+avatar.color13 {
+ background-image: linear-gradient(#be916d, #785336);
+ color: #e5d6ca;
+}
+
+avatar.color14 {
+ background-image: linear-gradient(#c0bfbc, #6e6d71);
+ color: #d8d7d3;
+}
+
+avatar.contrasted {
+ color: white;
+}
+
+avatar.image {
+ background: none;
+}
+
+preferencespage > scrolledwindow > viewport > clamp > box {
+ margin: 24px 12px;
+ border-spacing: 24px;
+}
+
+preferencesgroup > box, preferencesgroup > box .labels {
+ border-spacing: 6px;
+}
+
+preferencesgroup > box > box.header:not(.single-line) {
+ margin-bottom: 6px;
+}
+
+preferencesgroup > box > box.single-line {
+ min-height: 34px;
+}
+
+statuspage > scrolledwindow > viewport > box {
+ margin: 36px 12px;
+ border-spacing: 36px;
+}
+
+statuspage > scrolledwindow > viewport > box > clamp > box {
+ border-spacing: 12px;
+}
+
+statuspage > scrolledwindow > viewport > box > clamp > box > .icon {
+ -gtk-icon-size: 128px;
+ color: alpha(currentColor, 0.55);
+}
+
+statuspage > scrolledwindow > viewport > box > clamp > box > .icon:disabled {
+ opacity: 0.35;
+}
+
+statuspage > scrolledwindow > viewport > box > clamp > box > .icon:not(:last-child) {
+ margin-bottom: 24px;
+}
+
+statuspage.compact > scrolledwindow > viewport > box {
+ margin: 24px 12px;
+ border-spacing: 24px;
+}
+
+statuspage.compact > scrolledwindow > viewport > box > clamp > box > .icon {
+ -gtk-icon-size: 96px;
+}
+
+statuspage.compact > scrolledwindow > viewport > box > clamp > box > .icon:not(:last-child) {
+ margin-bottom: 12px;
+}
+
+statuspage.compact > scrolledwindow > viewport > box > clamp > box > .title {
+ font-size: 18pt;
+}
+
+/* GTK NAMED COLORS
+ ----------------
+ use responsibly! */
+/*
+widget text/foreground color */
+@define-color theme_fg_color rgba(0, 0, 0, 0.87);
+/*
+text color for entries, views and content in general */
+@define-color theme_text_color rgba(0, 0, 0, 0.87);
+/*
+widget base background color */
+@define-color theme_bg_color #FFFFFF;
+/*
+text widgets and the like base background color */
+@define-color theme_base_color #FFFFFF;
+/*
+base background color of selections */
+@define-color theme_selected_bg_color #3c84f7;
+/*
+text/foreground color of selections */
+@define-color theme_selected_fg_color #FFFFFF;
+/*
+base background color of insensitive widgets */
+@define-color insensitive_bg_color #FFFFFF;
+/*
+text foreground color of insensitive widgets */
+@define-color insensitive_fg_color rgba(0, 0, 0, 0.38);
+/*
+insensitive text widgets and the like base background color */
+@define-color insensitive_base_color #FAFAFA;
+/*
+widget text/foreground color on backdrop windows */
+@define-color theme_unfocused_fg_color rgba(0, 0, 0, 0.87);
+/*
+text color for entries, views and content in general on backdrop windows */
+@define-color theme_unfocused_text_color rgba(0, 0, 0, 0.87);
+/*
+widget base background color on backdrop windows */
+@define-color theme_unfocused_bg_color #FFFFFF;
+/*
+text widgets and the like base background color on backdrop windows */
+@define-color theme_unfocused_base_color #FFFFFF;
+/*
+base background color of selections on backdrop windows */
+@define-color theme_unfocused_selected_bg_color #3c84f7;
+/*
+text/foreground color of selections on backdrop windows */
+@define-color theme_unfocused_selected_fg_color #FFFFFF;
+/*
+insensitive color on backdrop windows */
+@define-color unfocused_insensitive_color rgba(0, 0, 0, 0.38);
+/*
+widgets main borders color */
+@define-color borders rgba(0, 0, 0, 0.12);
+/*
+widgets main borders color on backdrop windows */
+@define-color unfocused_borders rgba(0, 0, 0, 0.12);
+/*
+these are pretty self explicative */
+@define-color warning_color #FFD600;
+@define-color error_color #E53935;
+@define-color success_color #4CAF50;
+/*
+these colors are exported for the window manager and shouldn't be used in applications,
+read if you used those and something break with a version upgrade you're on your own... */
+@define-color wm_title rgba(0, 0, 0, 0.87);
+@define-color wm_unfocused_title rgba(0, 0, 0, 0.6);
+@define-color wm_highlight rgba(255, 255, 255, 0.15);
+@define-color wm_border #a6a6a6;
+@define-color wm_bg #F2F2F2;
+@define-color wm_unfocused_bg #FAFAFA;
+@define-color wm_button_icon white;
+@define-color wm_button_close_hover_bg #fd5f51;
+@define-color wm_button_close_active_bg #fc2714;
+@define-color wm_button_max_hover_bg #38c76a;
+@define-color wm_button_max_active_bg #2b9751;
+@define-color wm_button_min_hover_bg #fdbe04;
+@define-color wm_button_min_active_bg #c29102;
+/*
+FIXME this is really an API */
+@define-color content_view_bg #FFFFFF;
+@define-color placeholder_text_color #666666;
+/* Very contrasty background for text views (@theme_text_color foreground) */
+@define-color text_view_bg #FFFFFF;
+@define-color budgie_tasklist_indicator_color white;
+@define-color budgie_tasklist_indicator_color_active white;
+@define-color budgie_tasklist_indicator_color_active_window #f9f9f9;
+@define-color budgie_tasklist_indicator_color_attention #FFD600;
+@define-color STRAWBERRY_100 #FF9262;
+@define-color STRAWBERRY_300 #FF793E;
+@define-color STRAWBERRY_500 #F15D22;
+@define-color STRAWBERRY_700 #CF3B00;
+@define-color STRAWBERRY_900 #AC1800;
+@define-color ORANGE_100 #FFDB91;
+@define-color ORANGE_300 #FFCA40;
+@define-color ORANGE_500 #FAA41A;
+@define-color ORANGE_700 #DE8800;
+@define-color ORANGE_900 #C26C00;
+@define-color BANANA_100 #FFFFA8;
+@define-color BANANA_300 #FFFA7D;
+@define-color BANANA_500 #FFCE51;
+@define-color BANANA_700 #D1A023;
+@define-color BANANA_900 #A27100;
+@define-color LIME_100 #A2F3BE;
+@define-color LIME_300 #8ADBA6;
+@define-color LIME_500 #73C48F;
+@define-color LIME_700 #479863;
+@define-color LIME_900 #1C6D38;
+@define-color BLUEBERRY_100 #94A6FF;
+@define-color BLUEBERRY_300 #6A7CE0;
+@define-color BLUEBERRY_500 #3F51B5;
+@define-color BLUEBERRY_700 #213397;
+@define-color BLUEBERRY_900 #031579;
+@define-color GRAPE_100 #D25DE6;
+@define-color GRAPE_300 #B84ACB;
+@define-color GRAPE_500 #9C27B0;
+@define-color GRAPE_700 #830E97;
+@define-color GRAPE_900 #6A007E;
+@define-color COCOA_100 #9F9792;
+@define-color COCOA_300 #7B736E;
+@define-color COCOA_500 #574F4A;
+@define-color COCOA_700 #463E39;
+@define-color COCOA_900 #342C27;
+@define-color SILVER_100 #EEE;
+@define-color SILVER_300 #CCC;
+@define-color SILVER_500 #AAA;
+@define-color SILVER_700 #888;
+@define-color SILVER_900 #666;
+@define-color SLATE_100 #888;
+@define-color SLATE_300 #666;
+@define-color SLATE_500 #444;
+@define-color SLATE_700 #222;
+@define-color SLATE_900 #111;
+@define-color BLACK_100 #474341;
+@define-color BLACK_300 #403C3A;
+@define-color BLACK_500 #393634;
+@define-color BLACK_700 #33302F;
+@define-color BLACK_900 #2B2928;
diff --git a/src/main/gtk-4.0/gtk-light.scss b/src/main/gtk-4.0/gtk-Light.scss
similarity index 100%
rename from src/main/gtk-4.0/gtk-light.scss
rename to src/main/gtk-4.0/gtk-Light.scss
diff --git a/src/main/metacity-1/metacity-theme-3-normal.xml b/src/main/metacity-1/metacity-theme-3-Normal.xml
similarity index 100%
rename from src/main/metacity-1/metacity-theme-3-normal.xml
rename to src/main/metacity-1/metacity-theme-3-Normal.xml
diff --git a/src/main/plank/theme-dark-dracula/dock.theme b/src/main/plank/theme-Dark-Dracula/dock.theme
similarity index 100%
rename from src/main/plank/theme-dark-dracula/dock.theme
rename to src/main/plank/theme-Dark-Dracula/dock.theme
diff --git a/src/main/plank/theme-dark-nord/dock.theme b/src/main/plank/theme-Dark-Nord/dock.theme
similarity index 100%
rename from src/main/plank/theme-dark-nord/dock.theme
rename to src/main/plank/theme-Dark-Nord/dock.theme
diff --git a/src/main/plank/theme-dark/dock.theme b/src/main/plank/theme-Dark/dock.theme
similarity index 100%
rename from src/main/plank/theme-dark/dock.theme
rename to src/main/plank/theme-Dark/dock.theme
diff --git a/src/main/plank/theme-light-dracula/dock.theme b/src/main/plank/theme-Light-Dracula/dock.theme
similarity index 100%
rename from src/main/plank/theme-light-dracula/dock.theme
rename to src/main/plank/theme-Light-Dracula/dock.theme
diff --git a/src/main/plank/theme-light-nord/dock.theme b/src/main/plank/theme-Light-Nord/dock.theme
similarity index 100%
rename from src/main/plank/theme-light-nord/dock.theme
rename to src/main/plank/theme-Light-Nord/dock.theme
diff --git a/src/main/plank/theme-light/dock.theme b/src/main/plank/theme-Light/dock.theme
similarity index 100%
rename from src/main/plank/theme-light/dock.theme
rename to src/main/plank/theme-Light/dock.theme
diff --git a/src/main/xfwm4/themerc-light b/src/main/xfwm4/themerc-Light
similarity index 100%
rename from src/main/xfwm4/themerc-light
rename to src/main/xfwm4/themerc-Light
diff --git a/src/sass/gtk/_common-3.0.scss b/src/sass/gtk/_common-3.0.scss
index 6cb92cc6..5b06d201 100644
--- a/src/sass/gtk/_common-3.0.scss
+++ b/src/sass/gtk/_common-3.0.scss
@@ -1866,7 +1866,7 @@ popover.background {
// &:checked { color: $primary; }
}
- separator { margin: 4px 0; }
+ separator { margin: $space-size / 2 0; }
list separator { margin: 0; }
}
diff --git a/src/sass/gtk/_common-4.0.scss b/src/sass/gtk/_common-4.0.scss
index 658531f8..2626e87e 100644
--- a/src/sass/gtk/_common-4.0.scss
+++ b/src/sass/gtk/_common-4.0.scss
@@ -1384,6 +1384,8 @@ searchbar > revealer > box {
background-color: $background;
background-clip: border-box;
box-shadow: none;
+
+ entry { margin: 0; }
}
/***************
@@ -3881,7 +3883,7 @@ separator.sidebar {
&.selection-mode,
.selection-mode & {
- background-color: rgba(white, 0.15);
+ background-color: rgba(white, 0.12);
}
}
@@ -4182,7 +4184,7 @@ tooltip {
background-color: $tooltip;
color: on($tooltip);
box-shadow: $shadow-z4;
- border-radius: $corner-radius/2;
+ border-radius: $corner-radius / 2;
margin: 2px 6px 8px 6px;
border: none;
}
diff --git a/src/sass/gtk/apps/_misc.scss b/src/sass/gtk/apps/_misc.scss
index 93506cf4..578cabfa 100644
--- a/src/sass/gtk/apps/_misc.scss
+++ b/src/sass/gtk/apps/_misc.scss
@@ -76,7 +76,7 @@ window.background.chromium {
// toolbar's border-bottom refers to button's border
// FIXME: Chrome's button border ignores theme's alpha value :(
entry,
- > button { border: 1px solid $track; }
+ > button { border: 1px solid $solid-border; }
> button {
color: $primary;