diff --git a/src/build.sh b/src/build.sh new file mode 100755 index 00000000..c294dd01 --- /dev/null +++ b/src/build.sh @@ -0,0 +1,43 @@ +#! /usr/bin/env bash + +# Check command availability +function has_command() { + command -v $1 > /dev/null +} + +if [ ! "$(which sassc 2> /dev/null)" ]; then + echo sassc needs to be installed to generate the css. + if has_command zypper; then + sudo zypper in sassc + elif has_command apt; then + sudo apt install sassc + elif has_command dnf; then + sudo dnf install -y sassc + elif has_command yum; then + sudo yum install sassc + elif has_command pacman; then + sudo pacman -S --noconfirm sassc + fi +fi + +SASSC_OPT="-M -t expanded" + +_COLOR_VARIANTS=('' '-light' '-dark') +if [ ! -z "${COLOR_VARIANTS:-}" ]; then + IFS=', ' read -r -a _COLOR_VARIANTS <<< "${COLOR_VARIANTS:-}" +fi + +cp -rf src/sass/_tweaks.scss src/sass/_tweaks-temp.scss + +for color in "${_COLOR_VARIANTS[@]}"; do + sassc $SASSC_OPT src/main/gtk-3.0/gtk${color}.{scss,css} + echo "==> Generating the 3.0 gtk${color}.css..." + sassc $SASSC_OPT src/main/gtk-4.0/gtk${color}.{scss,css} + echo "==> Generating the 4.0 gtk${color}.css..." + sassc $SASSC_OPT src/main/gnome-shell/shell-3-28/gnome-shell${color}.{scss,css} + echo "==> Generating the 3.28 gnome-shell${color}.css..." + sassc $SASSC_OPT src/main/gnome-shell/shell-40-0/gnome-shell${color}.{scss,css} + echo "==> Generating the 40.0 gnome-shell${color}.css..." + sassc $SASSC_OPT src/main/cinnamon/cinnamon${color}.{scss,css} + echo "==> Generating the cinnamon${color}.css..." +done diff --git a/src/install.sh b/src/install.sh new file mode 100755 index 00000000..28fc09d0 --- /dev/null +++ b/src/install.sh @@ -0,0 +1,500 @@ +#! /usr/bin/env bash + +set -Eeo pipefail + +REPO_DIR="$(cd "$(dirname "${BASH_SOURCE[0]}")" >/dev/null 2>&1 && pwd)" +SRC_DIR="${REPO_DIR}/src" + +ROOT_UID=0 +DEST_DIR= + +ctype= + +# Destination directory +if [ "$UID" -eq "$ROOT_UID" ]; then + DEST_DIR="/usr/share/themes" +else + DEST_DIR="$HOME/.themes" +fi + +SASSC_OPT="-M -t expanded" + +THEME_NAME=Catppuccin +THEME_VARIANTS=('' '-purple' '-pink' '-red' '-orange' '-yellow' '-green' '-teal' '-grey') +COLOR_VARIANTS=('' '-light' '-dark') +SIZE_VARIANTS=('' '-compact') + +if [[ "$(command -v gnome-shell)" ]]; then + SHELL_VERSION="$(gnome-shell --version | cut -d ' ' -f 3 | cut -d . -f -1)" + if [[ "${SHELL_VERSION:-}" -ge "40" ]]; then + GS_VERSION="new" + else + GS_VERSION="old" + fi + else + echo "'gnome-shell' not found, using styles for last gnome-shell version available." + GS_VERSION="new" +fi + +usage() { +cat << EOF +Usage: $0 [OPTION]... + +OPTIONS: + -d, --dest DIR Specify destination directory (Default: $DEST_DIR) + + -n, --name NAME Specify theme name (Default: $THEME_NAME) + + -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) + + -s, --size VARIANT Specify size variant [standard|compact] (Default: standard variants) + + --tweaks Specify versions for tweaks [nord|black|rimless] (nord can not mix use with black !) + 1. nord: Nord color version + 2. black: Blackness color version + 3. rimless: Remove the 1px border about windows and menus + + -h, --help Show help +EOF +} + +install() { + local dest="${1}" + local name="${2}" + local theme="${3}" + local color="${4}" + local size="${5}" + local ctype="${6}" + + [[ "${color}" == '-light' ]] && local ELSE_LIGHT="${color}" + [[ "${color}" == '-dark' ]] && local ELSE_DARK="${color}" + + local THEME_DIR="${1}/${2}${3}${4}${5}${6}" + + [[ -d "${THEME_DIR}" ]] && rm -rf "${THEME_DIR}" + + echo "Installing '${THEME_DIR}'..." + + theme_tweaks + + mkdir -p "${THEME_DIR}" + + echo "[Desktop Entry]" >> "${THEME_DIR}/index.theme" + echo "Type=X-GNOME-Metatheme" >> "${THEME_DIR}/index.theme" + echo "Name=${2}${3}${4}${5}${6}" >> "${THEME_DIR}/index.theme" + echo "Comment=An Flat Gtk+ theme based on Elegant Design" >> "${THEME_DIR}/index.theme" + echo "Encoding=UTF-8" >> "${THEME_DIR}/index.theme" + echo "" >> "${THEME_DIR}/index.theme" + echo "[X-GNOME-Metatheme]" >> "${THEME_DIR}/index.theme" + echo "GtkTheme=${2}${3}${4}${5}${6}" >> "${THEME_DIR}/index.theme" + echo "MetacityTheme=${2}${3}${4}${5}${6}" >> "${THEME_DIR}/index.theme" + echo "IconTheme=Tela-circle${ELSE_DARK:-}" >> "${THEME_DIR}/index.theme" + echo "CursorTheme=${2}-cursors" >> "${THEME_DIR}/index.theme" + echo "ButtonLayout=close,minimize,maximize:menu" >> "${THEME_DIR}/index.theme" + + mkdir -p "${THEME_DIR}/gnome-shell" + cp -r "${SRC_DIR}/main/gnome-shell/pad-osd.css" "${THEME_DIR}/gnome-shell" + + if [[ "$tweaks" == 'true' ]]; then + if [[ "${GS_VERSION:-}" == 'new' ]]; then + sassc $SASSC_OPT "${SRC_DIR}/main/gnome-shell/shell-40-0/gnome-shell${color}.scss" "${THEME_DIR}/gnome-shell/gnome-shell.css" + else + sassc $SASSC_OPT "${SRC_DIR}/main/gnome-shell/shell-3-28/gnome-shell${color}.scss" "${THEME_DIR}/gnome-shell/gnome-shell.css" + fi + else + if [[ "${GS_VERSION:-}" == 'new' ]]; then + cp -r "${SRC_DIR}/main/gnome-shell/shell-40-0/gnome-shell${color}.css" "${THEME_DIR}/gnome-shell/gnome-shell.css" + else + cp -r "${SRC_DIR}/main/gnome-shell/shell-3-28/gnome-shell${color}.css" "${THEME_DIR}/gnome-shell/gnome-shell.css" + fi + fi + + cp -r "${SRC_DIR}/assets/gnome-shell/common-assets" "${THEME_DIR}/gnome-shell/assets" + cp -r "${SRC_DIR}/assets/gnome-shell/assets${ELSE_DARK:-}/"*.svg "${THEME_DIR}/gnome-shell/assets" + cp -r "${SRC_DIR}/assets/gnome-shell/theme${theme}/"*.svg "${THEME_DIR}/gnome-shell/assets" + + cd "${THEME_DIR}/gnome-shell" + ln -s assets/no-events.svg no-events.svg + ln -s assets/process-working.svg process-working.svg + ln -s assets/no-notifications.svg no-notifications.svg + + mkdir -p "${THEME_DIR}/gtk-2.0" + cp -r "${SRC_DIR}/main/gtk-2.0/gtkrc${theme}${ELSE_DARK:-}" "${THEME_DIR}/gtk-2.0/gtkrc" + cp -r "${SRC_DIR}/main/gtk-2.0/common/"*'.rc' "${THEME_DIR}/gtk-2.0" + cp -r "${SRC_DIR}/assets/gtk-2.0/assets${theme}${ELSE_DARK:-}" "${THEME_DIR}/gtk-2.0/assets" + + mkdir -p "${THEME_DIR}/gtk-3.0" + cp -r "${SRC_DIR}/assets/gtk/assets${theme}${ctype}" "${THEME_DIR}/gtk-3.0/assets" + cp -r "${SRC_DIR}/assets/gtk/scalable" "${THEME_DIR}/gtk-3.0/assets" + cp -r "${SRC_DIR}/assets/gtk/thumbnail${ELSE_DARK:-}.png" "${THEME_DIR}/gtk-3.0/thumbnail.png" + + if [[ "$tweaks" == 'true' ]]; then + 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" + else + cp -r "${SRC_DIR}/main/gtk-3.0/gtk${color}.css" "${THEME_DIR}/gtk-3.0/gtk.css" + cp -r "${SRC_DIR}/main/gtk-3.0/gtk-dark.css" "${THEME_DIR}/gtk-3.0" + fi + + 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/thumbnail${ELSE_DARK:-}.png" "${THEME_DIR}/gtk-4.0/thumbnail.png" + + if [[ "$tweaks" == 'true' ]]; then + 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" + else + cp -r "${SRC_DIR}/main/gtk-4.0/gtk${color}.css" "${THEME_DIR}/gtk-4.0/gtk.css" + cp -r "${SRC_DIR}/main/gtk-4.0/gtk-dark.css" "${THEME_DIR}/gtk-4.0" + fi + + mkdir -p "${THEME_DIR}/cinnamon" + cp -r "${SRC_DIR}/assets/cinnamon/common-assets" "${THEME_DIR}/cinnamon/assets" + cp -r "${SRC_DIR}/assets/cinnamon/assets${ELSE_DARK:-}/"*'.svg' "${THEME_DIR}/cinnamon/assets" + cp -r "${SRC_DIR}/assets/cinnamon/theme${theme}/"*'.svg' "${THEME_DIR}/cinnamon/assets" + + if [[ "$tweaks" == 'true' ]]; then + sassc $SASSC_OPT "${SRC_DIR}/main/cinnamon/cinnamon${color}.scss" "${THEME_DIR}/cinnamon/cinnamon.css" + else + cp -r "${SRC_DIR}/main/cinnamon/cinnamon${color}.css" "${THEME_DIR}/cinnamon/cinnamon.css" + fi + + cp -r "${SRC_DIR}/assets/cinnamon/thumbnail${color}.png" "${THEME_DIR}/cinnamon/thumbnail.png" + + mkdir -p "${THEME_DIR}/metacity-1" + cp -r "${SRC_DIR}/main/metacity-1/metacity-theme-2${color}.xml" "${THEME_DIR}/metacity-1/metacity-theme-2.xml" + cp -r "${SRC_DIR}/main/metacity-1/metacity-theme-3.xml" "${THEME_DIR}/metacity-1" + cp -r "${SRC_DIR}/assets/metacity-1/assets" "${THEME_DIR}/metacity-1" + cp -r "${SRC_DIR}/assets/metacity-1/thumbnail${ELSE_DARK:-}.png" "${THEME_DIR}/metacity-1/thumbnail.png" + cd "${THEME_DIR}/metacity-1" && ln -s metacity-theme-2.xml metacity-theme-1.xml + + mkdir -p "${THEME_DIR}/xfwm4" + cp -r "${SRC_DIR}/assets/xfwm4/assets${ELSE_LIGHT:-}${ctype}/"*.png "${THEME_DIR}/xfwm4" + cp -r "${SRC_DIR}/main/xfwm4/themerc${ELSE_LIGHT:-}" "${THEME_DIR}/xfwm4/themerc" + mkdir -p "${THEME_DIR}-hdpi/xfwm4" + cp -r "${SRC_DIR}/assets/xfwm4/assets${ELSE_LIGHT:-}${ctype}-hdpi/"*.png "${THEME_DIR}-hdpi/xfwm4" + cp -r "${SRC_DIR}/main/xfwm4/themerc${ELSE_LIGHT:-}" "${THEME_DIR}-hdpi/xfwm4/themerc" + mkdir -p "${THEME_DIR}-xhdpi/xfwm4" + cp -r "${SRC_DIR}/assets/xfwm4/assets${ELSE_LIGHT:-}${ctype}-xhdpi/"*.png "${THEME_DIR}-xhdpi/xfwm4" + cp -r "${SRC_DIR}/main/xfwm4/themerc${ELSE_LIGHT:-}" "${THEME_DIR}-xhdpi/xfwm4/themerc" + + mkdir -p "${THEME_DIR}/plank" + if [[ "$color" == '-light' ]]; then + cp -r "${SRC_DIR}/main/plank/theme-light/"* "${THEME_DIR}/plank" + else + cp -r "${SRC_DIR}/main/plank/theme-dark/"* "${THEME_DIR}/plank" + fi +} + +themes=() +colors=() +sizes=() + +while [[ $# -gt 0 ]]; do + case "${1}" in + -d|--dest) + dest="${2}" + if [[ ! -d "${dest}" ]]; then + echo "Destination directory does not exist. Let's make a new one..." + mkdir -p ${dest} + fi + shift 2 + ;; + -n|--name) + name="${2}" + shift 2 + ;; + -c|--color) + shift + for color in "${@}"; do + case "${color}" in + standard) + colors+=("${COLOR_VARIANTS[0]}") + shift + ;; + light) + colors+=("${COLOR_VARIANTS[1]}") + shift + ;; + dark) + colors+=("${COLOR_VARIANTS[2]}") + shift + ;; + -*|--*) + break + ;; + *) + echo "ERROR: Unrecognized color variant '$1'." + echo "Try '$0 --help' for more information." + exit 1 + ;; + esac + done + ;; + -t|--theme) + accent='true' + shift + for variant in "$@"; do + case "$variant" in + default) + themes+=("${THEME_VARIANTS[0]}") + shift + ;; + purple) + themes+=("${THEME_VARIANTS[1]}") + shift + ;; + pink) + themes+=("${THEME_VARIANTS[2]}") + shift + ;; + red) + themes+=("${THEME_VARIANTS[3]}") + shift + ;; + orange) + themes+=("${THEME_VARIANTS[4]}") + shift + ;; + yellow) + themes+=("${THEME_VARIANTS[5]}") + shift + ;; + green) + themes+=("${THEME_VARIANTS[6]}") + shift + ;; + teal) + themes+=("${THEME_VARIANTS[7]}") + shift + ;; + grey) + themes+=("${THEME_VARIANTS[8]}") + shift + ;; + all) + themes+=("${THEME_VARIANTS[@]}") + shift + ;; + -*) + break + ;; + *) + echo "ERROR: Unrecognized theme variant '$1'." + echo "Try '$0 --help' for more information." + exit 1 + ;; + esac + done + ;; + -s|--size) + shift + for variant in "$@"; do + case "$variant" in + standard) + sizes+=("${SIZE_VARIANTS[0]}") + shift + ;; + compact) + sizes+=("${SIZE_VARIANTS[1]}") + compact='true' + shift + ;; + -*) + break + ;; + *) + echo "ERROR: Unrecognized size variant '${1:-}'." + echo "Try '$0 --help' for more information." + exit 1 + ;; + esac + done + ;; + --tweaks) + shift + for variant in $@; do + case "$variant" in + nord) + nord="true" + ctype="-nord" + echo -e "Install Nord version! ..." + shift + ;; + black) + blackness="true" + echo -e "Install Blackness version! ..." + shift + ;; + rimless) + rimless="true" + echo -e "Install Rimless version! ..." + shift + ;; + normal) + normal="true" + echo -e "Install Normal window button version! ..." + shift + ;; + -*) + break + ;; + *) + echo "ERROR: Unrecognized tweaks variant '$1'." + echo "Try '$0 --help' for more information." + exit 1 + ;; + esac + done + ;; + -h|--help) + usage + exit 0 + ;; + *) + echo "ERROR: Unrecognized installation option '$1'." + echo "Try '$0 --help' for more information." + exit 1 + ;; + esac +done + +if [[ "${#themes[@]}" -eq 0 ]] ; then + themes=("${THEME_VARIANTS[0]}") +fi + +if [[ "${#colors[@]}" -eq 0 ]] ; then + colors=("${COLOR_VARIANTS[@]}") +fi + +if [[ "${#sizes[@]}" -eq 0 ]] ; then + sizes=("${SIZE_VARIANTS[0]}") +fi + +# Check command avalibility +function has_command() { + command -v $1 > /dev/null +} + +# Install needed packages +install_package() { + if [ ! "$(which sassc 2> /dev/null)" ]; then + echo sassc needs to be installed to generate the css. + if has_command zypper; then + sudo zypper in sassc + elif has_command apt-get; then + sudo apt-get install sassc + elif has_command dnf; then + sudo dnf install sassc + elif has_command dnf; then + sudo dnf install sassc + elif has_command pacman; then + sudo pacman -S --noconfirm sassc + fi + fi +} + +tweaks_temp() { + cp -rf ${SRC_DIR}/sass/_tweaks.scss ${SRC_DIR}/sass/_tweaks-temp.scss +} + +compact_size() { + sed -i "/\$compact:/s/false/true/" ${SRC_DIR}/sass/_tweaks-temp.scss +} + +nord_color() { + sed -i "/\$color_type:/s/default/nord/" ${SRC_DIR}/sass/_tweaks-temp.scss +} + +blackness_color() { + sed -i "/\$color_type:/s/default/blackness/" ${SRC_DIR}/sass/_tweaks-temp.scss +} + +border_rimless() { + sed -i "/\$rimless:/s/false/true/" ${SRC_DIR}/sass/_tweaks-temp.scss +} + +normal_winbutton() { + sed -i "/\$window_button:/s/mac/normal/" ${SRC_DIR}/sass/_tweaks-temp.scss +} + +theme_color() { + if [[ "$theme" != '' ]]; then + case "$theme" in + -purple) + theme_color='purple' + ;; + -pink) + theme_color='pink' + ;; + -red) + theme_color='red' + ;; + -orange) + theme_color='orange' + ;; + -yellow) + theme_color='yellow' + ;; + -green) + theme_color='green' + ;; + -teal) + theme_color='teal' + ;; + -grey) + theme_color='grey' + ;; + esac + sed -i "/\$theme:/s/default/${theme_color}/" ${SRC_DIR}/sass/_tweaks-temp.scss + fi +} + +theme_tweaks() { + if [[ "$accent" == 'true' || "$compact" == 'true' || "$nord" == 'true' || "$rimless" == 'true' || "$blackness" == 'true' || "$normal" == 'true' ]]; then + tweaks='true' + install_package; tweaks_temp + fi + + if [[ "$accent" = "true" ]] ; then + theme_color + fi + + if [[ "$compact" = "true" ]] ; then + compact_size + fi + + if [[ "$nord" = "true" ]] ; then + nord_color + fi + + if [[ "$blackness" = "true" ]] ; then + blackness_color + fi + + if [[ "$rimless" = "true" ]] ; then + border_rimless + fi + + if [[ "$normal" = "true" ]] ; then + normal_winbutton + fi +} + +install_theme() { + for theme in "${themes[@]}"; do + for color in "${colors[@]}"; do + for size in "${sizes[@]}"; do + install "${dest:-$DEST_DIR}" "${_name:-$THEME_NAME}" "$theme" "$color" "$size" "$ctype" + done + done + done +} + +install_theme + +echo +echo Done. diff --git a/src/src/assets/cinnamon/assets-dark/calendar-arrow-left.svg b/src/src/assets/cinnamon/assets-dark/calendar-arrow-left.svg new file mode 100644 index 00000000..dcf8298b --- /dev/null +++ b/src/src/assets/cinnamon/assets-dark/calendar-arrow-left.svg @@ -0,0 +1,56 @@ + + + + + + image/svg+xml + + + + + + + + diff --git a/src/src/assets/cinnamon/assets-dark/calendar-arrow-right.svg b/src/src/assets/cinnamon/assets-dark/calendar-arrow-right.svg new file mode 100644 index 00000000..ed66559d --- /dev/null +++ b/src/src/assets/cinnamon/assets-dark/calendar-arrow-right.svg @@ -0,0 +1,56 @@ + + + + + + image/svg+xml + + + + + + + + diff --git a/src/src/assets/cinnamon/assets-dark/checkbox-off.svg b/src/src/assets/cinnamon/assets-dark/checkbox-off.svg new file mode 100644 index 00000000..110a32f8 --- /dev/null +++ b/src/src/assets/cinnamon/assets-dark/checkbox-off.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/src/assets/cinnamon/assets-dark/radiobutton-off.svg b/src/src/assets/cinnamon/assets-dark/radiobutton-off.svg new file mode 100644 index 00000000..110a32f8 --- /dev/null +++ b/src/src/assets/cinnamon/assets-dark/radiobutton-off.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/src/assets/cinnamon/assets-dark/toggle-off.svg b/src/src/assets/cinnamon/assets-dark/toggle-off.svg new file mode 100644 index 00000000..2341bc5e --- /dev/null +++ b/src/src/assets/cinnamon/assets-dark/toggle-off.svg @@ -0,0 +1,4 @@ + + + + diff --git a/src/src/assets/cinnamon/assets-dark/trash-icon.svg b/src/src/assets/cinnamon/assets-dark/trash-icon.svg new file mode 100644 index 00000000..d78a123e --- /dev/null +++ b/src/src/assets/cinnamon/assets-dark/trash-icon.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/src/src/assets/cinnamon/assets/calendar-arrow-left.svg b/src/src/assets/cinnamon/assets/calendar-arrow-left.svg new file mode 100644 index 00000000..738a3f2c --- /dev/null +++ b/src/src/assets/cinnamon/assets/calendar-arrow-left.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/src/assets/cinnamon/assets/calendar-arrow-right.svg b/src/src/assets/cinnamon/assets/calendar-arrow-right.svg new file mode 100644 index 00000000..acb514b9 --- /dev/null +++ b/src/src/assets/cinnamon/assets/calendar-arrow-right.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/src/assets/cinnamon/assets/checkbox-off.svg b/src/src/assets/cinnamon/assets/checkbox-off.svg new file mode 100644 index 00000000..8517604b --- /dev/null +++ b/src/src/assets/cinnamon/assets/checkbox-off.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/src/assets/cinnamon/assets/radiobutton-off.svg b/src/src/assets/cinnamon/assets/radiobutton-off.svg new file mode 100644 index 00000000..8517604b --- /dev/null +++ b/src/src/assets/cinnamon/assets/radiobutton-off.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/src/assets/cinnamon/assets/toggle-off.svg b/src/src/assets/cinnamon/assets/toggle-off.svg new file mode 100644 index 00000000..3acc14ac --- /dev/null +++ b/src/src/assets/cinnamon/assets/toggle-off.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/src/src/assets/cinnamon/assets/trash-icon.svg b/src/src/assets/cinnamon/assets/trash-icon.svg new file mode 100644 index 00000000..e9d97413 --- /dev/null +++ b/src/src/assets/cinnamon/assets/trash-icon.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/src/src/assets/cinnamon/common-assets/add-workspace-hover.svg b/src/src/assets/cinnamon/common-assets/add-workspace-hover.svg new file mode 100644 index 00000000..8a1d3516 --- /dev/null +++ b/src/src/assets/cinnamon/common-assets/add-workspace-hover.svg @@ -0,0 +1,112 @@ + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + diff --git a/src/src/assets/cinnamon/common-assets/add-workspace.svg b/src/src/assets/cinnamon/common-assets/add-workspace.svg new file mode 100644 index 00000000..8dba5df9 --- /dev/null +++ b/src/src/assets/cinnamon/common-assets/add-workspace.svg @@ -0,0 +1,113 @@ + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + diff --git a/src/src/assets/cinnamon/common-assets/close-active.svg b/src/src/assets/cinnamon/common-assets/close-active.svg new file mode 100644 index 00000000..0dde2b9d --- /dev/null +++ b/src/src/assets/cinnamon/common-assets/close-active.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/src/src/assets/cinnamon/common-assets/close-hover.svg b/src/src/assets/cinnamon/common-assets/close-hover.svg new file mode 100644 index 00000000..37f8806a --- /dev/null +++ b/src/src/assets/cinnamon/common-assets/close-hover.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/src/src/assets/cinnamon/common-assets/close.svg b/src/src/assets/cinnamon/common-assets/close.svg new file mode 100644 index 00000000..5dcc697b --- /dev/null +++ b/src/src/assets/cinnamon/common-assets/close.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/src/src/assets/cinnamon/theme-green/add-workspace-active.svg b/src/src/assets/cinnamon/theme-green/add-workspace-active.svg new file mode 100644 index 00000000..7657680b --- /dev/null +++ b/src/src/assets/cinnamon/theme-green/add-workspace-active.svg @@ -0,0 +1,12 @@ + + + + + + + + + + + + diff --git a/src/src/assets/cinnamon/theme-green/checkbox.svg b/src/src/assets/cinnamon/theme-green/checkbox.svg new file mode 100644 index 00000000..64f54db9 --- /dev/null +++ b/src/src/assets/cinnamon/theme-green/checkbox.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/src/assets/cinnamon/theme-green/corner-ripple.svg b/src/src/assets/cinnamon/theme-green/corner-ripple.svg new file mode 100644 index 00000000..335bde2b --- /dev/null +++ b/src/src/assets/cinnamon/theme-green/corner-ripple.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/src/src/assets/cinnamon/theme-green/radiobutton.svg b/src/src/assets/cinnamon/theme-green/radiobutton.svg new file mode 100644 index 00000000..120dd2da --- /dev/null +++ b/src/src/assets/cinnamon/theme-green/radiobutton.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/src/assets/cinnamon/theme-green/toggle-on.svg b/src/src/assets/cinnamon/theme-green/toggle-on.svg new file mode 100644 index 00000000..2fc064eb --- /dev/null +++ b/src/src/assets/cinnamon/theme-green/toggle-on.svg @@ -0,0 +1,4 @@ + + + + diff --git a/src/src/assets/cinnamon/theme-grey/add-workspace-active.svg b/src/src/assets/cinnamon/theme-grey/add-workspace-active.svg new file mode 100644 index 00000000..4b742855 --- /dev/null +++ b/src/src/assets/cinnamon/theme-grey/add-workspace-active.svg @@ -0,0 +1,12 @@ + + + + + + + + + + + + diff --git a/src/src/assets/cinnamon/theme-grey/checkbox-dark.svg b/src/src/assets/cinnamon/theme-grey/checkbox-dark.svg new file mode 100644 index 00000000..65c19018 --- /dev/null +++ b/src/src/assets/cinnamon/theme-grey/checkbox-dark.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/src/assets/cinnamon/theme-grey/checkbox.svg b/src/src/assets/cinnamon/theme-grey/checkbox.svg new file mode 100644 index 00000000..b3a73fa1 --- /dev/null +++ b/src/src/assets/cinnamon/theme-grey/checkbox.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/src/assets/cinnamon/theme-grey/corner-ripple.svg b/src/src/assets/cinnamon/theme-grey/corner-ripple.svg new file mode 100644 index 00000000..6440b6ca --- /dev/null +++ b/src/src/assets/cinnamon/theme-grey/corner-ripple.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/src/src/assets/cinnamon/theme-grey/radiobutton-dark.svg b/src/src/assets/cinnamon/theme-grey/radiobutton-dark.svg new file mode 100644 index 00000000..375c388a --- /dev/null +++ b/src/src/assets/cinnamon/theme-grey/radiobutton-dark.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/src/assets/cinnamon/theme-grey/radiobutton.svg b/src/src/assets/cinnamon/theme-grey/radiobutton.svg new file mode 100644 index 00000000..27a8ab48 --- /dev/null +++ b/src/src/assets/cinnamon/theme-grey/radiobutton.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/src/assets/cinnamon/theme-grey/toggle-on-dark.svg b/src/src/assets/cinnamon/theme-grey/toggle-on-dark.svg new file mode 100644 index 00000000..23f9373e --- /dev/null +++ b/src/src/assets/cinnamon/theme-grey/toggle-on-dark.svg @@ -0,0 +1,4 @@ + + + + diff --git a/src/src/assets/cinnamon/theme-grey/toggle-on.svg b/src/src/assets/cinnamon/theme-grey/toggle-on.svg new file mode 100644 index 00000000..510abf19 --- /dev/null +++ b/src/src/assets/cinnamon/theme-grey/toggle-on.svg @@ -0,0 +1,4 @@ + + + + diff --git a/src/src/assets/cinnamon/theme-orange/add-workspace-active.svg b/src/src/assets/cinnamon/theme-orange/add-workspace-active.svg new file mode 100644 index 00000000..f126d230 --- /dev/null +++ b/src/src/assets/cinnamon/theme-orange/add-workspace-active.svg @@ -0,0 +1,12 @@ + + + + + + + + + + + + diff --git a/src/src/assets/cinnamon/theme-orange/checkbox.svg b/src/src/assets/cinnamon/theme-orange/checkbox.svg new file mode 100644 index 00000000..f9850241 --- /dev/null +++ b/src/src/assets/cinnamon/theme-orange/checkbox.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/src/assets/cinnamon/theme-orange/corner-ripple.svg b/src/src/assets/cinnamon/theme-orange/corner-ripple.svg new file mode 100644 index 00000000..4d49a9ec --- /dev/null +++ b/src/src/assets/cinnamon/theme-orange/corner-ripple.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/src/src/assets/cinnamon/theme-orange/radiobutton.svg b/src/src/assets/cinnamon/theme-orange/radiobutton.svg new file mode 100644 index 00000000..34117656 --- /dev/null +++ b/src/src/assets/cinnamon/theme-orange/radiobutton.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/src/assets/cinnamon/theme-orange/toggle-on.svg b/src/src/assets/cinnamon/theme-orange/toggle-on.svg new file mode 100644 index 00000000..afe8fc2f --- /dev/null +++ b/src/src/assets/cinnamon/theme-orange/toggle-on.svg @@ -0,0 +1,4 @@ + + + + diff --git a/src/src/assets/cinnamon/theme-pink/add-workspace-active.svg b/src/src/assets/cinnamon/theme-pink/add-workspace-active.svg new file mode 100644 index 00000000..475db76e --- /dev/null +++ b/src/src/assets/cinnamon/theme-pink/add-workspace-active.svg @@ -0,0 +1,12 @@ + + + + + + + + + + + + diff --git a/src/src/assets/cinnamon/theme-pink/checkbox.svg b/src/src/assets/cinnamon/theme-pink/checkbox.svg new file mode 100644 index 00000000..540908ec --- /dev/null +++ b/src/src/assets/cinnamon/theme-pink/checkbox.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/src/assets/cinnamon/theme-pink/corner-ripple.svg b/src/src/assets/cinnamon/theme-pink/corner-ripple.svg new file mode 100644 index 00000000..d4450dd2 --- /dev/null +++ b/src/src/assets/cinnamon/theme-pink/corner-ripple.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/src/src/assets/cinnamon/theme-pink/radiobutton.svg b/src/src/assets/cinnamon/theme-pink/radiobutton.svg new file mode 100644 index 00000000..a25854a3 --- /dev/null +++ b/src/src/assets/cinnamon/theme-pink/radiobutton.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/src/assets/cinnamon/theme-pink/toggle-on.svg b/src/src/assets/cinnamon/theme-pink/toggle-on.svg new file mode 100644 index 00000000..9be3b3aa --- /dev/null +++ b/src/src/assets/cinnamon/theme-pink/toggle-on.svg @@ -0,0 +1,4 @@ + + + + diff --git a/src/src/assets/cinnamon/theme-purple/add-workspace-active.svg b/src/src/assets/cinnamon/theme-purple/add-workspace-active.svg new file mode 100644 index 00000000..aec558b6 --- /dev/null +++ b/src/src/assets/cinnamon/theme-purple/add-workspace-active.svg @@ -0,0 +1,12 @@ + + + + + + + + + + + + diff --git a/src/src/assets/cinnamon/theme-purple/checkbox.svg b/src/src/assets/cinnamon/theme-purple/checkbox.svg new file mode 100644 index 00000000..ac0e4f73 --- /dev/null +++ b/src/src/assets/cinnamon/theme-purple/checkbox.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/src/assets/cinnamon/theme-purple/corner-ripple.svg b/src/src/assets/cinnamon/theme-purple/corner-ripple.svg new file mode 100644 index 00000000..cdafb1a4 --- /dev/null +++ b/src/src/assets/cinnamon/theme-purple/corner-ripple.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/src/src/assets/cinnamon/theme-purple/radiobutton.svg b/src/src/assets/cinnamon/theme-purple/radiobutton.svg new file mode 100644 index 00000000..b13909ce --- /dev/null +++ b/src/src/assets/cinnamon/theme-purple/radiobutton.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/src/assets/cinnamon/theme-purple/toggle-on.svg b/src/src/assets/cinnamon/theme-purple/toggle-on.svg new file mode 100644 index 00000000..2e15fb5c --- /dev/null +++ b/src/src/assets/cinnamon/theme-purple/toggle-on.svg @@ -0,0 +1,4 @@ + + + + diff --git a/src/src/assets/cinnamon/theme-red/add-workspace-active.svg b/src/src/assets/cinnamon/theme-red/add-workspace-active.svg new file mode 100644 index 00000000..e1b43b96 --- /dev/null +++ b/src/src/assets/cinnamon/theme-red/add-workspace-active.svg @@ -0,0 +1,12 @@ + + + + + + + + + + + + diff --git a/src/src/assets/cinnamon/theme-red/checkbox.svg b/src/src/assets/cinnamon/theme-red/checkbox.svg new file mode 100644 index 00000000..9594ebfd --- /dev/null +++ b/src/src/assets/cinnamon/theme-red/checkbox.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/src/assets/cinnamon/theme-red/corner-ripple.svg b/src/src/assets/cinnamon/theme-red/corner-ripple.svg new file mode 100644 index 00000000..b8c75ce6 --- /dev/null +++ b/src/src/assets/cinnamon/theme-red/corner-ripple.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/src/src/assets/cinnamon/theme-red/radiobutton.svg b/src/src/assets/cinnamon/theme-red/radiobutton.svg new file mode 100644 index 00000000..ba26ab65 --- /dev/null +++ b/src/src/assets/cinnamon/theme-red/radiobutton.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/src/assets/cinnamon/theme-red/toggle-on.svg b/src/src/assets/cinnamon/theme-red/toggle-on.svg new file mode 100644 index 00000000..359625fd --- /dev/null +++ b/src/src/assets/cinnamon/theme-red/toggle-on.svg @@ -0,0 +1,4 @@ + + + + diff --git a/src/src/assets/cinnamon/theme-teal/add-workspace-active.svg b/src/src/assets/cinnamon/theme-teal/add-workspace-active.svg new file mode 100644 index 00000000..5cfaf33c --- /dev/null +++ b/src/src/assets/cinnamon/theme-teal/add-workspace-active.svg @@ -0,0 +1,12 @@ + + + + + + + + + + + + diff --git a/src/src/assets/cinnamon/theme-teal/checkbox.svg b/src/src/assets/cinnamon/theme-teal/checkbox.svg new file mode 100644 index 00000000..7f48501a --- /dev/null +++ b/src/src/assets/cinnamon/theme-teal/checkbox.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/src/assets/cinnamon/theme-teal/corner-ripple.svg b/src/src/assets/cinnamon/theme-teal/corner-ripple.svg new file mode 100644 index 00000000..d46b49d9 --- /dev/null +++ b/src/src/assets/cinnamon/theme-teal/corner-ripple.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/src/src/assets/cinnamon/theme-teal/radiobutton.svg b/src/src/assets/cinnamon/theme-teal/radiobutton.svg new file mode 100644 index 00000000..4c81bd0b --- /dev/null +++ b/src/src/assets/cinnamon/theme-teal/radiobutton.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/src/assets/cinnamon/theme-teal/toggle-on.svg b/src/src/assets/cinnamon/theme-teal/toggle-on.svg new file mode 100644 index 00000000..355f01d6 --- /dev/null +++ b/src/src/assets/cinnamon/theme-teal/toggle-on.svg @@ -0,0 +1,4 @@ + + + + diff --git a/src/src/assets/cinnamon/theme-yellow/add-workspace-active.svg b/src/src/assets/cinnamon/theme-yellow/add-workspace-active.svg new file mode 100644 index 00000000..ce791c58 --- /dev/null +++ b/src/src/assets/cinnamon/theme-yellow/add-workspace-active.svg @@ -0,0 +1,12 @@ + + + + + + + + + + + + diff --git a/src/src/assets/cinnamon/theme-yellow/checkbox.svg b/src/src/assets/cinnamon/theme-yellow/checkbox.svg new file mode 100644 index 00000000..adc7388a --- /dev/null +++ b/src/src/assets/cinnamon/theme-yellow/checkbox.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/src/assets/cinnamon/theme-yellow/corner-ripple.svg b/src/src/assets/cinnamon/theme-yellow/corner-ripple.svg new file mode 100644 index 00000000..e2da0765 --- /dev/null +++ b/src/src/assets/cinnamon/theme-yellow/corner-ripple.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/src/src/assets/cinnamon/theme-yellow/radiobutton.svg b/src/src/assets/cinnamon/theme-yellow/radiobutton.svg new file mode 100644 index 00000000..5167698b --- /dev/null +++ b/src/src/assets/cinnamon/theme-yellow/radiobutton.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/src/assets/cinnamon/theme-yellow/toggle-on.svg b/src/src/assets/cinnamon/theme-yellow/toggle-on.svg new file mode 100644 index 00000000..edc44234 --- /dev/null +++ b/src/src/assets/cinnamon/theme-yellow/toggle-on.svg @@ -0,0 +1,4 @@ + + + + diff --git a/src/src/assets/cinnamon/theme/add-workspace-active.svg b/src/src/assets/cinnamon/theme/add-workspace-active.svg new file mode 100644 index 00000000..d1632814 --- /dev/null +++ b/src/src/assets/cinnamon/theme/add-workspace-active.svg @@ -0,0 +1,12 @@ + + + + + + + + + + + + diff --git a/src/src/assets/cinnamon/theme/checkbox.svg b/src/src/assets/cinnamon/theme/checkbox.svg new file mode 100644 index 00000000..ea2a002e --- /dev/null +++ b/src/src/assets/cinnamon/theme/checkbox.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/src/assets/cinnamon/theme/corner-ripple.svg b/src/src/assets/cinnamon/theme/corner-ripple.svg new file mode 100644 index 00000000..dcef3b78 --- /dev/null +++ b/src/src/assets/cinnamon/theme/corner-ripple.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/src/src/assets/cinnamon/theme/radiobutton.svg b/src/src/assets/cinnamon/theme/radiobutton.svg new file mode 100644 index 00000000..13a5c2ee --- /dev/null +++ b/src/src/assets/cinnamon/theme/radiobutton.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/src/assets/cinnamon/theme/toggle-on.svg b/src/src/assets/cinnamon/theme/toggle-on.svg new file mode 100644 index 00000000..e1e47e7e --- /dev/null +++ b/src/src/assets/cinnamon/theme/toggle-on.svg @@ -0,0 +1,4 @@ + + + + diff --git a/src/src/assets/cinnamon/thumbnail-dark.png b/src/src/assets/cinnamon/thumbnail-dark.png new file mode 100644 index 00000000..4b264c52 Binary files /dev/null and b/src/src/assets/cinnamon/thumbnail-dark.png differ diff --git a/src/src/assets/cinnamon/thumbnail-light.png b/src/src/assets/cinnamon/thumbnail-light.png new file mode 100644 index 00000000..cec45c0c Binary files /dev/null and b/src/src/assets/cinnamon/thumbnail-light.png differ diff --git a/src/src/assets/cinnamon/thumbnail.png b/src/src/assets/cinnamon/thumbnail.png new file mode 100644 index 00000000..a3dd0656 Binary files /dev/null and b/src/src/assets/cinnamon/thumbnail.png differ diff --git a/src/src/assets/cinnamon/thumbnail.svg b/src/src/assets/cinnamon/thumbnail.svg new file mode 100644 index 00000000..152805eb --- /dev/null +++ b/src/src/assets/cinnamon/thumbnail.svg @@ -0,0 +1,2242 @@ + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/src/assets/gnome-shell/assets-dark/calendar-arrow-left.svg b/src/src/assets/gnome-shell/assets-dark/calendar-arrow-left.svg new file mode 100644 index 00000000..ec8b4783 --- /dev/null +++ b/src/src/assets/gnome-shell/assets-dark/calendar-arrow-left.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/src/assets/gnome-shell/assets-dark/calendar-arrow-right.svg b/src/src/assets/gnome-shell/assets-dark/calendar-arrow-right.svg new file mode 100644 index 00000000..6fc5556f --- /dev/null +++ b/src/src/assets/gnome-shell/assets-dark/calendar-arrow-right.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/src/assets/gnome-shell/assets-dark/calendar-today.svg b/src/src/assets/gnome-shell/assets-dark/calendar-today.svg new file mode 100644 index 00000000..5e77084c --- /dev/null +++ b/src/src/assets/gnome-shell/assets-dark/calendar-today.svg @@ -0,0 +1,178 @@ + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + diff --git a/src/src/assets/gnome-shell/assets-dark/checkbox-off.svg b/src/src/assets/gnome-shell/assets-dark/checkbox-off.svg new file mode 100644 index 00000000..0c5e5a0a --- /dev/null +++ b/src/src/assets/gnome-shell/assets-dark/checkbox-off.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/src/assets/gnome-shell/assets-dark/no-events.svg b/src/src/assets/gnome-shell/assets-dark/no-events.svg new file mode 100644 index 00000000..239177d1 --- /dev/null +++ b/src/src/assets/gnome-shell/assets-dark/no-events.svg @@ -0,0 +1,82 @@ + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + diff --git a/src/src/assets/gnome-shell/assets-dark/no-notifications.svg b/src/src/assets/gnome-shell/assets-dark/no-notifications.svg new file mode 100644 index 00000000..ae09f92c --- /dev/null +++ b/src/src/assets/gnome-shell/assets-dark/no-notifications.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/src/assets/gnome-shell/assets/calendar-arrow-left.svg b/src/src/assets/gnome-shell/assets/calendar-arrow-left.svg new file mode 100644 index 00000000..309e10b6 --- /dev/null +++ b/src/src/assets/gnome-shell/assets/calendar-arrow-left.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/src/assets/gnome-shell/assets/calendar-arrow-right.svg b/src/src/assets/gnome-shell/assets/calendar-arrow-right.svg new file mode 100644 index 00000000..67d2c49e --- /dev/null +++ b/src/src/assets/gnome-shell/assets/calendar-arrow-right.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/src/assets/gnome-shell/assets/calendar-today.svg b/src/src/assets/gnome-shell/assets/calendar-today.svg new file mode 100644 index 00000000..03405a4e --- /dev/null +++ b/src/src/assets/gnome-shell/assets/calendar-today.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/src/src/assets/gnome-shell/assets/checkbox-off.svg b/src/src/assets/gnome-shell/assets/checkbox-off.svg new file mode 100644 index 00000000..14ff8d2d --- /dev/null +++ b/src/src/assets/gnome-shell/assets/checkbox-off.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/src/assets/gnome-shell/assets/no-events.svg b/src/src/assets/gnome-shell/assets/no-events.svg new file mode 100644 index 00000000..61dde6aa --- /dev/null +++ b/src/src/assets/gnome-shell/assets/no-events.svg @@ -0,0 +1,82 @@ + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + diff --git a/src/src/assets/gnome-shell/assets/no-notifications.svg b/src/src/assets/gnome-shell/assets/no-notifications.svg new file mode 100644 index 00000000..8a936cfd --- /dev/null +++ b/src/src/assets/gnome-shell/assets/no-notifications.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/src/assets/gnome-shell/common-assets/dash-placeholder.svg b/src/src/assets/gnome-shell/common-assets/dash-placeholder.svg new file mode 100644 index 00000000..172156ae --- /dev/null +++ b/src/src/assets/gnome-shell/common-assets/dash-placeholder.svg @@ -0,0 +1,4 @@ + + + + diff --git a/src/src/assets/gnome-shell/common-assets/noise-texture.svg b/src/src/assets/gnome-shell/common-assets/noise-texture.svg new file mode 100644 index 00000000..484f6c87 --- /dev/null +++ b/src/src/assets/gnome-shell/common-assets/noise-texture.svg @@ -0,0 +1,78 @@ + + + + + + image/svg+xml + + + + + + + + + + + + + + diff --git a/src/src/assets/gnome-shell/common-assets/process-working.svg b/src/src/assets/gnome-shell/common-assets/process-working.svg new file mode 100644 index 00000000..0f311b0b --- /dev/null +++ b/src/src/assets/gnome-shell/common-assets/process-working.svg @@ -0,0 +1,72 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/src/assets/gnome-shell/common-assets/toggle-off-dark.svg b/src/src/assets/gnome-shell/common-assets/toggle-off-dark.svg new file mode 100644 index 00000000..7ae4ff16 --- /dev/null +++ b/src/src/assets/gnome-shell/common-assets/toggle-off-dark.svg @@ -0,0 +1,4 @@ + + + + diff --git a/src/src/assets/gnome-shell/common-assets/toggle-off.svg b/src/src/assets/gnome-shell/common-assets/toggle-off.svg new file mode 100644 index 00000000..e3f6927d --- /dev/null +++ b/src/src/assets/gnome-shell/common-assets/toggle-off.svg @@ -0,0 +1,4 @@ + + + + diff --git a/src/src/assets/gnome-shell/theme-green/checkbox.svg b/src/src/assets/gnome-shell/theme-green/checkbox.svg new file mode 100644 index 00000000..f810b993 --- /dev/null +++ b/src/src/assets/gnome-shell/theme-green/checkbox.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/src/assets/gnome-shell/theme-green/toggle-on.svg b/src/src/assets/gnome-shell/theme-green/toggle-on.svg new file mode 100644 index 00000000..92ce21cc --- /dev/null +++ b/src/src/assets/gnome-shell/theme-green/toggle-on.svg @@ -0,0 +1,4 @@ + + + + diff --git a/src/src/assets/gnome-shell/theme-grey/checkbox-dark.svg b/src/src/assets/gnome-shell/theme-grey/checkbox-dark.svg new file mode 100644 index 00000000..8dac4757 --- /dev/null +++ b/src/src/assets/gnome-shell/theme-grey/checkbox-dark.svg @@ -0,0 +1,40 @@ + + + + + + diff --git a/src/src/assets/gnome-shell/theme-grey/checkbox.svg b/src/src/assets/gnome-shell/theme-grey/checkbox.svg new file mode 100644 index 00000000..0f79f2b2 --- /dev/null +++ b/src/src/assets/gnome-shell/theme-grey/checkbox.svg @@ -0,0 +1,40 @@ + + + + + + diff --git a/src/src/assets/gnome-shell/theme-grey/toggle-on-dark.svg b/src/src/assets/gnome-shell/theme-grey/toggle-on-dark.svg new file mode 100644 index 00000000..003f3736 --- /dev/null +++ b/src/src/assets/gnome-shell/theme-grey/toggle-on-dark.svg @@ -0,0 +1,4 @@ + + + + diff --git a/src/src/assets/gnome-shell/theme-grey/toggle-on.svg b/src/src/assets/gnome-shell/theme-grey/toggle-on.svg new file mode 100644 index 00000000..44f86741 --- /dev/null +++ b/src/src/assets/gnome-shell/theme-grey/toggle-on.svg @@ -0,0 +1,4 @@ + + + + diff --git a/src/src/assets/gnome-shell/theme-orange/checkbox.svg b/src/src/assets/gnome-shell/theme-orange/checkbox.svg new file mode 100644 index 00000000..9d9cb9f9 --- /dev/null +++ b/src/src/assets/gnome-shell/theme-orange/checkbox.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/src/assets/gnome-shell/theme-orange/toggle-on.svg b/src/src/assets/gnome-shell/theme-orange/toggle-on.svg new file mode 100644 index 00000000..5ea6765b --- /dev/null +++ b/src/src/assets/gnome-shell/theme-orange/toggle-on.svg @@ -0,0 +1,4 @@ + + + + diff --git a/src/src/assets/gnome-shell/theme-pink/checkbox.svg b/src/src/assets/gnome-shell/theme-pink/checkbox.svg new file mode 100644 index 00000000..0dd35028 --- /dev/null +++ b/src/src/assets/gnome-shell/theme-pink/checkbox.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/src/assets/gnome-shell/theme-pink/toggle-on.svg b/src/src/assets/gnome-shell/theme-pink/toggle-on.svg new file mode 100644 index 00000000..cc43c450 --- /dev/null +++ b/src/src/assets/gnome-shell/theme-pink/toggle-on.svg @@ -0,0 +1,4 @@ + + + + diff --git a/src/src/assets/gnome-shell/theme-purple/checkbox.svg b/src/src/assets/gnome-shell/theme-purple/checkbox.svg new file mode 100644 index 00000000..0eee5d3b --- /dev/null +++ b/src/src/assets/gnome-shell/theme-purple/checkbox.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/src/assets/gnome-shell/theme-purple/toggle-on.svg b/src/src/assets/gnome-shell/theme-purple/toggle-on.svg new file mode 100644 index 00000000..d411390f --- /dev/null +++ b/src/src/assets/gnome-shell/theme-purple/toggle-on.svg @@ -0,0 +1,4 @@ + + + + diff --git a/src/src/assets/gnome-shell/theme-red/checkbox.svg b/src/src/assets/gnome-shell/theme-red/checkbox.svg new file mode 100644 index 00000000..aa3470fd --- /dev/null +++ b/src/src/assets/gnome-shell/theme-red/checkbox.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/src/assets/gnome-shell/theme-red/toggle-on.svg b/src/src/assets/gnome-shell/theme-red/toggle-on.svg new file mode 100644 index 00000000..9ea5f561 --- /dev/null +++ b/src/src/assets/gnome-shell/theme-red/toggle-on.svg @@ -0,0 +1,4 @@ + + + + diff --git a/src/src/assets/gnome-shell/theme-teal/checkbox.svg b/src/src/assets/gnome-shell/theme-teal/checkbox.svg new file mode 100644 index 00000000..40ad53f4 --- /dev/null +++ b/src/src/assets/gnome-shell/theme-teal/checkbox.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/src/assets/gnome-shell/theme-teal/toggle-on.svg b/src/src/assets/gnome-shell/theme-teal/toggle-on.svg new file mode 100644 index 00000000..c4cb32e9 --- /dev/null +++ b/src/src/assets/gnome-shell/theme-teal/toggle-on.svg @@ -0,0 +1,4 @@ + + + + diff --git a/src/src/assets/gnome-shell/theme-yellow/checkbox.svg b/src/src/assets/gnome-shell/theme-yellow/checkbox.svg new file mode 100644 index 00000000..d59e1a6d --- /dev/null +++ b/src/src/assets/gnome-shell/theme-yellow/checkbox.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/src/assets/gnome-shell/theme-yellow/toggle-on.svg b/src/src/assets/gnome-shell/theme-yellow/toggle-on.svg new file mode 100644 index 00000000..03888c89 --- /dev/null +++ b/src/src/assets/gnome-shell/theme-yellow/toggle-on.svg @@ -0,0 +1,4 @@ + + + + diff --git a/src/src/assets/gnome-shell/theme/checkbox.svg b/src/src/assets/gnome-shell/theme/checkbox.svg new file mode 100644 index 00000000..d9a17ba6 --- /dev/null +++ b/src/src/assets/gnome-shell/theme/checkbox.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/src/assets/gnome-shell/theme/toggle-on.svg b/src/src/assets/gnome-shell/theme/toggle-on.svg new file mode 100644 index 00000000..fb39f94f --- /dev/null +++ b/src/src/assets/gnome-shell/theme/toggle-on.svg @@ -0,0 +1,4 @@ + + + + diff --git a/src/src/assets/gtk-2.0/assets-dark.svg b/src/src/assets/gtk-2.0/assets-dark.svg new file mode 100644 index 00000000..6966c05c --- /dev/null +++ b/src/src/assets/gtk-2.0/assets-dark.svg @@ -0,0 +1,3204 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/src/assets/gtk-2.0/assets-dark/border.png b/src/src/assets/gtk-2.0/assets-dark/border.png new file mode 100644 index 00000000..20d503bf Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-dark/border.png differ diff --git a/src/src/assets/gtk-2.0/assets-dark/button-active.png b/src/src/assets/gtk-2.0/assets-dark/button-active.png new file mode 100644 index 00000000..ca25ccce Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-dark/button-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-dark/button-disabled.png b/src/src/assets/gtk-2.0/assets-dark/button-disabled.png new file mode 100644 index 00000000..6578ba7d Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-dark/button-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-dark/button-hover.png b/src/src/assets/gtk-2.0/assets-dark/button-hover.png new file mode 100644 index 00000000..66e1fdd7 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-dark/button-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-dark/button.png b/src/src/assets/gtk-2.0/assets-dark/button.png new file mode 100644 index 00000000..3fe12c70 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-dark/button.png differ diff --git a/src/src/assets/gtk-2.0/assets-dark/checkbox-checked-active.png b/src/src/assets/gtk-2.0/assets-dark/checkbox-checked-active.png new file mode 100644 index 00000000..373c77b4 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-dark/checkbox-checked-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-dark/checkbox-checked-disabled.png b/src/src/assets/gtk-2.0/assets-dark/checkbox-checked-disabled.png new file mode 100644 index 00000000..a29a117b Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-dark/checkbox-checked-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-dark/checkbox-checked-hover.png b/src/src/assets/gtk-2.0/assets-dark/checkbox-checked-hover.png new file mode 100644 index 00000000..e101429a Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-dark/checkbox-checked-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-dark/checkbox-checked.png b/src/src/assets/gtk-2.0/assets-dark/checkbox-checked.png new file mode 100644 index 00000000..d39d78ce Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-dark/checkbox-checked.png differ diff --git a/src/src/assets/gtk-2.0/assets-dark/checkbox-mixed-active.png b/src/src/assets/gtk-2.0/assets-dark/checkbox-mixed-active.png new file mode 100644 index 00000000..3222f211 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-dark/checkbox-mixed-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-dark/checkbox-mixed-disabled.png b/src/src/assets/gtk-2.0/assets-dark/checkbox-mixed-disabled.png new file mode 100644 index 00000000..45d5349b Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-dark/checkbox-mixed-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-dark/checkbox-mixed-hover.png b/src/src/assets/gtk-2.0/assets-dark/checkbox-mixed-hover.png new file mode 100644 index 00000000..ae1b5dc4 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-dark/checkbox-mixed-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-dark/checkbox-mixed.png b/src/src/assets/gtk-2.0/assets-dark/checkbox-mixed.png new file mode 100644 index 00000000..49889df8 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-dark/checkbox-mixed.png differ diff --git a/src/src/assets/gtk-2.0/assets-dark/checkbox-unchecked-active.png b/src/src/assets/gtk-2.0/assets-dark/checkbox-unchecked-active.png new file mode 100644 index 00000000..f6948e7a Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-dark/checkbox-unchecked-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-dark/checkbox-unchecked-disabled.png b/src/src/assets/gtk-2.0/assets-dark/checkbox-unchecked-disabled.png new file mode 100644 index 00000000..73e42bdf Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-dark/checkbox-unchecked-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-dark/checkbox-unchecked-hover.png b/src/src/assets/gtk-2.0/assets-dark/checkbox-unchecked-hover.png new file mode 100644 index 00000000..191738b7 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-dark/checkbox-unchecked-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-dark/checkbox-unchecked.png b/src/src/assets/gtk-2.0/assets-dark/checkbox-unchecked.png new file mode 100644 index 00000000..e310c022 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-dark/checkbox-unchecked.png differ diff --git a/src/src/assets/gtk-2.0/assets-dark/combo-left-entry-active.png b/src/src/assets/gtk-2.0/assets-dark/combo-left-entry-active.png new file mode 100644 index 00000000..484defd0 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-dark/combo-left-entry-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-dark/combo-left-entry-disabled.png b/src/src/assets/gtk-2.0/assets-dark/combo-left-entry-disabled.png new file mode 100644 index 00000000..6a9d9dd2 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-dark/combo-left-entry-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-dark/combo-left-entry-hover.png b/src/src/assets/gtk-2.0/assets-dark/combo-left-entry-hover.png new file mode 100644 index 00000000..c65ced02 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-dark/combo-left-entry-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-dark/combo-left-entry.png b/src/src/assets/gtk-2.0/assets-dark/combo-left-entry.png new file mode 100644 index 00000000..255e3dc3 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-dark/combo-left-entry.png differ diff --git a/src/src/assets/gtk-2.0/assets-dark/combo-right-entry-active.png b/src/src/assets/gtk-2.0/assets-dark/combo-right-entry-active.png new file mode 100644 index 00000000..99fd130f Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-dark/combo-right-entry-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-dark/combo-right-entry-disabled.png b/src/src/assets/gtk-2.0/assets-dark/combo-right-entry-disabled.png new file mode 100644 index 00000000..67cfcc78 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-dark/combo-right-entry-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-dark/combo-right-entry-hover.png b/src/src/assets/gtk-2.0/assets-dark/combo-right-entry-hover.png new file mode 100644 index 00000000..8d643bd3 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-dark/combo-right-entry-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-dark/combo-right-entry.png b/src/src/assets/gtk-2.0/assets-dark/combo-right-entry.png new file mode 100644 index 00000000..5d232339 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-dark/combo-right-entry.png differ diff --git a/src/src/assets/gtk-2.0/assets-dark/entry-active.png b/src/src/assets/gtk-2.0/assets-dark/entry-active.png new file mode 100644 index 00000000..4d261e15 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-dark/entry-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-dark/entry-background-disabled.png b/src/src/assets/gtk-2.0/assets-dark/entry-background-disabled.png new file mode 100644 index 00000000..ce14ba81 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-dark/entry-background-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-dark/entry-background.png b/src/src/assets/gtk-2.0/assets-dark/entry-background.png new file mode 100644 index 00000000..fdf26ab3 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-dark/entry-background.png differ diff --git a/src/src/assets/gtk-2.0/assets-dark/entry-disabled.png b/src/src/assets/gtk-2.0/assets-dark/entry-disabled.png new file mode 100644 index 00000000..6578ba7d Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-dark/entry-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-dark/entry-hover.png b/src/src/assets/gtk-2.0/assets-dark/entry-hover.png new file mode 100644 index 00000000..57332392 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-dark/entry-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-dark/entry.png b/src/src/assets/gtk-2.0/assets-dark/entry.png new file mode 100644 index 00000000..3fe12c70 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-dark/entry.png differ diff --git a/src/src/assets/gtk-2.0/assets-dark/flat-button-active.png b/src/src/assets/gtk-2.0/assets-dark/flat-button-active.png new file mode 100644 index 00000000..ca25ccce Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-dark/flat-button-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-dark/flat-button-disabled.png b/src/src/assets/gtk-2.0/assets-dark/flat-button-disabled.png new file mode 100644 index 00000000..96f9995d Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-dark/flat-button-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-dark/flat-button-hover.png b/src/src/assets/gtk-2.0/assets-dark/flat-button-hover.png new file mode 100644 index 00000000..66e1fdd7 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-dark/flat-button-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-dark/flat-button.png b/src/src/assets/gtk-2.0/assets-dark/flat-button.png new file mode 100644 index 00000000..96f9995d Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-dark/flat-button.png differ diff --git a/src/src/assets/gtk-2.0/assets-dark/focus.png b/src/src/assets/gtk-2.0/assets-dark/focus.png new file mode 100644 index 00000000..3e8d13db Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-dark/focus.png differ diff --git a/src/src/assets/gtk-2.0/assets-dark/frame-inline.png b/src/src/assets/gtk-2.0/assets-dark/frame-inline.png new file mode 100644 index 00000000..7d10ff19 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-dark/frame-inline.png differ diff --git a/src/src/assets/gtk-2.0/assets-dark/frame-notebook.png b/src/src/assets/gtk-2.0/assets-dark/frame-notebook.png new file mode 100644 index 00000000..7b5020ee Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-dark/frame-notebook.png differ diff --git a/src/src/assets/gtk-2.0/assets-dark/frame.png b/src/src/assets/gtk-2.0/assets-dark/frame.png new file mode 100644 index 00000000..1562a81b Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-dark/frame.png differ diff --git a/src/src/assets/gtk-2.0/assets-dark/handle-horz-active.png b/src/src/assets/gtk-2.0/assets-dark/handle-horz-active.png new file mode 100644 index 00000000..f1c519ef Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-dark/handle-horz-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-dark/handle-horz-hover.png b/src/src/assets/gtk-2.0/assets-dark/handle-horz-hover.png new file mode 100644 index 00000000..e7e40d69 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-dark/handle-horz-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-dark/handle-horz.png b/src/src/assets/gtk-2.0/assets-dark/handle-horz.png new file mode 100644 index 00000000..ef1738d0 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-dark/handle-horz.png differ diff --git a/src/src/assets/gtk-2.0/assets-dark/handle-vert-active.png b/src/src/assets/gtk-2.0/assets-dark/handle-vert-active.png new file mode 100644 index 00000000..0cec1dc5 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-dark/handle-vert-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-dark/handle-vert-hover.png b/src/src/assets/gtk-2.0/assets-dark/handle-vert-hover.png new file mode 100644 index 00000000..600fb08b Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-dark/handle-vert-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-dark/handle-vert.png b/src/src/assets/gtk-2.0/assets-dark/handle-vert.png new file mode 100644 index 00000000..377fdf0b Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-dark/handle-vert.png differ diff --git a/src/src/assets/gtk-2.0/assets-dark/menu-checkbox-checked-disabled.png b/src/src/assets/gtk-2.0/assets-dark/menu-checkbox-checked-disabled.png new file mode 100644 index 00000000..db35b0dd Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-dark/menu-checkbox-checked-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-dark/menu-checkbox-checked.png b/src/src/assets/gtk-2.0/assets-dark/menu-checkbox-checked.png new file mode 100644 index 00000000..40c35dd0 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-dark/menu-checkbox-checked.png differ diff --git a/src/src/assets/gtk-2.0/assets-dark/menu-checkbox-mixed-disabled.png b/src/src/assets/gtk-2.0/assets-dark/menu-checkbox-mixed-disabled.png new file mode 100644 index 00000000..3a88ecad Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-dark/menu-checkbox-mixed-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-dark/menu-checkbox-mixed.png b/src/src/assets/gtk-2.0/assets-dark/menu-checkbox-mixed.png new file mode 100644 index 00000000..8b3d44f3 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-dark/menu-checkbox-mixed.png differ diff --git a/src/src/assets/gtk-2.0/assets-dark/menu-checkbox-unchecked-disabled.png b/src/src/assets/gtk-2.0/assets-dark/menu-checkbox-unchecked-disabled.png new file mode 100644 index 00000000..4b8fbb54 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-dark/menu-checkbox-unchecked-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-dark/menu-checkbox-unchecked.png b/src/src/assets/gtk-2.0/assets-dark/menu-checkbox-unchecked.png new file mode 100644 index 00000000..5317874c Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-dark/menu-checkbox-unchecked.png differ diff --git a/src/src/assets/gtk-2.0/assets-dark/menu-radio-checked-disabled.png b/src/src/assets/gtk-2.0/assets-dark/menu-radio-checked-disabled.png new file mode 100644 index 00000000..1a5bedf8 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-dark/menu-radio-checked-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-dark/menu-radio-checked.png b/src/src/assets/gtk-2.0/assets-dark/menu-radio-checked.png new file mode 100644 index 00000000..30e7dcd4 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-dark/menu-radio-checked.png differ diff --git a/src/src/assets/gtk-2.0/assets-dark/menu-radio-mixed-disabled.png b/src/src/assets/gtk-2.0/assets-dark/menu-radio-mixed-disabled.png new file mode 100644 index 00000000..3a88ecad Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-dark/menu-radio-mixed-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-dark/menu-radio-mixed.png b/src/src/assets/gtk-2.0/assets-dark/menu-radio-mixed.png new file mode 100644 index 00000000..8b3d44f3 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-dark/menu-radio-mixed.png differ diff --git a/src/src/assets/gtk-2.0/assets-dark/menu-radio-unchecked-disabled.png b/src/src/assets/gtk-2.0/assets-dark/menu-radio-unchecked-disabled.png new file mode 100644 index 00000000..4b8fbb54 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-dark/menu-radio-unchecked-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-dark/menu-radio-unchecked.png b/src/src/assets/gtk-2.0/assets-dark/menu-radio-unchecked.png new file mode 100644 index 00000000..5317874c Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-dark/menu-radio-unchecked.png differ diff --git a/src/src/assets/gtk-2.0/assets-dark/pan-down-alt-disabled.png b/src/src/assets/gtk-2.0/assets-dark/pan-down-alt-disabled.png new file mode 100644 index 00000000..11a69853 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-dark/pan-down-alt-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-dark/pan-down-alt.png b/src/src/assets/gtk-2.0/assets-dark/pan-down-alt.png new file mode 100644 index 00000000..974686c7 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-dark/pan-down-alt.png differ diff --git a/src/src/assets/gtk-2.0/assets-dark/pan-down-disabled.png b/src/src/assets/gtk-2.0/assets-dark/pan-down-disabled.png new file mode 100644 index 00000000..8aa63318 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-dark/pan-down-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-dark/pan-down.png b/src/src/assets/gtk-2.0/assets-dark/pan-down.png new file mode 100644 index 00000000..2f28e41e Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-dark/pan-down.png differ diff --git a/src/src/assets/gtk-2.0/assets-dark/pan-left-alt-disabled.png b/src/src/assets/gtk-2.0/assets-dark/pan-left-alt-disabled.png new file mode 100644 index 00000000..44e26b6d Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-dark/pan-left-alt-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-dark/pan-left-alt.png b/src/src/assets/gtk-2.0/assets-dark/pan-left-alt.png new file mode 100644 index 00000000..529b5e4c Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-dark/pan-left-alt.png differ diff --git a/src/src/assets/gtk-2.0/assets-dark/pan-left-disabled.png b/src/src/assets/gtk-2.0/assets-dark/pan-left-disabled.png new file mode 100644 index 00000000..ff7c8521 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-dark/pan-left-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-dark/pan-left-semi.png b/src/src/assets/gtk-2.0/assets-dark/pan-left-semi.png new file mode 100644 index 00000000..955e801f Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-dark/pan-left-semi.png differ diff --git a/src/src/assets/gtk-2.0/assets-dark/pan-left.png b/src/src/assets/gtk-2.0/assets-dark/pan-left.png new file mode 100644 index 00000000..c9cb53ac Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-dark/pan-left.png differ diff --git a/src/src/assets/gtk-2.0/assets-dark/pan-right-alt-disabled.png b/src/src/assets/gtk-2.0/assets-dark/pan-right-alt-disabled.png new file mode 100644 index 00000000..42e5877b Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-dark/pan-right-alt-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-dark/pan-right-alt.png b/src/src/assets/gtk-2.0/assets-dark/pan-right-alt.png new file mode 100644 index 00000000..d7405064 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-dark/pan-right-alt.png differ diff --git a/src/src/assets/gtk-2.0/assets-dark/pan-right-disabled.png b/src/src/assets/gtk-2.0/assets-dark/pan-right-disabled.png new file mode 100644 index 00000000..e8e14e80 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-dark/pan-right-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-dark/pan-right-semi.png b/src/src/assets/gtk-2.0/assets-dark/pan-right-semi.png new file mode 100644 index 00000000..d7d5af02 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-dark/pan-right-semi.png differ diff --git a/src/src/assets/gtk-2.0/assets-dark/pan-right.png b/src/src/assets/gtk-2.0/assets-dark/pan-right.png new file mode 100644 index 00000000..6cf201d9 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-dark/pan-right.png differ diff --git a/src/src/assets/gtk-2.0/assets-dark/pan-up-alt-disabled.png b/src/src/assets/gtk-2.0/assets-dark/pan-up-alt-disabled.png new file mode 100644 index 00000000..56a417c0 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-dark/pan-up-alt-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-dark/pan-up-alt.png b/src/src/assets/gtk-2.0/assets-dark/pan-up-alt.png new file mode 100644 index 00000000..5df7be82 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-dark/pan-up-alt.png differ diff --git a/src/src/assets/gtk-2.0/assets-dark/pan-up-disabled.png b/src/src/assets/gtk-2.0/assets-dark/pan-up-disabled.png new file mode 100644 index 00000000..d3ae5113 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-dark/pan-up-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-dark/pan-up.png b/src/src/assets/gtk-2.0/assets-dark/pan-up.png new file mode 100644 index 00000000..a99f7cf0 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-dark/pan-up.png differ diff --git a/src/src/assets/gtk-2.0/assets-dark/progressbar-progress.png b/src/src/assets/gtk-2.0/assets-dark/progressbar-progress.png new file mode 100644 index 00000000..5eb34a66 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-dark/progressbar-progress.png differ diff --git a/src/src/assets/gtk-2.0/assets-dark/progressbar-trough.png b/src/src/assets/gtk-2.0/assets-dark/progressbar-trough.png new file mode 100644 index 00000000..aba61d56 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-dark/progressbar-trough.png differ diff --git a/src/src/assets/gtk-2.0/assets-dark/radio-checked-active.png b/src/src/assets/gtk-2.0/assets-dark/radio-checked-active.png new file mode 100644 index 00000000..1f4c0e33 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-dark/radio-checked-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-dark/radio-checked-disabled.png b/src/src/assets/gtk-2.0/assets-dark/radio-checked-disabled.png new file mode 100644 index 00000000..8fb3b9bb Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-dark/radio-checked-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-dark/radio-checked-hover.png b/src/src/assets/gtk-2.0/assets-dark/radio-checked-hover.png new file mode 100644 index 00000000..6ed032cc Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-dark/radio-checked-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-dark/radio-checked.png b/src/src/assets/gtk-2.0/assets-dark/radio-checked.png new file mode 100644 index 00000000..5e0e0ac8 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-dark/radio-checked.png differ diff --git a/src/src/assets/gtk-2.0/assets-dark/radio-mixed-active.png b/src/src/assets/gtk-2.0/assets-dark/radio-mixed-active.png new file mode 100644 index 00000000..3222f211 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-dark/radio-mixed-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-dark/radio-mixed-disabled.png b/src/src/assets/gtk-2.0/assets-dark/radio-mixed-disabled.png new file mode 100644 index 00000000..45d5349b Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-dark/radio-mixed-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-dark/radio-mixed-hover.png b/src/src/assets/gtk-2.0/assets-dark/radio-mixed-hover.png new file mode 100644 index 00000000..ae1b5dc4 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-dark/radio-mixed-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-dark/radio-mixed.png b/src/src/assets/gtk-2.0/assets-dark/radio-mixed.png new file mode 100644 index 00000000..49889df8 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-dark/radio-mixed.png differ diff --git a/src/src/assets/gtk-2.0/assets-dark/radio-unchecked-active.png b/src/src/assets/gtk-2.0/assets-dark/radio-unchecked-active.png new file mode 100644 index 00000000..f6948e7a Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-dark/radio-unchecked-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-dark/radio-unchecked-disabled.png b/src/src/assets/gtk-2.0/assets-dark/radio-unchecked-disabled.png new file mode 100644 index 00000000..73e42bdf Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-dark/radio-unchecked-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-dark/radio-unchecked-hover.png b/src/src/assets/gtk-2.0/assets-dark/radio-unchecked-hover.png new file mode 100644 index 00000000..191738b7 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-dark/radio-unchecked-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-dark/radio-unchecked.png b/src/src/assets/gtk-2.0/assets-dark/radio-unchecked.png new file mode 100644 index 00000000..e310c022 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-dark/radio-unchecked.png differ diff --git a/src/src/assets/gtk-2.0/assets-dark/scale-horz-trough-active.png b/src/src/assets/gtk-2.0/assets-dark/scale-horz-trough-active.png new file mode 100644 index 00000000..03060173 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-dark/scale-horz-trough-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-dark/scale-horz-trough-disabled.png b/src/src/assets/gtk-2.0/assets-dark/scale-horz-trough-disabled.png new file mode 100644 index 00000000..10cf142e Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-dark/scale-horz-trough-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-dark/scale-horz-trough.png b/src/src/assets/gtk-2.0/assets-dark/scale-horz-trough.png new file mode 100644 index 00000000..8a0adf1d Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-dark/scale-horz-trough.png differ diff --git a/src/src/assets/gtk-2.0/assets-dark/scale-slider-active.png b/src/src/assets/gtk-2.0/assets-dark/scale-slider-active.png new file mode 100644 index 00000000..8d5a7fd4 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-dark/scale-slider-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-dark/scale-slider-disabled.png b/src/src/assets/gtk-2.0/assets-dark/scale-slider-disabled.png new file mode 100644 index 00000000..eb1a1ae2 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-dark/scale-slider-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-dark/scale-slider-hover.png b/src/src/assets/gtk-2.0/assets-dark/scale-slider-hover.png new file mode 100644 index 00000000..f5984dc3 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-dark/scale-slider-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-dark/scale-slider.png b/src/src/assets/gtk-2.0/assets-dark/scale-slider.png new file mode 100644 index 00000000..e85d1dba Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-dark/scale-slider.png differ diff --git a/src/src/assets/gtk-2.0/assets-dark/scale-vert-trough-active.png b/src/src/assets/gtk-2.0/assets-dark/scale-vert-trough-active.png new file mode 100644 index 00000000..32015f0b Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-dark/scale-vert-trough-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-dark/scale-vert-trough-disabled.png b/src/src/assets/gtk-2.0/assets-dark/scale-vert-trough-disabled.png new file mode 100644 index 00000000..7e38ad6c Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-dark/scale-vert-trough-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-dark/scale-vert-trough.png b/src/src/assets/gtk-2.0/assets-dark/scale-vert-trough.png new file mode 100644 index 00000000..6c6d3360 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-dark/scale-vert-trough.png differ diff --git a/src/src/assets/gtk-2.0/assets-dark/scrollbar-horz-slider-active.png b/src/src/assets/gtk-2.0/assets-dark/scrollbar-horz-slider-active.png new file mode 100644 index 00000000..9b3802ab Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-dark/scrollbar-horz-slider-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-dark/scrollbar-horz-slider-disabled.png b/src/src/assets/gtk-2.0/assets-dark/scrollbar-horz-slider-disabled.png new file mode 100644 index 00000000..a0e78e25 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-dark/scrollbar-horz-slider-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-dark/scrollbar-horz-slider-hover.png b/src/src/assets/gtk-2.0/assets-dark/scrollbar-horz-slider-hover.png new file mode 100644 index 00000000..c44bf539 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-dark/scrollbar-horz-slider-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-dark/scrollbar-horz-slider.png b/src/src/assets/gtk-2.0/assets-dark/scrollbar-horz-slider.png new file mode 100644 index 00000000..7d453476 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-dark/scrollbar-horz-slider.png differ diff --git a/src/src/assets/gtk-2.0/assets-dark/scrollbar-horz-trough.png b/src/src/assets/gtk-2.0/assets-dark/scrollbar-horz-trough.png new file mode 100644 index 00000000..e5e9d5b4 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-dark/scrollbar-horz-trough.png differ diff --git a/src/src/assets/gtk-2.0/assets-dark/scrollbar-vert-ltr-slider-active.png b/src/src/assets/gtk-2.0/assets-dark/scrollbar-vert-ltr-slider-active.png new file mode 100644 index 00000000..86a7e94d Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-dark/scrollbar-vert-ltr-slider-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-dark/scrollbar-vert-ltr-slider-disabled.png b/src/src/assets/gtk-2.0/assets-dark/scrollbar-vert-ltr-slider-disabled.png new file mode 100644 index 00000000..e1bd86ac Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-dark/scrollbar-vert-ltr-slider-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-dark/scrollbar-vert-ltr-slider-hover.png b/src/src/assets/gtk-2.0/assets-dark/scrollbar-vert-ltr-slider-hover.png new file mode 100644 index 00000000..0eab6abe Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-dark/scrollbar-vert-ltr-slider-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-dark/scrollbar-vert-ltr-slider.png b/src/src/assets/gtk-2.0/assets-dark/scrollbar-vert-ltr-slider.png new file mode 100644 index 00000000..bd8227ac Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-dark/scrollbar-vert-ltr-slider.png differ diff --git a/src/src/assets/gtk-2.0/assets-dark/scrollbar-vert-ltr-trough.png b/src/src/assets/gtk-2.0/assets-dark/scrollbar-vert-ltr-trough.png new file mode 100644 index 00000000..5e356392 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-dark/scrollbar-vert-ltr-trough.png differ diff --git a/src/src/assets/gtk-2.0/assets-dark/scrollbar-vert-rtl-slider-active.png b/src/src/assets/gtk-2.0/assets-dark/scrollbar-vert-rtl-slider-active.png new file mode 100644 index 00000000..f219ede0 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-dark/scrollbar-vert-rtl-slider-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-dark/scrollbar-vert-rtl-slider-disabled.png b/src/src/assets/gtk-2.0/assets-dark/scrollbar-vert-rtl-slider-disabled.png new file mode 100644 index 00000000..e8cf3269 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-dark/scrollbar-vert-rtl-slider-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-dark/scrollbar-vert-rtl-slider-hover.png b/src/src/assets/gtk-2.0/assets-dark/scrollbar-vert-rtl-slider-hover.png new file mode 100644 index 00000000..fc02be48 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-dark/scrollbar-vert-rtl-slider-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-dark/scrollbar-vert-rtl-slider.png b/src/src/assets/gtk-2.0/assets-dark/scrollbar-vert-rtl-slider.png new file mode 100644 index 00000000..8ab9c686 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-dark/scrollbar-vert-rtl-slider.png differ diff --git a/src/src/assets/gtk-2.0/assets-dark/scrollbar-vert-rtl-trough.png b/src/src/assets/gtk-2.0/assets-dark/scrollbar-vert-rtl-trough.png new file mode 100644 index 00000000..056290d9 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-dark/scrollbar-vert-rtl-trough.png differ diff --git a/src/src/assets/gtk-2.0/assets-dark/spin-ltr-down-active.png b/src/src/assets/gtk-2.0/assets-dark/spin-ltr-down-active.png new file mode 100644 index 00000000..2c31ad02 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-dark/spin-ltr-down-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-dark/spin-ltr-down-disabled.png b/src/src/assets/gtk-2.0/assets-dark/spin-ltr-down-disabled.png new file mode 100644 index 00000000..19139fdd Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-dark/spin-ltr-down-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-dark/spin-ltr-down-hover.png b/src/src/assets/gtk-2.0/assets-dark/spin-ltr-down-hover.png new file mode 100644 index 00000000..64e8a4ce Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-dark/spin-ltr-down-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-dark/spin-ltr-down.png b/src/src/assets/gtk-2.0/assets-dark/spin-ltr-down.png new file mode 100644 index 00000000..020deb5f Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-dark/spin-ltr-down.png differ diff --git a/src/src/assets/gtk-2.0/assets-dark/spin-ltr-up-active.png b/src/src/assets/gtk-2.0/assets-dark/spin-ltr-up-active.png new file mode 100644 index 00000000..5816ae33 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-dark/spin-ltr-up-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-dark/spin-ltr-up-disabled.png b/src/src/assets/gtk-2.0/assets-dark/spin-ltr-up-disabled.png new file mode 100644 index 00000000..dcf55afe Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-dark/spin-ltr-up-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-dark/spin-ltr-up-hover.png b/src/src/assets/gtk-2.0/assets-dark/spin-ltr-up-hover.png new file mode 100644 index 00000000..4631e6fa Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-dark/spin-ltr-up-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-dark/spin-ltr-up.png b/src/src/assets/gtk-2.0/assets-dark/spin-ltr-up.png new file mode 100644 index 00000000..f9b8eb67 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-dark/spin-ltr-up.png differ diff --git a/src/src/assets/gtk-2.0/assets-dark/spin-rtl-down-active.png b/src/src/assets/gtk-2.0/assets-dark/spin-rtl-down-active.png new file mode 100644 index 00000000..7568d2f0 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-dark/spin-rtl-down-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-dark/spin-rtl-down-disabled.png b/src/src/assets/gtk-2.0/assets-dark/spin-rtl-down-disabled.png new file mode 100644 index 00000000..4c5e3b17 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-dark/spin-rtl-down-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-dark/spin-rtl-down-hover.png b/src/src/assets/gtk-2.0/assets-dark/spin-rtl-down-hover.png new file mode 100644 index 00000000..af6410e7 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-dark/spin-rtl-down-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-dark/spin-rtl-down.png b/src/src/assets/gtk-2.0/assets-dark/spin-rtl-down.png new file mode 100644 index 00000000..7eae4282 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-dark/spin-rtl-down.png differ diff --git a/src/src/assets/gtk-2.0/assets-dark/spin-rtl-up-active.png b/src/src/assets/gtk-2.0/assets-dark/spin-rtl-up-active.png new file mode 100644 index 00000000..36a64a08 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-dark/spin-rtl-up-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-dark/spin-rtl-up-disabled.png b/src/src/assets/gtk-2.0/assets-dark/spin-rtl-up-disabled.png new file mode 100644 index 00000000..e229de47 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-dark/spin-rtl-up-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-dark/spin-rtl-up-hover.png b/src/src/assets/gtk-2.0/assets-dark/spin-rtl-up-hover.png new file mode 100644 index 00000000..ed0c0ce8 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-dark/spin-rtl-up-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-dark/spin-rtl-up.png b/src/src/assets/gtk-2.0/assets-dark/spin-rtl-up.png new file mode 100644 index 00000000..e3a59e86 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-dark/spin-rtl-up.png differ diff --git a/src/src/assets/gtk-2.0/assets-dark/tab.png b/src/src/assets/gtk-2.0/assets-dark/tab.png new file mode 100644 index 00000000..9cb811b7 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-dark/tab.png differ diff --git a/src/src/assets/gtk-2.0/assets-dark/treeview-ltr-button-active.png b/src/src/assets/gtk-2.0/assets-dark/treeview-ltr-button-active.png new file mode 100644 index 00000000..45da44f8 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-dark/treeview-ltr-button-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-dark/treeview-ltr-button-hover.png b/src/src/assets/gtk-2.0/assets-dark/treeview-ltr-button-hover.png new file mode 100644 index 00000000..a240cb64 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-dark/treeview-ltr-button-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-dark/treeview-ltr-button.png b/src/src/assets/gtk-2.0/assets-dark/treeview-ltr-button.png new file mode 100644 index 00000000..cc77fcc3 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-dark/treeview-ltr-button.png differ diff --git a/src/src/assets/gtk-2.0/assets-dark/treeview-rtl-button-active.png b/src/src/assets/gtk-2.0/assets-dark/treeview-rtl-button-active.png new file mode 100644 index 00000000..a5a46b99 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-dark/treeview-rtl-button-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-dark/treeview-rtl-button-hover.png b/src/src/assets/gtk-2.0/assets-dark/treeview-rtl-button-hover.png new file mode 100644 index 00000000..810a277e Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-dark/treeview-rtl-button-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-dark/treeview-rtl-button.png b/src/src/assets/gtk-2.0/assets-dark/treeview-rtl-button.png new file mode 100644 index 00000000..cc77fcc3 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-dark/treeview-rtl-button.png differ diff --git a/src/src/assets/gtk-2.0/assets-green-dark.svg b/src/src/assets/gtk-2.0/assets-green-dark.svg new file mode 100644 index 00000000..befa2c64 --- /dev/null +++ b/src/src/assets/gtk-2.0/assets-green-dark.svg @@ -0,0 +1,3204 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/src/assets/gtk-2.0/assets-green-dark/border.png b/src/src/assets/gtk-2.0/assets-green-dark/border.png new file mode 100644 index 00000000..20d503bf Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green-dark/border.png differ diff --git a/src/src/assets/gtk-2.0/assets-green-dark/button-active.png b/src/src/assets/gtk-2.0/assets-green-dark/button-active.png new file mode 100644 index 00000000..ca25ccce Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green-dark/button-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-green-dark/button-disabled.png b/src/src/assets/gtk-2.0/assets-green-dark/button-disabled.png new file mode 100644 index 00000000..6578ba7d Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green-dark/button-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-green-dark/button-hover.png b/src/src/assets/gtk-2.0/assets-green-dark/button-hover.png new file mode 100644 index 00000000..66e1fdd7 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green-dark/button-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-green-dark/button.png b/src/src/assets/gtk-2.0/assets-green-dark/button.png new file mode 100644 index 00000000..3fe12c70 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green-dark/button.png differ diff --git a/src/src/assets/gtk-2.0/assets-green-dark/checkbox-checked-active.png b/src/src/assets/gtk-2.0/assets-green-dark/checkbox-checked-active.png new file mode 100644 index 00000000..943d5f71 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green-dark/checkbox-checked-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-green-dark/checkbox-checked-disabled.png b/src/src/assets/gtk-2.0/assets-green-dark/checkbox-checked-disabled.png new file mode 100644 index 00000000..b6bca163 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green-dark/checkbox-checked-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-green-dark/checkbox-checked-hover.png b/src/src/assets/gtk-2.0/assets-green-dark/checkbox-checked-hover.png new file mode 100644 index 00000000..c430e3f8 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green-dark/checkbox-checked-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-green-dark/checkbox-checked.png b/src/src/assets/gtk-2.0/assets-green-dark/checkbox-checked.png new file mode 100644 index 00000000..89017519 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green-dark/checkbox-checked.png differ diff --git a/src/src/assets/gtk-2.0/assets-green-dark/checkbox-mixed-active.png b/src/src/assets/gtk-2.0/assets-green-dark/checkbox-mixed-active.png new file mode 100644 index 00000000..c3ea951b Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green-dark/checkbox-mixed-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-green-dark/checkbox-mixed-disabled.png b/src/src/assets/gtk-2.0/assets-green-dark/checkbox-mixed-disabled.png new file mode 100644 index 00000000..f68f1ffa Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green-dark/checkbox-mixed-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-green-dark/checkbox-mixed-hover.png b/src/src/assets/gtk-2.0/assets-green-dark/checkbox-mixed-hover.png new file mode 100644 index 00000000..c27867d3 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green-dark/checkbox-mixed-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-green-dark/checkbox-mixed.png b/src/src/assets/gtk-2.0/assets-green-dark/checkbox-mixed.png new file mode 100644 index 00000000..870084d4 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green-dark/checkbox-mixed.png differ diff --git a/src/src/assets/gtk-2.0/assets-green-dark/checkbox-unchecked-active.png b/src/src/assets/gtk-2.0/assets-green-dark/checkbox-unchecked-active.png new file mode 100644 index 00000000..f6948e7a Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green-dark/checkbox-unchecked-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-green-dark/checkbox-unchecked-disabled.png b/src/src/assets/gtk-2.0/assets-green-dark/checkbox-unchecked-disabled.png new file mode 100644 index 00000000..73e42bdf Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green-dark/checkbox-unchecked-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-green-dark/checkbox-unchecked-hover.png b/src/src/assets/gtk-2.0/assets-green-dark/checkbox-unchecked-hover.png new file mode 100644 index 00000000..191738b7 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green-dark/checkbox-unchecked-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-green-dark/checkbox-unchecked.png b/src/src/assets/gtk-2.0/assets-green-dark/checkbox-unchecked.png new file mode 100644 index 00000000..e310c022 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green-dark/checkbox-unchecked.png differ diff --git a/src/src/assets/gtk-2.0/assets-green-dark/combo-left-entry-active.png b/src/src/assets/gtk-2.0/assets-green-dark/combo-left-entry-active.png new file mode 100644 index 00000000..e2d0ca00 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green-dark/combo-left-entry-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-green-dark/combo-left-entry-disabled.png b/src/src/assets/gtk-2.0/assets-green-dark/combo-left-entry-disabled.png new file mode 100644 index 00000000..6a9d9dd2 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green-dark/combo-left-entry-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-green-dark/combo-left-entry-hover.png b/src/src/assets/gtk-2.0/assets-green-dark/combo-left-entry-hover.png new file mode 100644 index 00000000..c65ced02 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green-dark/combo-left-entry-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-green-dark/combo-left-entry.png b/src/src/assets/gtk-2.0/assets-green-dark/combo-left-entry.png new file mode 100644 index 00000000..255e3dc3 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green-dark/combo-left-entry.png differ diff --git a/src/src/assets/gtk-2.0/assets-green-dark/combo-right-entry-active.png b/src/src/assets/gtk-2.0/assets-green-dark/combo-right-entry-active.png new file mode 100644 index 00000000..bdada423 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green-dark/combo-right-entry-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-green-dark/combo-right-entry-disabled.png b/src/src/assets/gtk-2.0/assets-green-dark/combo-right-entry-disabled.png new file mode 100644 index 00000000..67cfcc78 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green-dark/combo-right-entry-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-green-dark/combo-right-entry-hover.png b/src/src/assets/gtk-2.0/assets-green-dark/combo-right-entry-hover.png new file mode 100644 index 00000000..8d643bd3 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green-dark/combo-right-entry-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-green-dark/combo-right-entry.png b/src/src/assets/gtk-2.0/assets-green-dark/combo-right-entry.png new file mode 100644 index 00000000..5d232339 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green-dark/combo-right-entry.png differ diff --git a/src/src/assets/gtk-2.0/assets-green-dark/entry-active.png b/src/src/assets/gtk-2.0/assets-green-dark/entry-active.png new file mode 100644 index 00000000..71eaa66d Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green-dark/entry-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-green-dark/entry-background-disabled.png b/src/src/assets/gtk-2.0/assets-green-dark/entry-background-disabled.png new file mode 100644 index 00000000..ce14ba81 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green-dark/entry-background-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-green-dark/entry-background.png b/src/src/assets/gtk-2.0/assets-green-dark/entry-background.png new file mode 100644 index 00000000..fdf26ab3 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green-dark/entry-background.png differ diff --git a/src/src/assets/gtk-2.0/assets-green-dark/entry-disabled.png b/src/src/assets/gtk-2.0/assets-green-dark/entry-disabled.png new file mode 100644 index 00000000..6578ba7d Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green-dark/entry-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-green-dark/entry-hover.png b/src/src/assets/gtk-2.0/assets-green-dark/entry-hover.png new file mode 100644 index 00000000..57332392 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green-dark/entry-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-green-dark/entry.png b/src/src/assets/gtk-2.0/assets-green-dark/entry.png new file mode 100644 index 00000000..3fe12c70 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green-dark/entry.png differ diff --git a/src/src/assets/gtk-2.0/assets-green-dark/flat-button-active.png b/src/src/assets/gtk-2.0/assets-green-dark/flat-button-active.png new file mode 100644 index 00000000..ca25ccce Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green-dark/flat-button-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-green-dark/flat-button-disabled.png b/src/src/assets/gtk-2.0/assets-green-dark/flat-button-disabled.png new file mode 100644 index 00000000..96f9995d Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green-dark/flat-button-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-green-dark/flat-button-hover.png b/src/src/assets/gtk-2.0/assets-green-dark/flat-button-hover.png new file mode 100644 index 00000000..66e1fdd7 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green-dark/flat-button-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-green-dark/flat-button.png b/src/src/assets/gtk-2.0/assets-green-dark/flat-button.png new file mode 100644 index 00000000..96f9995d Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green-dark/flat-button.png differ diff --git a/src/src/assets/gtk-2.0/assets-green-dark/focus.png b/src/src/assets/gtk-2.0/assets-green-dark/focus.png new file mode 100644 index 00000000..3e8d13db Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green-dark/focus.png differ diff --git a/src/src/assets/gtk-2.0/assets-green-dark/frame-inline.png b/src/src/assets/gtk-2.0/assets-green-dark/frame-inline.png new file mode 100644 index 00000000..7d10ff19 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green-dark/frame-inline.png differ diff --git a/src/src/assets/gtk-2.0/assets-green-dark/frame-notebook.png b/src/src/assets/gtk-2.0/assets-green-dark/frame-notebook.png new file mode 100644 index 00000000..7b5020ee Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green-dark/frame-notebook.png differ diff --git a/src/src/assets/gtk-2.0/assets-green-dark/frame.png b/src/src/assets/gtk-2.0/assets-green-dark/frame.png new file mode 100644 index 00000000..1562a81b Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green-dark/frame.png differ diff --git a/src/src/assets/gtk-2.0/assets-green-dark/handle-horz-active.png b/src/src/assets/gtk-2.0/assets-green-dark/handle-horz-active.png new file mode 100644 index 00000000..f1c519ef Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green-dark/handle-horz-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-green-dark/handle-horz-hover.png b/src/src/assets/gtk-2.0/assets-green-dark/handle-horz-hover.png new file mode 100644 index 00000000..e7e40d69 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green-dark/handle-horz-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-green-dark/handle-horz.png b/src/src/assets/gtk-2.0/assets-green-dark/handle-horz.png new file mode 100644 index 00000000..ef1738d0 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green-dark/handle-horz.png differ diff --git a/src/src/assets/gtk-2.0/assets-green-dark/handle-vert-active.png b/src/src/assets/gtk-2.0/assets-green-dark/handle-vert-active.png new file mode 100644 index 00000000..0cec1dc5 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green-dark/handle-vert-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-green-dark/handle-vert-hover.png b/src/src/assets/gtk-2.0/assets-green-dark/handle-vert-hover.png new file mode 100644 index 00000000..600fb08b Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green-dark/handle-vert-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-green-dark/handle-vert.png b/src/src/assets/gtk-2.0/assets-green-dark/handle-vert.png new file mode 100644 index 00000000..377fdf0b Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green-dark/handle-vert.png differ diff --git a/src/src/assets/gtk-2.0/assets-green-dark/menu-checkbox-checked-disabled.png b/src/src/assets/gtk-2.0/assets-green-dark/menu-checkbox-checked-disabled.png new file mode 100644 index 00000000..c26e393c Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green-dark/menu-checkbox-checked-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-green-dark/menu-checkbox-checked.png b/src/src/assets/gtk-2.0/assets-green-dark/menu-checkbox-checked.png new file mode 100644 index 00000000..f5475103 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green-dark/menu-checkbox-checked.png differ diff --git a/src/src/assets/gtk-2.0/assets-green-dark/menu-checkbox-mixed-disabled.png b/src/src/assets/gtk-2.0/assets-green-dark/menu-checkbox-mixed-disabled.png new file mode 100644 index 00000000..7930ca8a Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green-dark/menu-checkbox-mixed-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-green-dark/menu-checkbox-mixed.png b/src/src/assets/gtk-2.0/assets-green-dark/menu-checkbox-mixed.png new file mode 100644 index 00000000..c0ac224c Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green-dark/menu-checkbox-mixed.png differ diff --git a/src/src/assets/gtk-2.0/assets-green-dark/menu-checkbox-unchecked-disabled.png b/src/src/assets/gtk-2.0/assets-green-dark/menu-checkbox-unchecked-disabled.png new file mode 100644 index 00000000..4b8fbb54 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green-dark/menu-checkbox-unchecked-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-green-dark/menu-checkbox-unchecked.png b/src/src/assets/gtk-2.0/assets-green-dark/menu-checkbox-unchecked.png new file mode 100644 index 00000000..5317874c Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green-dark/menu-checkbox-unchecked.png differ diff --git a/src/src/assets/gtk-2.0/assets-green-dark/menu-radio-checked-disabled.png b/src/src/assets/gtk-2.0/assets-green-dark/menu-radio-checked-disabled.png new file mode 100644 index 00000000..e7b6cfa5 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green-dark/menu-radio-checked-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-green-dark/menu-radio-checked.png b/src/src/assets/gtk-2.0/assets-green-dark/menu-radio-checked.png new file mode 100644 index 00000000..41019858 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green-dark/menu-radio-checked.png differ diff --git a/src/src/assets/gtk-2.0/assets-green-dark/menu-radio-mixed-disabled.png b/src/src/assets/gtk-2.0/assets-green-dark/menu-radio-mixed-disabled.png new file mode 100644 index 00000000..7930ca8a Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green-dark/menu-radio-mixed-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-green-dark/menu-radio-mixed.png b/src/src/assets/gtk-2.0/assets-green-dark/menu-radio-mixed.png new file mode 100644 index 00000000..c0ac224c Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green-dark/menu-radio-mixed.png differ diff --git a/src/src/assets/gtk-2.0/assets-green-dark/menu-radio-unchecked-disabled.png b/src/src/assets/gtk-2.0/assets-green-dark/menu-radio-unchecked-disabled.png new file mode 100644 index 00000000..4b8fbb54 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green-dark/menu-radio-unchecked-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-green-dark/menu-radio-unchecked.png b/src/src/assets/gtk-2.0/assets-green-dark/menu-radio-unchecked.png new file mode 100644 index 00000000..5317874c Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green-dark/menu-radio-unchecked.png differ diff --git a/src/src/assets/gtk-2.0/assets-green-dark/pan-down-alt-disabled.png b/src/src/assets/gtk-2.0/assets-green-dark/pan-down-alt-disabled.png new file mode 100644 index 00000000..11a69853 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green-dark/pan-down-alt-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-green-dark/pan-down-alt.png b/src/src/assets/gtk-2.0/assets-green-dark/pan-down-alt.png new file mode 100644 index 00000000..974686c7 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green-dark/pan-down-alt.png differ diff --git a/src/src/assets/gtk-2.0/assets-green-dark/pan-down-disabled.png b/src/src/assets/gtk-2.0/assets-green-dark/pan-down-disabled.png new file mode 100644 index 00000000..8aa63318 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green-dark/pan-down-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-green-dark/pan-down.png b/src/src/assets/gtk-2.0/assets-green-dark/pan-down.png new file mode 100644 index 00000000..2f28e41e Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green-dark/pan-down.png differ diff --git a/src/src/assets/gtk-2.0/assets-green-dark/pan-left-alt-disabled.png b/src/src/assets/gtk-2.0/assets-green-dark/pan-left-alt-disabled.png new file mode 100644 index 00000000..44e26b6d Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green-dark/pan-left-alt-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-green-dark/pan-left-alt.png b/src/src/assets/gtk-2.0/assets-green-dark/pan-left-alt.png new file mode 100644 index 00000000..529b5e4c Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green-dark/pan-left-alt.png differ diff --git a/src/src/assets/gtk-2.0/assets-green-dark/pan-left-disabled.png b/src/src/assets/gtk-2.0/assets-green-dark/pan-left-disabled.png new file mode 100644 index 00000000..ff7c8521 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green-dark/pan-left-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-green-dark/pan-left-semi.png b/src/src/assets/gtk-2.0/assets-green-dark/pan-left-semi.png new file mode 100644 index 00000000..955e801f Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green-dark/pan-left-semi.png differ diff --git a/src/src/assets/gtk-2.0/assets-green-dark/pan-left.png b/src/src/assets/gtk-2.0/assets-green-dark/pan-left.png new file mode 100644 index 00000000..c9cb53ac Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green-dark/pan-left.png differ diff --git a/src/src/assets/gtk-2.0/assets-green-dark/pan-right-alt-disabled.png b/src/src/assets/gtk-2.0/assets-green-dark/pan-right-alt-disabled.png new file mode 100644 index 00000000..42e5877b Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green-dark/pan-right-alt-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-green-dark/pan-right-alt.png b/src/src/assets/gtk-2.0/assets-green-dark/pan-right-alt.png new file mode 100644 index 00000000..d7405064 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green-dark/pan-right-alt.png differ diff --git a/src/src/assets/gtk-2.0/assets-green-dark/pan-right-disabled.png b/src/src/assets/gtk-2.0/assets-green-dark/pan-right-disabled.png new file mode 100644 index 00000000..e8e14e80 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green-dark/pan-right-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-green-dark/pan-right-semi.png b/src/src/assets/gtk-2.0/assets-green-dark/pan-right-semi.png new file mode 100644 index 00000000..d7d5af02 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green-dark/pan-right-semi.png differ diff --git a/src/src/assets/gtk-2.0/assets-green-dark/pan-right.png b/src/src/assets/gtk-2.0/assets-green-dark/pan-right.png new file mode 100644 index 00000000..6cf201d9 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green-dark/pan-right.png differ diff --git a/src/src/assets/gtk-2.0/assets-green-dark/pan-up-alt-disabled.png b/src/src/assets/gtk-2.0/assets-green-dark/pan-up-alt-disabled.png new file mode 100644 index 00000000..56a417c0 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green-dark/pan-up-alt-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-green-dark/pan-up-alt.png b/src/src/assets/gtk-2.0/assets-green-dark/pan-up-alt.png new file mode 100644 index 00000000..5df7be82 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green-dark/pan-up-alt.png differ diff --git a/src/src/assets/gtk-2.0/assets-green-dark/pan-up-disabled.png b/src/src/assets/gtk-2.0/assets-green-dark/pan-up-disabled.png new file mode 100644 index 00000000..d3ae5113 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green-dark/pan-up-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-green-dark/pan-up.png b/src/src/assets/gtk-2.0/assets-green-dark/pan-up.png new file mode 100644 index 00000000..a99f7cf0 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green-dark/pan-up.png differ diff --git a/src/src/assets/gtk-2.0/assets-green-dark/progressbar-progress.png b/src/src/assets/gtk-2.0/assets-green-dark/progressbar-progress.png new file mode 100644 index 00000000..0580bf2a Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green-dark/progressbar-progress.png differ diff --git a/src/src/assets/gtk-2.0/assets-green-dark/progressbar-trough.png b/src/src/assets/gtk-2.0/assets-green-dark/progressbar-trough.png new file mode 100644 index 00000000..aba61d56 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green-dark/progressbar-trough.png differ diff --git a/src/src/assets/gtk-2.0/assets-green-dark/radio-checked-active.png b/src/src/assets/gtk-2.0/assets-green-dark/radio-checked-active.png new file mode 100644 index 00000000..1a4935d3 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green-dark/radio-checked-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-green-dark/radio-checked-disabled.png b/src/src/assets/gtk-2.0/assets-green-dark/radio-checked-disabled.png new file mode 100644 index 00000000..93e54670 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green-dark/radio-checked-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-green-dark/radio-checked-hover.png b/src/src/assets/gtk-2.0/assets-green-dark/radio-checked-hover.png new file mode 100644 index 00000000..6058744a Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green-dark/radio-checked-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-green-dark/radio-checked.png b/src/src/assets/gtk-2.0/assets-green-dark/radio-checked.png new file mode 100644 index 00000000..83075cd0 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green-dark/radio-checked.png differ diff --git a/src/src/assets/gtk-2.0/assets-green-dark/radio-mixed-active.png b/src/src/assets/gtk-2.0/assets-green-dark/radio-mixed-active.png new file mode 100644 index 00000000..c3ea951b Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green-dark/radio-mixed-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-green-dark/radio-mixed-disabled.png b/src/src/assets/gtk-2.0/assets-green-dark/radio-mixed-disabled.png new file mode 100644 index 00000000..f68f1ffa Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green-dark/radio-mixed-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-green-dark/radio-mixed-hover.png b/src/src/assets/gtk-2.0/assets-green-dark/radio-mixed-hover.png new file mode 100644 index 00000000..c27867d3 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green-dark/radio-mixed-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-green-dark/radio-mixed.png b/src/src/assets/gtk-2.0/assets-green-dark/radio-mixed.png new file mode 100644 index 00000000..870084d4 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green-dark/radio-mixed.png differ diff --git a/src/src/assets/gtk-2.0/assets-green-dark/radio-unchecked-active.png b/src/src/assets/gtk-2.0/assets-green-dark/radio-unchecked-active.png new file mode 100644 index 00000000..f6948e7a Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green-dark/radio-unchecked-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-green-dark/radio-unchecked-disabled.png b/src/src/assets/gtk-2.0/assets-green-dark/radio-unchecked-disabled.png new file mode 100644 index 00000000..73e42bdf Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green-dark/radio-unchecked-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-green-dark/radio-unchecked-hover.png b/src/src/assets/gtk-2.0/assets-green-dark/radio-unchecked-hover.png new file mode 100644 index 00000000..191738b7 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green-dark/radio-unchecked-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-green-dark/radio-unchecked.png b/src/src/assets/gtk-2.0/assets-green-dark/radio-unchecked.png new file mode 100644 index 00000000..e310c022 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green-dark/radio-unchecked.png differ diff --git a/src/src/assets/gtk-2.0/assets-green-dark/scale-horz-trough-active.png b/src/src/assets/gtk-2.0/assets-green-dark/scale-horz-trough-active.png new file mode 100644 index 00000000..84fee87e Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green-dark/scale-horz-trough-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-green-dark/scale-horz-trough-disabled.png b/src/src/assets/gtk-2.0/assets-green-dark/scale-horz-trough-disabled.png new file mode 100644 index 00000000..10cf142e Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green-dark/scale-horz-trough-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-green-dark/scale-horz-trough.png b/src/src/assets/gtk-2.0/assets-green-dark/scale-horz-trough.png new file mode 100644 index 00000000..8a0adf1d Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green-dark/scale-horz-trough.png differ diff --git a/src/src/assets/gtk-2.0/assets-green-dark/scale-slider-active.png b/src/src/assets/gtk-2.0/assets-green-dark/scale-slider-active.png new file mode 100644 index 00000000..7bc88c1f Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green-dark/scale-slider-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-green-dark/scale-slider-disabled.png b/src/src/assets/gtk-2.0/assets-green-dark/scale-slider-disabled.png new file mode 100644 index 00000000..eb1a1ae2 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green-dark/scale-slider-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-green-dark/scale-slider-hover.png b/src/src/assets/gtk-2.0/assets-green-dark/scale-slider-hover.png new file mode 100644 index 00000000..1e1d651f Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green-dark/scale-slider-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-green-dark/scale-slider.png b/src/src/assets/gtk-2.0/assets-green-dark/scale-slider.png new file mode 100644 index 00000000..3d48b901 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green-dark/scale-slider.png differ diff --git a/src/src/assets/gtk-2.0/assets-green-dark/scale-vert-trough-active.png b/src/src/assets/gtk-2.0/assets-green-dark/scale-vert-trough-active.png new file mode 100644 index 00000000..8e5d598d Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green-dark/scale-vert-trough-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-green-dark/scale-vert-trough-disabled.png b/src/src/assets/gtk-2.0/assets-green-dark/scale-vert-trough-disabled.png new file mode 100644 index 00000000..7e38ad6c Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green-dark/scale-vert-trough-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-green-dark/scale-vert-trough.png b/src/src/assets/gtk-2.0/assets-green-dark/scale-vert-trough.png new file mode 100644 index 00000000..6c6d3360 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green-dark/scale-vert-trough.png differ diff --git a/src/src/assets/gtk-2.0/assets-green-dark/scrollbar-horz-slider-active.png b/src/src/assets/gtk-2.0/assets-green-dark/scrollbar-horz-slider-active.png new file mode 100644 index 00000000..9b3802ab Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green-dark/scrollbar-horz-slider-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-green-dark/scrollbar-horz-slider-disabled.png b/src/src/assets/gtk-2.0/assets-green-dark/scrollbar-horz-slider-disabled.png new file mode 100644 index 00000000..a0e78e25 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green-dark/scrollbar-horz-slider-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-green-dark/scrollbar-horz-slider-hover.png b/src/src/assets/gtk-2.0/assets-green-dark/scrollbar-horz-slider-hover.png new file mode 100644 index 00000000..c44bf539 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green-dark/scrollbar-horz-slider-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-green-dark/scrollbar-horz-slider.png b/src/src/assets/gtk-2.0/assets-green-dark/scrollbar-horz-slider.png new file mode 100644 index 00000000..7d453476 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green-dark/scrollbar-horz-slider.png differ diff --git a/src/src/assets/gtk-2.0/assets-green-dark/scrollbar-horz-trough.png b/src/src/assets/gtk-2.0/assets-green-dark/scrollbar-horz-trough.png new file mode 100644 index 00000000..e5e9d5b4 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green-dark/scrollbar-horz-trough.png differ diff --git a/src/src/assets/gtk-2.0/assets-green-dark/scrollbar-vert-ltr-slider-active.png b/src/src/assets/gtk-2.0/assets-green-dark/scrollbar-vert-ltr-slider-active.png new file mode 100644 index 00000000..86a7e94d Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green-dark/scrollbar-vert-ltr-slider-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-green-dark/scrollbar-vert-ltr-slider-disabled.png b/src/src/assets/gtk-2.0/assets-green-dark/scrollbar-vert-ltr-slider-disabled.png new file mode 100644 index 00000000..e1bd86ac Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green-dark/scrollbar-vert-ltr-slider-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-green-dark/scrollbar-vert-ltr-slider-hover.png b/src/src/assets/gtk-2.0/assets-green-dark/scrollbar-vert-ltr-slider-hover.png new file mode 100644 index 00000000..0eab6abe Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green-dark/scrollbar-vert-ltr-slider-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-green-dark/scrollbar-vert-ltr-slider.png b/src/src/assets/gtk-2.0/assets-green-dark/scrollbar-vert-ltr-slider.png new file mode 100644 index 00000000..bd8227ac Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green-dark/scrollbar-vert-ltr-slider.png differ diff --git a/src/src/assets/gtk-2.0/assets-green-dark/scrollbar-vert-ltr-trough.png b/src/src/assets/gtk-2.0/assets-green-dark/scrollbar-vert-ltr-trough.png new file mode 100644 index 00000000..5e356392 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green-dark/scrollbar-vert-ltr-trough.png differ diff --git a/src/src/assets/gtk-2.0/assets-green-dark/scrollbar-vert-rtl-slider-active.png b/src/src/assets/gtk-2.0/assets-green-dark/scrollbar-vert-rtl-slider-active.png new file mode 100644 index 00000000..f219ede0 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green-dark/scrollbar-vert-rtl-slider-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-green-dark/scrollbar-vert-rtl-slider-disabled.png b/src/src/assets/gtk-2.0/assets-green-dark/scrollbar-vert-rtl-slider-disabled.png new file mode 100644 index 00000000..e8cf3269 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green-dark/scrollbar-vert-rtl-slider-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-green-dark/scrollbar-vert-rtl-slider-hover.png b/src/src/assets/gtk-2.0/assets-green-dark/scrollbar-vert-rtl-slider-hover.png new file mode 100644 index 00000000..fc02be48 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green-dark/scrollbar-vert-rtl-slider-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-green-dark/scrollbar-vert-rtl-slider.png b/src/src/assets/gtk-2.0/assets-green-dark/scrollbar-vert-rtl-slider.png new file mode 100644 index 00000000..8ab9c686 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green-dark/scrollbar-vert-rtl-slider.png differ diff --git a/src/src/assets/gtk-2.0/assets-green-dark/scrollbar-vert-rtl-trough.png b/src/src/assets/gtk-2.0/assets-green-dark/scrollbar-vert-rtl-trough.png new file mode 100644 index 00000000..056290d9 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green-dark/scrollbar-vert-rtl-trough.png differ diff --git a/src/src/assets/gtk-2.0/assets-green-dark/spin-ltr-down-active.png b/src/src/assets/gtk-2.0/assets-green-dark/spin-ltr-down-active.png new file mode 100644 index 00000000..d2c0995b Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green-dark/spin-ltr-down-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-green-dark/spin-ltr-down-disabled.png b/src/src/assets/gtk-2.0/assets-green-dark/spin-ltr-down-disabled.png new file mode 100644 index 00000000..19139fdd Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green-dark/spin-ltr-down-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-green-dark/spin-ltr-down-hover.png b/src/src/assets/gtk-2.0/assets-green-dark/spin-ltr-down-hover.png new file mode 100644 index 00000000..64e8a4ce Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green-dark/spin-ltr-down-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-green-dark/spin-ltr-down.png b/src/src/assets/gtk-2.0/assets-green-dark/spin-ltr-down.png new file mode 100644 index 00000000..020deb5f Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green-dark/spin-ltr-down.png differ diff --git a/src/src/assets/gtk-2.0/assets-green-dark/spin-ltr-up-active.png b/src/src/assets/gtk-2.0/assets-green-dark/spin-ltr-up-active.png new file mode 100644 index 00000000..8d99a535 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green-dark/spin-ltr-up-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-green-dark/spin-ltr-up-disabled.png b/src/src/assets/gtk-2.0/assets-green-dark/spin-ltr-up-disabled.png new file mode 100644 index 00000000..dcf55afe Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green-dark/spin-ltr-up-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-green-dark/spin-ltr-up-hover.png b/src/src/assets/gtk-2.0/assets-green-dark/spin-ltr-up-hover.png new file mode 100644 index 00000000..4631e6fa Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green-dark/spin-ltr-up-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-green-dark/spin-ltr-up.png b/src/src/assets/gtk-2.0/assets-green-dark/spin-ltr-up.png new file mode 100644 index 00000000..f9b8eb67 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green-dark/spin-ltr-up.png differ diff --git a/src/src/assets/gtk-2.0/assets-green-dark/spin-rtl-down-active.png b/src/src/assets/gtk-2.0/assets-green-dark/spin-rtl-down-active.png new file mode 100644 index 00000000..83de554c Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green-dark/spin-rtl-down-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-green-dark/spin-rtl-down-disabled.png b/src/src/assets/gtk-2.0/assets-green-dark/spin-rtl-down-disabled.png new file mode 100644 index 00000000..4c5e3b17 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green-dark/spin-rtl-down-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-green-dark/spin-rtl-down-hover.png b/src/src/assets/gtk-2.0/assets-green-dark/spin-rtl-down-hover.png new file mode 100644 index 00000000..af6410e7 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green-dark/spin-rtl-down-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-green-dark/spin-rtl-down.png b/src/src/assets/gtk-2.0/assets-green-dark/spin-rtl-down.png new file mode 100644 index 00000000..7eae4282 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green-dark/spin-rtl-down.png differ diff --git a/src/src/assets/gtk-2.0/assets-green-dark/spin-rtl-up-active.png b/src/src/assets/gtk-2.0/assets-green-dark/spin-rtl-up-active.png new file mode 100644 index 00000000..a7795e3c Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green-dark/spin-rtl-up-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-green-dark/spin-rtl-up-disabled.png b/src/src/assets/gtk-2.0/assets-green-dark/spin-rtl-up-disabled.png new file mode 100644 index 00000000..e229de47 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green-dark/spin-rtl-up-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-green-dark/spin-rtl-up-hover.png b/src/src/assets/gtk-2.0/assets-green-dark/spin-rtl-up-hover.png new file mode 100644 index 00000000..ed0c0ce8 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green-dark/spin-rtl-up-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-green-dark/spin-rtl-up.png b/src/src/assets/gtk-2.0/assets-green-dark/spin-rtl-up.png new file mode 100644 index 00000000..e3a59e86 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green-dark/spin-rtl-up.png differ diff --git a/src/src/assets/gtk-2.0/assets-green-dark/tab.png b/src/src/assets/gtk-2.0/assets-green-dark/tab.png new file mode 100644 index 00000000..54247f2c Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green-dark/tab.png differ diff --git a/src/src/assets/gtk-2.0/assets-green-dark/treeview-ltr-button-active.png b/src/src/assets/gtk-2.0/assets-green-dark/treeview-ltr-button-active.png new file mode 100644 index 00000000..45da44f8 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green-dark/treeview-ltr-button-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-green-dark/treeview-ltr-button-hover.png b/src/src/assets/gtk-2.0/assets-green-dark/treeview-ltr-button-hover.png new file mode 100644 index 00000000..a240cb64 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green-dark/treeview-ltr-button-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-green-dark/treeview-ltr-button.png b/src/src/assets/gtk-2.0/assets-green-dark/treeview-ltr-button.png new file mode 100644 index 00000000..cc77fcc3 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green-dark/treeview-ltr-button.png differ diff --git a/src/src/assets/gtk-2.0/assets-green-dark/treeview-rtl-button-active.png b/src/src/assets/gtk-2.0/assets-green-dark/treeview-rtl-button-active.png new file mode 100644 index 00000000..a5a46b99 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green-dark/treeview-rtl-button-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-green-dark/treeview-rtl-button-hover.png b/src/src/assets/gtk-2.0/assets-green-dark/treeview-rtl-button-hover.png new file mode 100644 index 00000000..810a277e Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green-dark/treeview-rtl-button-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-green-dark/treeview-rtl-button.png b/src/src/assets/gtk-2.0/assets-green-dark/treeview-rtl-button.png new file mode 100644 index 00000000..cc77fcc3 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green-dark/treeview-rtl-button.png differ diff --git a/src/src/assets/gtk-2.0/assets-green.svg b/src/src/assets/gtk-2.0/assets-green.svg new file mode 100644 index 00000000..81c28796 --- /dev/null +++ b/src/src/assets/gtk-2.0/assets-green.svg @@ -0,0 +1,3516 @@ + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/src/assets/gtk-2.0/assets-green/border.png b/src/src/assets/gtk-2.0/assets-green/border.png new file mode 100644 index 00000000..b755468c Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green/border.png differ diff --git a/src/src/assets/gtk-2.0/assets-green/button-active.png b/src/src/assets/gtk-2.0/assets-green/button-active.png new file mode 100644 index 00000000..6a3942cb Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green/button-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-green/button-disabled.png b/src/src/assets/gtk-2.0/assets-green/button-disabled.png new file mode 100644 index 00000000..0be273b6 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green/button-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-green/button-hover.png b/src/src/assets/gtk-2.0/assets-green/button-hover.png new file mode 100644 index 00000000..de5b6182 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green/button-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-green/button.png b/src/src/assets/gtk-2.0/assets-green/button.png new file mode 100644 index 00000000..daeaec77 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green/button.png differ diff --git a/src/src/assets/gtk-2.0/assets-green/checkbox-checked-active.png b/src/src/assets/gtk-2.0/assets-green/checkbox-checked-active.png new file mode 100644 index 00000000..4ace9cca Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green/checkbox-checked-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-green/checkbox-checked-disabled.png b/src/src/assets/gtk-2.0/assets-green/checkbox-checked-disabled.png new file mode 100644 index 00000000..a6ad89d0 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green/checkbox-checked-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-green/checkbox-checked-hover.png b/src/src/assets/gtk-2.0/assets-green/checkbox-checked-hover.png new file mode 100644 index 00000000..465fb322 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green/checkbox-checked-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-green/checkbox-checked.png b/src/src/assets/gtk-2.0/assets-green/checkbox-checked.png new file mode 100644 index 00000000..5ba0a9f7 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green/checkbox-checked.png differ diff --git a/src/src/assets/gtk-2.0/assets-green/checkbox-mixed-active.png b/src/src/assets/gtk-2.0/assets-green/checkbox-mixed-active.png new file mode 100644 index 00000000..4b3f464e Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green/checkbox-mixed-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-green/checkbox-mixed-disabled.png b/src/src/assets/gtk-2.0/assets-green/checkbox-mixed-disabled.png new file mode 100644 index 00000000..d125e6be Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green/checkbox-mixed-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-green/checkbox-mixed-hover.png b/src/src/assets/gtk-2.0/assets-green/checkbox-mixed-hover.png new file mode 100644 index 00000000..cc7ef11f Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green/checkbox-mixed-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-green/checkbox-mixed.png b/src/src/assets/gtk-2.0/assets-green/checkbox-mixed.png new file mode 100644 index 00000000..68bdb001 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green/checkbox-mixed.png differ diff --git a/src/src/assets/gtk-2.0/assets-green/checkbox-unchecked-active.png b/src/src/assets/gtk-2.0/assets-green/checkbox-unchecked-active.png new file mode 100644 index 00000000..b2112ca5 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green/checkbox-unchecked-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-green/checkbox-unchecked-disabled.png b/src/src/assets/gtk-2.0/assets-green/checkbox-unchecked-disabled.png new file mode 100644 index 00000000..ca92669d Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green/checkbox-unchecked-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-green/checkbox-unchecked-hover.png b/src/src/assets/gtk-2.0/assets-green/checkbox-unchecked-hover.png new file mode 100644 index 00000000..95cb359f Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green/checkbox-unchecked-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-green/checkbox-unchecked.png b/src/src/assets/gtk-2.0/assets-green/checkbox-unchecked.png new file mode 100644 index 00000000..6496e929 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green/checkbox-unchecked.png differ diff --git a/src/src/assets/gtk-2.0/assets-green/combo-left-entry-active.png b/src/src/assets/gtk-2.0/assets-green/combo-left-entry-active.png new file mode 100644 index 00000000..43ab8e3c Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green/combo-left-entry-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-green/combo-left-entry-disabled.png b/src/src/assets/gtk-2.0/assets-green/combo-left-entry-disabled.png new file mode 100644 index 00000000..bec439a2 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green/combo-left-entry-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-green/combo-left-entry-hover.png b/src/src/assets/gtk-2.0/assets-green/combo-left-entry-hover.png new file mode 100644 index 00000000..d896386e Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green/combo-left-entry-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-green/combo-left-entry.png b/src/src/assets/gtk-2.0/assets-green/combo-left-entry.png new file mode 100644 index 00000000..943fac58 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green/combo-left-entry.png differ diff --git a/src/src/assets/gtk-2.0/assets-green/combo-right-entry-active.png b/src/src/assets/gtk-2.0/assets-green/combo-right-entry-active.png new file mode 100644 index 00000000..d9b31318 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green/combo-right-entry-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-green/combo-right-entry-disabled.png b/src/src/assets/gtk-2.0/assets-green/combo-right-entry-disabled.png new file mode 100644 index 00000000..52934069 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green/combo-right-entry-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-green/combo-right-entry-hover.png b/src/src/assets/gtk-2.0/assets-green/combo-right-entry-hover.png new file mode 100644 index 00000000..05548f30 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green/combo-right-entry-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-green/combo-right-entry.png b/src/src/assets/gtk-2.0/assets-green/combo-right-entry.png new file mode 100644 index 00000000..dd2118a6 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green/combo-right-entry.png differ diff --git a/src/src/assets/gtk-2.0/assets-green/entry-active.png b/src/src/assets/gtk-2.0/assets-green/entry-active.png new file mode 100644 index 00000000..6fe7f1ec Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green/entry-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-green/entry-background-disabled.png b/src/src/assets/gtk-2.0/assets-green/entry-background-disabled.png new file mode 100644 index 00000000..7f3aa5ee Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green/entry-background-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-green/entry-background.png b/src/src/assets/gtk-2.0/assets-green/entry-background.png new file mode 100644 index 00000000..72facdb0 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green/entry-background.png differ diff --git a/src/src/assets/gtk-2.0/assets-green/entry-disabled.png b/src/src/assets/gtk-2.0/assets-green/entry-disabled.png new file mode 100644 index 00000000..0be273b6 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green/entry-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-green/entry-hover.png b/src/src/assets/gtk-2.0/assets-green/entry-hover.png new file mode 100644 index 00000000..1e7804c7 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green/entry-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-green/entry.png b/src/src/assets/gtk-2.0/assets-green/entry.png new file mode 100644 index 00000000..daeaec77 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green/entry.png differ diff --git a/src/src/assets/gtk-2.0/assets-green/flat-button-active.png b/src/src/assets/gtk-2.0/assets-green/flat-button-active.png new file mode 100644 index 00000000..6a3942cb Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green/flat-button-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-green/flat-button-disabled.png b/src/src/assets/gtk-2.0/assets-green/flat-button-disabled.png new file mode 100644 index 00000000..34d490f1 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green/flat-button-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-green/flat-button-hover.png b/src/src/assets/gtk-2.0/assets-green/flat-button-hover.png new file mode 100644 index 00000000..de5b6182 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green/flat-button-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-green/flat-button.png b/src/src/assets/gtk-2.0/assets-green/flat-button.png new file mode 100644 index 00000000..34d490f1 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green/flat-button.png differ diff --git a/src/src/assets/gtk-2.0/assets-green/focus.png b/src/src/assets/gtk-2.0/assets-green/focus.png new file mode 100644 index 00000000..cf26e66f Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green/focus.png differ diff --git a/src/src/assets/gtk-2.0/assets-green/frame-inline.png b/src/src/assets/gtk-2.0/assets-green/frame-inline.png new file mode 100644 index 00000000..34703f89 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green/frame-inline.png differ diff --git a/src/src/assets/gtk-2.0/assets-green/frame-notebook.png b/src/src/assets/gtk-2.0/assets-green/frame-notebook.png new file mode 100644 index 00000000..ddb51968 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green/frame-notebook.png differ diff --git a/src/src/assets/gtk-2.0/assets-green/frame.png b/src/src/assets/gtk-2.0/assets-green/frame.png new file mode 100644 index 00000000..bd3e8516 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green/frame.png differ diff --git a/src/src/assets/gtk-2.0/assets-green/handle-horz-active.png b/src/src/assets/gtk-2.0/assets-green/handle-horz-active.png new file mode 100644 index 00000000..982db3de Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green/handle-horz-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-green/handle-horz-hover.png b/src/src/assets/gtk-2.0/assets-green/handle-horz-hover.png new file mode 100644 index 00000000..af9f1f49 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green/handle-horz-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-green/handle-horz.png b/src/src/assets/gtk-2.0/assets-green/handle-horz.png new file mode 100644 index 00000000..a7263884 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green/handle-horz.png differ diff --git a/src/src/assets/gtk-2.0/assets-green/handle-vert-active.png b/src/src/assets/gtk-2.0/assets-green/handle-vert-active.png new file mode 100644 index 00000000..e44fc648 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green/handle-vert-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-green/handle-vert-hover.png b/src/src/assets/gtk-2.0/assets-green/handle-vert-hover.png new file mode 100644 index 00000000..d14f0049 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green/handle-vert-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-green/handle-vert.png b/src/src/assets/gtk-2.0/assets-green/handle-vert.png new file mode 100644 index 00000000..567a2814 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green/handle-vert.png differ diff --git a/src/src/assets/gtk-2.0/assets-green/menu-checkbox-checked-disabled.png b/src/src/assets/gtk-2.0/assets-green/menu-checkbox-checked-disabled.png new file mode 100644 index 00000000..924238cc Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green/menu-checkbox-checked-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-green/menu-checkbox-checked.png b/src/src/assets/gtk-2.0/assets-green/menu-checkbox-checked.png new file mode 100644 index 00000000..6dfe17fa Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green/menu-checkbox-checked.png differ diff --git a/src/src/assets/gtk-2.0/assets-green/menu-checkbox-mixed-disabled.png b/src/src/assets/gtk-2.0/assets-green/menu-checkbox-mixed-disabled.png new file mode 100644 index 00000000..58440018 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green/menu-checkbox-mixed-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-green/menu-checkbox-mixed.png b/src/src/assets/gtk-2.0/assets-green/menu-checkbox-mixed.png new file mode 100644 index 00000000..f96a74e2 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green/menu-checkbox-mixed.png differ diff --git a/src/src/assets/gtk-2.0/assets-green/menu-checkbox-unchecked-disabled.png b/src/src/assets/gtk-2.0/assets-green/menu-checkbox-unchecked-disabled.png new file mode 100644 index 00000000..e8de0556 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green/menu-checkbox-unchecked-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-green/menu-checkbox-unchecked.png b/src/src/assets/gtk-2.0/assets-green/menu-checkbox-unchecked.png new file mode 100644 index 00000000..5846b31d Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green/menu-checkbox-unchecked.png differ diff --git a/src/src/assets/gtk-2.0/assets-green/menu-radio-checked-disabled.png b/src/src/assets/gtk-2.0/assets-green/menu-radio-checked-disabled.png new file mode 100644 index 00000000..c0921bc3 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green/menu-radio-checked-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-green/menu-radio-checked.png b/src/src/assets/gtk-2.0/assets-green/menu-radio-checked.png new file mode 100644 index 00000000..dd654852 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green/menu-radio-checked.png differ diff --git a/src/src/assets/gtk-2.0/assets-green/menu-radio-mixed-disabled.png b/src/src/assets/gtk-2.0/assets-green/menu-radio-mixed-disabled.png new file mode 100644 index 00000000..58440018 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green/menu-radio-mixed-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-green/menu-radio-mixed.png b/src/src/assets/gtk-2.0/assets-green/menu-radio-mixed.png new file mode 100644 index 00000000..f96a74e2 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green/menu-radio-mixed.png differ diff --git a/src/src/assets/gtk-2.0/assets-green/menu-radio-unchecked-disabled.png b/src/src/assets/gtk-2.0/assets-green/menu-radio-unchecked-disabled.png new file mode 100644 index 00000000..e8de0556 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green/menu-radio-unchecked-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-green/menu-radio-unchecked.png b/src/src/assets/gtk-2.0/assets-green/menu-radio-unchecked.png new file mode 100644 index 00000000..5846b31d Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green/menu-radio-unchecked.png differ diff --git a/src/src/assets/gtk-2.0/assets-green/pan-down-alt-disabled.png b/src/src/assets/gtk-2.0/assets-green/pan-down-alt-disabled.png new file mode 100644 index 00000000..db1d3614 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green/pan-down-alt-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-green/pan-down-alt.png b/src/src/assets/gtk-2.0/assets-green/pan-down-alt.png new file mode 100644 index 00000000..820e026c Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green/pan-down-alt.png differ diff --git a/src/src/assets/gtk-2.0/assets-green/pan-down-disabled.png b/src/src/assets/gtk-2.0/assets-green/pan-down-disabled.png new file mode 100644 index 00000000..567f441a Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green/pan-down-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-green/pan-down.png b/src/src/assets/gtk-2.0/assets-green/pan-down.png new file mode 100644 index 00000000..f664be1c Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green/pan-down.png differ diff --git a/src/src/assets/gtk-2.0/assets-green/pan-left-alt-disabled.png b/src/src/assets/gtk-2.0/assets-green/pan-left-alt-disabled.png new file mode 100644 index 00000000..d25e4b63 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green/pan-left-alt-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-green/pan-left-alt.png b/src/src/assets/gtk-2.0/assets-green/pan-left-alt.png new file mode 100644 index 00000000..6309016a Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green/pan-left-alt.png differ diff --git a/src/src/assets/gtk-2.0/assets-green/pan-left-disabled.png b/src/src/assets/gtk-2.0/assets-green/pan-left-disabled.png new file mode 100644 index 00000000..f0f94da2 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green/pan-left-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-green/pan-left-semi.png b/src/src/assets/gtk-2.0/assets-green/pan-left-semi.png new file mode 100644 index 00000000..efe18079 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green/pan-left-semi.png differ diff --git a/src/src/assets/gtk-2.0/assets-green/pan-left.png b/src/src/assets/gtk-2.0/assets-green/pan-left.png new file mode 100644 index 00000000..ae7f93db Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green/pan-left.png differ diff --git a/src/src/assets/gtk-2.0/assets-green/pan-right-alt-disabled.png b/src/src/assets/gtk-2.0/assets-green/pan-right-alt-disabled.png new file mode 100644 index 00000000..d11562a4 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green/pan-right-alt-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-green/pan-right-alt.png b/src/src/assets/gtk-2.0/assets-green/pan-right-alt.png new file mode 100644 index 00000000..3acb33bc Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green/pan-right-alt.png differ diff --git a/src/src/assets/gtk-2.0/assets-green/pan-right-disabled.png b/src/src/assets/gtk-2.0/assets-green/pan-right-disabled.png new file mode 100644 index 00000000..f49afaeb Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green/pan-right-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-green/pan-right-semi.png b/src/src/assets/gtk-2.0/assets-green/pan-right-semi.png new file mode 100644 index 00000000..331a3066 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green/pan-right-semi.png differ diff --git a/src/src/assets/gtk-2.0/assets-green/pan-right.png b/src/src/assets/gtk-2.0/assets-green/pan-right.png new file mode 100644 index 00000000..59754753 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green/pan-right.png differ diff --git a/src/src/assets/gtk-2.0/assets-green/pan-up-alt-disabled.png b/src/src/assets/gtk-2.0/assets-green/pan-up-alt-disabled.png new file mode 100644 index 00000000..361acb33 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green/pan-up-alt-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-green/pan-up-alt.png b/src/src/assets/gtk-2.0/assets-green/pan-up-alt.png new file mode 100644 index 00000000..dcdf2ec2 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green/pan-up-alt.png differ diff --git a/src/src/assets/gtk-2.0/assets-green/pan-up-disabled.png b/src/src/assets/gtk-2.0/assets-green/pan-up-disabled.png new file mode 100644 index 00000000..8a52366f Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green/pan-up-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-green/pan-up.png b/src/src/assets/gtk-2.0/assets-green/pan-up.png new file mode 100644 index 00000000..031ac461 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green/pan-up.png differ diff --git a/src/src/assets/gtk-2.0/assets-green/progressbar-progress.png b/src/src/assets/gtk-2.0/assets-green/progressbar-progress.png new file mode 100644 index 00000000..1a5a5512 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green/progressbar-progress.png differ diff --git a/src/src/assets/gtk-2.0/assets-green/progressbar-trough.png b/src/src/assets/gtk-2.0/assets-green/progressbar-trough.png new file mode 100644 index 00000000..9c4c5957 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green/progressbar-trough.png differ diff --git a/src/src/assets/gtk-2.0/assets-green/radio-checked-active.png b/src/src/assets/gtk-2.0/assets-green/radio-checked-active.png new file mode 100644 index 00000000..a6052af5 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green/radio-checked-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-green/radio-checked-disabled.png b/src/src/assets/gtk-2.0/assets-green/radio-checked-disabled.png new file mode 100644 index 00000000..622b3c8a Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green/radio-checked-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-green/radio-checked-hover.png b/src/src/assets/gtk-2.0/assets-green/radio-checked-hover.png new file mode 100644 index 00000000..1c25ab6c Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green/radio-checked-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-green/radio-checked.png b/src/src/assets/gtk-2.0/assets-green/radio-checked.png new file mode 100644 index 00000000..620610ad Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green/radio-checked.png differ diff --git a/src/src/assets/gtk-2.0/assets-green/radio-mixed-active.png b/src/src/assets/gtk-2.0/assets-green/radio-mixed-active.png new file mode 100644 index 00000000..4b3f464e Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green/radio-mixed-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-green/radio-mixed-disabled.png b/src/src/assets/gtk-2.0/assets-green/radio-mixed-disabled.png new file mode 100644 index 00000000..d125e6be Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green/radio-mixed-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-green/radio-mixed-hover.png b/src/src/assets/gtk-2.0/assets-green/radio-mixed-hover.png new file mode 100644 index 00000000..cc7ef11f Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green/radio-mixed-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-green/radio-mixed.png b/src/src/assets/gtk-2.0/assets-green/radio-mixed.png new file mode 100644 index 00000000..68bdb001 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green/radio-mixed.png differ diff --git a/src/src/assets/gtk-2.0/assets-green/radio-unchecked-active.png b/src/src/assets/gtk-2.0/assets-green/radio-unchecked-active.png new file mode 100644 index 00000000..b2112ca5 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green/radio-unchecked-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-green/radio-unchecked-disabled.png b/src/src/assets/gtk-2.0/assets-green/radio-unchecked-disabled.png new file mode 100644 index 00000000..ca92669d Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green/radio-unchecked-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-green/radio-unchecked-hover.png b/src/src/assets/gtk-2.0/assets-green/radio-unchecked-hover.png new file mode 100644 index 00000000..95cb359f Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green/radio-unchecked-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-green/radio-unchecked.png b/src/src/assets/gtk-2.0/assets-green/radio-unchecked.png new file mode 100644 index 00000000..6496e929 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green/radio-unchecked.png differ diff --git a/src/src/assets/gtk-2.0/assets-green/scale-horz-trough-active.png b/src/src/assets/gtk-2.0/assets-green/scale-horz-trough-active.png new file mode 100644 index 00000000..1d41032d Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green/scale-horz-trough-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-green/scale-horz-trough-disabled.png b/src/src/assets/gtk-2.0/assets-green/scale-horz-trough-disabled.png new file mode 100644 index 00000000..e38cec0e Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green/scale-horz-trough-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-green/scale-horz-trough.png b/src/src/assets/gtk-2.0/assets-green/scale-horz-trough.png new file mode 100644 index 00000000..85e94865 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green/scale-horz-trough.png differ diff --git a/src/src/assets/gtk-2.0/assets-green/scale-slider-active.png b/src/src/assets/gtk-2.0/assets-green/scale-slider-active.png new file mode 100644 index 00000000..78232d8f Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green/scale-slider-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-green/scale-slider-disabled.png b/src/src/assets/gtk-2.0/assets-green/scale-slider-disabled.png new file mode 100644 index 00000000..9e2860da Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green/scale-slider-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-green/scale-slider-hover.png b/src/src/assets/gtk-2.0/assets-green/scale-slider-hover.png new file mode 100644 index 00000000..7d7d331c Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green/scale-slider-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-green/scale-slider.png b/src/src/assets/gtk-2.0/assets-green/scale-slider.png new file mode 100644 index 00000000..e1f2f7fa Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green/scale-slider.png differ diff --git a/src/src/assets/gtk-2.0/assets-green/scale-vert-trough-active.png b/src/src/assets/gtk-2.0/assets-green/scale-vert-trough-active.png new file mode 100644 index 00000000..ff84b1d9 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green/scale-vert-trough-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-green/scale-vert-trough-disabled.png b/src/src/assets/gtk-2.0/assets-green/scale-vert-trough-disabled.png new file mode 100644 index 00000000..f976e3ac Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green/scale-vert-trough-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-green/scale-vert-trough.png b/src/src/assets/gtk-2.0/assets-green/scale-vert-trough.png new file mode 100644 index 00000000..ef79e783 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green/scale-vert-trough.png differ diff --git a/src/src/assets/gtk-2.0/assets-green/scrollbar-horz-slider-active.png b/src/src/assets/gtk-2.0/assets-green/scrollbar-horz-slider-active.png new file mode 100644 index 00000000..060da6db Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green/scrollbar-horz-slider-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-green/scrollbar-horz-slider-disabled.png b/src/src/assets/gtk-2.0/assets-green/scrollbar-horz-slider-disabled.png new file mode 100644 index 00000000..9617e3f9 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green/scrollbar-horz-slider-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-green/scrollbar-horz-slider-hover.png b/src/src/assets/gtk-2.0/assets-green/scrollbar-horz-slider-hover.png new file mode 100644 index 00000000..bb6d9b06 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green/scrollbar-horz-slider-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-green/scrollbar-horz-slider.png b/src/src/assets/gtk-2.0/assets-green/scrollbar-horz-slider.png new file mode 100644 index 00000000..45e4bd90 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green/scrollbar-horz-slider.png differ diff --git a/src/src/assets/gtk-2.0/assets-green/scrollbar-horz-trough.png b/src/src/assets/gtk-2.0/assets-green/scrollbar-horz-trough.png new file mode 100644 index 00000000..0394def8 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green/scrollbar-horz-trough.png differ diff --git a/src/src/assets/gtk-2.0/assets-green/scrollbar-vert-ltr-slider-active.png b/src/src/assets/gtk-2.0/assets-green/scrollbar-vert-ltr-slider-active.png new file mode 100644 index 00000000..475b1afd Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green/scrollbar-vert-ltr-slider-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-green/scrollbar-vert-ltr-slider-disabled.png b/src/src/assets/gtk-2.0/assets-green/scrollbar-vert-ltr-slider-disabled.png new file mode 100644 index 00000000..d27871ed Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green/scrollbar-vert-ltr-slider-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-green/scrollbar-vert-ltr-slider-hover.png b/src/src/assets/gtk-2.0/assets-green/scrollbar-vert-ltr-slider-hover.png new file mode 100644 index 00000000..4739b684 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green/scrollbar-vert-ltr-slider-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-green/scrollbar-vert-ltr-slider.png b/src/src/assets/gtk-2.0/assets-green/scrollbar-vert-ltr-slider.png new file mode 100644 index 00000000..dcab8053 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green/scrollbar-vert-ltr-slider.png differ diff --git a/src/src/assets/gtk-2.0/assets-green/scrollbar-vert-ltr-trough.png b/src/src/assets/gtk-2.0/assets-green/scrollbar-vert-ltr-trough.png new file mode 100644 index 00000000..06b93b5c Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green/scrollbar-vert-ltr-trough.png differ diff --git a/src/src/assets/gtk-2.0/assets-green/scrollbar-vert-rtl-slider-active.png b/src/src/assets/gtk-2.0/assets-green/scrollbar-vert-rtl-slider-active.png new file mode 100644 index 00000000..dcc9e9ff Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green/scrollbar-vert-rtl-slider-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-green/scrollbar-vert-rtl-slider-disabled.png b/src/src/assets/gtk-2.0/assets-green/scrollbar-vert-rtl-slider-disabled.png new file mode 100644 index 00000000..96562d1c Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green/scrollbar-vert-rtl-slider-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-green/scrollbar-vert-rtl-slider-hover.png b/src/src/assets/gtk-2.0/assets-green/scrollbar-vert-rtl-slider-hover.png new file mode 100644 index 00000000..378bfa09 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green/scrollbar-vert-rtl-slider-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-green/scrollbar-vert-rtl-slider.png b/src/src/assets/gtk-2.0/assets-green/scrollbar-vert-rtl-slider.png new file mode 100644 index 00000000..5f5dd82f Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green/scrollbar-vert-rtl-slider.png differ diff --git a/src/src/assets/gtk-2.0/assets-green/scrollbar-vert-rtl-trough.png b/src/src/assets/gtk-2.0/assets-green/scrollbar-vert-rtl-trough.png new file mode 100644 index 00000000..4d6a6aa4 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green/scrollbar-vert-rtl-trough.png differ diff --git a/src/src/assets/gtk-2.0/assets-green/spin-ltr-down-active.png b/src/src/assets/gtk-2.0/assets-green/spin-ltr-down-active.png new file mode 100644 index 00000000..ad44f9df Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green/spin-ltr-down-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-green/spin-ltr-down-disabled.png b/src/src/assets/gtk-2.0/assets-green/spin-ltr-down-disabled.png new file mode 100644 index 00000000..d7715014 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green/spin-ltr-down-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-green/spin-ltr-down-hover.png b/src/src/assets/gtk-2.0/assets-green/spin-ltr-down-hover.png new file mode 100644 index 00000000..d8f4c370 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green/spin-ltr-down-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-green/spin-ltr-down.png b/src/src/assets/gtk-2.0/assets-green/spin-ltr-down.png new file mode 100644 index 00000000..d44a3dd6 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green/spin-ltr-down.png differ diff --git a/src/src/assets/gtk-2.0/assets-green/spin-ltr-up-active.png b/src/src/assets/gtk-2.0/assets-green/spin-ltr-up-active.png new file mode 100644 index 00000000..4a433e52 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green/spin-ltr-up-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-green/spin-ltr-up-disabled.png b/src/src/assets/gtk-2.0/assets-green/spin-ltr-up-disabled.png new file mode 100644 index 00000000..108a1073 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green/spin-ltr-up-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-green/spin-ltr-up-hover.png b/src/src/assets/gtk-2.0/assets-green/spin-ltr-up-hover.png new file mode 100644 index 00000000..6a4d2cd7 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green/spin-ltr-up-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-green/spin-ltr-up.png b/src/src/assets/gtk-2.0/assets-green/spin-ltr-up.png new file mode 100644 index 00000000..b735ea2f Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green/spin-ltr-up.png differ diff --git a/src/src/assets/gtk-2.0/assets-green/spin-rtl-down-active.png b/src/src/assets/gtk-2.0/assets-green/spin-rtl-down-active.png new file mode 100644 index 00000000..268928c1 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green/spin-rtl-down-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-green/spin-rtl-down-disabled.png b/src/src/assets/gtk-2.0/assets-green/spin-rtl-down-disabled.png new file mode 100644 index 00000000..a7052083 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green/spin-rtl-down-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-green/spin-rtl-down-hover.png b/src/src/assets/gtk-2.0/assets-green/spin-rtl-down-hover.png new file mode 100644 index 00000000..35364e53 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green/spin-rtl-down-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-green/spin-rtl-down.png b/src/src/assets/gtk-2.0/assets-green/spin-rtl-down.png new file mode 100644 index 00000000..74ba4d67 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green/spin-rtl-down.png differ diff --git a/src/src/assets/gtk-2.0/assets-green/spin-rtl-up-active.png b/src/src/assets/gtk-2.0/assets-green/spin-rtl-up-active.png new file mode 100644 index 00000000..99d6b238 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green/spin-rtl-up-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-green/spin-rtl-up-disabled.png b/src/src/assets/gtk-2.0/assets-green/spin-rtl-up-disabled.png new file mode 100644 index 00000000..95f42b7c Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green/spin-rtl-up-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-green/spin-rtl-up-hover.png b/src/src/assets/gtk-2.0/assets-green/spin-rtl-up-hover.png new file mode 100644 index 00000000..5d839967 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green/spin-rtl-up-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-green/spin-rtl-up.png b/src/src/assets/gtk-2.0/assets-green/spin-rtl-up.png new file mode 100644 index 00000000..08c266ae Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green/spin-rtl-up.png differ diff --git a/src/src/assets/gtk-2.0/assets-green/tab.png b/src/src/assets/gtk-2.0/assets-green/tab.png new file mode 100644 index 00000000..a13b63f8 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green/tab.png differ diff --git a/src/src/assets/gtk-2.0/assets-green/treeview-ltr-button-active.png b/src/src/assets/gtk-2.0/assets-green/treeview-ltr-button-active.png new file mode 100644 index 00000000..365523e0 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green/treeview-ltr-button-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-green/treeview-ltr-button-hover.png b/src/src/assets/gtk-2.0/assets-green/treeview-ltr-button-hover.png new file mode 100644 index 00000000..e43317ce Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green/treeview-ltr-button-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-green/treeview-ltr-button.png b/src/src/assets/gtk-2.0/assets-green/treeview-ltr-button.png new file mode 100644 index 00000000..862ac323 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green/treeview-ltr-button.png differ diff --git a/src/src/assets/gtk-2.0/assets-green/treeview-rtl-button-active.png b/src/src/assets/gtk-2.0/assets-green/treeview-rtl-button-active.png new file mode 100644 index 00000000..3dc0f5a2 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green/treeview-rtl-button-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-green/treeview-rtl-button-hover.png b/src/src/assets/gtk-2.0/assets-green/treeview-rtl-button-hover.png new file mode 100644 index 00000000..f6dce3b4 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green/treeview-rtl-button-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-green/treeview-rtl-button.png b/src/src/assets/gtk-2.0/assets-green/treeview-rtl-button.png new file mode 100644 index 00000000..04b779bf Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-green/treeview-rtl-button.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey-dark.svg b/src/src/assets/gtk-2.0/assets-grey-dark.svg new file mode 100644 index 00000000..459dcf1f --- /dev/null +++ b/src/src/assets/gtk-2.0/assets-grey-dark.svg @@ -0,0 +1,3204 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/src/assets/gtk-2.0/assets-grey-dark/border.png b/src/src/assets/gtk-2.0/assets-grey-dark/border.png new file mode 100644 index 00000000..20d503bf Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey-dark/border.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey-dark/button-active.png b/src/src/assets/gtk-2.0/assets-grey-dark/button-active.png new file mode 100644 index 00000000..ca25ccce Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey-dark/button-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey-dark/button-disabled.png b/src/src/assets/gtk-2.0/assets-grey-dark/button-disabled.png new file mode 100644 index 00000000..6578ba7d Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey-dark/button-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey-dark/button-hover.png b/src/src/assets/gtk-2.0/assets-grey-dark/button-hover.png new file mode 100644 index 00000000..66e1fdd7 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey-dark/button-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey-dark/button.png b/src/src/assets/gtk-2.0/assets-grey-dark/button.png new file mode 100644 index 00000000..3fe12c70 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey-dark/button.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey-dark/checkbox-checked-active.png b/src/src/assets/gtk-2.0/assets-grey-dark/checkbox-checked-active.png new file mode 100644 index 00000000..59faa8bf Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey-dark/checkbox-checked-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey-dark/checkbox-checked-disabled.png b/src/src/assets/gtk-2.0/assets-grey-dark/checkbox-checked-disabled.png new file mode 100644 index 00000000..aa3764d9 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey-dark/checkbox-checked-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey-dark/checkbox-checked-hover.png b/src/src/assets/gtk-2.0/assets-grey-dark/checkbox-checked-hover.png new file mode 100644 index 00000000..a60840c8 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey-dark/checkbox-checked-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey-dark/checkbox-checked.png b/src/src/assets/gtk-2.0/assets-grey-dark/checkbox-checked.png new file mode 100644 index 00000000..6aa9f1a1 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey-dark/checkbox-checked.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey-dark/checkbox-mixed-active.png b/src/src/assets/gtk-2.0/assets-grey-dark/checkbox-mixed-active.png new file mode 100644 index 00000000..41f3cb8b Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey-dark/checkbox-mixed-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey-dark/checkbox-mixed-disabled.png b/src/src/assets/gtk-2.0/assets-grey-dark/checkbox-mixed-disabled.png new file mode 100644 index 00000000..6a70ffe2 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey-dark/checkbox-mixed-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey-dark/checkbox-mixed-hover.png b/src/src/assets/gtk-2.0/assets-grey-dark/checkbox-mixed-hover.png new file mode 100644 index 00000000..d7c126d0 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey-dark/checkbox-mixed-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey-dark/checkbox-mixed.png b/src/src/assets/gtk-2.0/assets-grey-dark/checkbox-mixed.png new file mode 100644 index 00000000..59ac4c6b Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey-dark/checkbox-mixed.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey-dark/checkbox-unchecked-active.png b/src/src/assets/gtk-2.0/assets-grey-dark/checkbox-unchecked-active.png new file mode 100644 index 00000000..f6948e7a Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey-dark/checkbox-unchecked-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey-dark/checkbox-unchecked-disabled.png b/src/src/assets/gtk-2.0/assets-grey-dark/checkbox-unchecked-disabled.png new file mode 100644 index 00000000..73e42bdf Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey-dark/checkbox-unchecked-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey-dark/checkbox-unchecked-hover.png b/src/src/assets/gtk-2.0/assets-grey-dark/checkbox-unchecked-hover.png new file mode 100644 index 00000000..191738b7 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey-dark/checkbox-unchecked-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey-dark/checkbox-unchecked.png b/src/src/assets/gtk-2.0/assets-grey-dark/checkbox-unchecked.png new file mode 100644 index 00000000..e310c022 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey-dark/checkbox-unchecked.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey-dark/combo-left-entry-active.png b/src/src/assets/gtk-2.0/assets-grey-dark/combo-left-entry-active.png new file mode 100644 index 00000000..dbcb24ed Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey-dark/combo-left-entry-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey-dark/combo-left-entry-disabled.png b/src/src/assets/gtk-2.0/assets-grey-dark/combo-left-entry-disabled.png new file mode 100644 index 00000000..6a9d9dd2 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey-dark/combo-left-entry-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey-dark/combo-left-entry-hover.png b/src/src/assets/gtk-2.0/assets-grey-dark/combo-left-entry-hover.png new file mode 100644 index 00000000..c65ced02 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey-dark/combo-left-entry-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey-dark/combo-left-entry.png b/src/src/assets/gtk-2.0/assets-grey-dark/combo-left-entry.png new file mode 100644 index 00000000..255e3dc3 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey-dark/combo-left-entry.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey-dark/combo-right-entry-active.png b/src/src/assets/gtk-2.0/assets-grey-dark/combo-right-entry-active.png new file mode 100644 index 00000000..cf1595c9 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey-dark/combo-right-entry-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey-dark/combo-right-entry-disabled.png b/src/src/assets/gtk-2.0/assets-grey-dark/combo-right-entry-disabled.png new file mode 100644 index 00000000..67cfcc78 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey-dark/combo-right-entry-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey-dark/combo-right-entry-hover.png b/src/src/assets/gtk-2.0/assets-grey-dark/combo-right-entry-hover.png new file mode 100644 index 00000000..8d643bd3 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey-dark/combo-right-entry-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey-dark/combo-right-entry.png b/src/src/assets/gtk-2.0/assets-grey-dark/combo-right-entry.png new file mode 100644 index 00000000..5d232339 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey-dark/combo-right-entry.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey-dark/entry-active.png b/src/src/assets/gtk-2.0/assets-grey-dark/entry-active.png new file mode 100644 index 00000000..cca347e6 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey-dark/entry-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey-dark/entry-background-disabled.png b/src/src/assets/gtk-2.0/assets-grey-dark/entry-background-disabled.png new file mode 100644 index 00000000..ce14ba81 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey-dark/entry-background-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey-dark/entry-background.png b/src/src/assets/gtk-2.0/assets-grey-dark/entry-background.png new file mode 100644 index 00000000..fdf26ab3 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey-dark/entry-background.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey-dark/entry-disabled.png b/src/src/assets/gtk-2.0/assets-grey-dark/entry-disabled.png new file mode 100644 index 00000000..6578ba7d Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey-dark/entry-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey-dark/entry-hover.png b/src/src/assets/gtk-2.0/assets-grey-dark/entry-hover.png new file mode 100644 index 00000000..57332392 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey-dark/entry-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey-dark/entry.png b/src/src/assets/gtk-2.0/assets-grey-dark/entry.png new file mode 100644 index 00000000..3fe12c70 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey-dark/entry.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey-dark/flat-button-active.png b/src/src/assets/gtk-2.0/assets-grey-dark/flat-button-active.png new file mode 100644 index 00000000..ca25ccce Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey-dark/flat-button-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey-dark/flat-button-disabled.png b/src/src/assets/gtk-2.0/assets-grey-dark/flat-button-disabled.png new file mode 100644 index 00000000..96f9995d Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey-dark/flat-button-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey-dark/flat-button-hover.png b/src/src/assets/gtk-2.0/assets-grey-dark/flat-button-hover.png new file mode 100644 index 00000000..66e1fdd7 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey-dark/flat-button-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey-dark/flat-button.png b/src/src/assets/gtk-2.0/assets-grey-dark/flat-button.png new file mode 100644 index 00000000..96f9995d Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey-dark/flat-button.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey-dark/focus.png b/src/src/assets/gtk-2.0/assets-grey-dark/focus.png new file mode 100644 index 00000000..3e8d13db Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey-dark/focus.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey-dark/frame-inline.png b/src/src/assets/gtk-2.0/assets-grey-dark/frame-inline.png new file mode 100644 index 00000000..7d10ff19 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey-dark/frame-inline.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey-dark/frame-notebook.png b/src/src/assets/gtk-2.0/assets-grey-dark/frame-notebook.png new file mode 100644 index 00000000..7b5020ee Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey-dark/frame-notebook.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey-dark/frame.png b/src/src/assets/gtk-2.0/assets-grey-dark/frame.png new file mode 100644 index 00000000..1562a81b Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey-dark/frame.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey-dark/handle-horz-active.png b/src/src/assets/gtk-2.0/assets-grey-dark/handle-horz-active.png new file mode 100644 index 00000000..f1c519ef Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey-dark/handle-horz-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey-dark/handle-horz-hover.png b/src/src/assets/gtk-2.0/assets-grey-dark/handle-horz-hover.png new file mode 100644 index 00000000..e7e40d69 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey-dark/handle-horz-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey-dark/handle-horz.png b/src/src/assets/gtk-2.0/assets-grey-dark/handle-horz.png new file mode 100644 index 00000000..ef1738d0 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey-dark/handle-horz.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey-dark/handle-vert-active.png b/src/src/assets/gtk-2.0/assets-grey-dark/handle-vert-active.png new file mode 100644 index 00000000..0cec1dc5 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey-dark/handle-vert-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey-dark/handle-vert-hover.png b/src/src/assets/gtk-2.0/assets-grey-dark/handle-vert-hover.png new file mode 100644 index 00000000..600fb08b Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey-dark/handle-vert-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey-dark/handle-vert.png b/src/src/assets/gtk-2.0/assets-grey-dark/handle-vert.png new file mode 100644 index 00000000..377fdf0b Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey-dark/handle-vert.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey-dark/menu-checkbox-checked-disabled.png b/src/src/assets/gtk-2.0/assets-grey-dark/menu-checkbox-checked-disabled.png new file mode 100644 index 00000000..347c237b Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey-dark/menu-checkbox-checked-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey-dark/menu-checkbox-checked.png b/src/src/assets/gtk-2.0/assets-grey-dark/menu-checkbox-checked.png new file mode 100644 index 00000000..eed01eac Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey-dark/menu-checkbox-checked.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey-dark/menu-checkbox-mixed-disabled.png b/src/src/assets/gtk-2.0/assets-grey-dark/menu-checkbox-mixed-disabled.png new file mode 100644 index 00000000..dc780d5f Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey-dark/menu-checkbox-mixed-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey-dark/menu-checkbox-mixed.png b/src/src/assets/gtk-2.0/assets-grey-dark/menu-checkbox-mixed.png new file mode 100644 index 00000000..9d4e8158 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey-dark/menu-checkbox-mixed.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey-dark/menu-checkbox-unchecked-disabled.png b/src/src/assets/gtk-2.0/assets-grey-dark/menu-checkbox-unchecked-disabled.png new file mode 100644 index 00000000..4b8fbb54 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey-dark/menu-checkbox-unchecked-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey-dark/menu-checkbox-unchecked.png b/src/src/assets/gtk-2.0/assets-grey-dark/menu-checkbox-unchecked.png new file mode 100644 index 00000000..5317874c Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey-dark/menu-checkbox-unchecked.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey-dark/menu-radio-checked-disabled.png b/src/src/assets/gtk-2.0/assets-grey-dark/menu-radio-checked-disabled.png new file mode 100644 index 00000000..db2d2617 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey-dark/menu-radio-checked-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey-dark/menu-radio-checked.png b/src/src/assets/gtk-2.0/assets-grey-dark/menu-radio-checked.png new file mode 100644 index 00000000..f6d3e68f Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey-dark/menu-radio-checked.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey-dark/menu-radio-mixed-disabled.png b/src/src/assets/gtk-2.0/assets-grey-dark/menu-radio-mixed-disabled.png new file mode 100644 index 00000000..dc780d5f Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey-dark/menu-radio-mixed-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey-dark/menu-radio-mixed.png b/src/src/assets/gtk-2.0/assets-grey-dark/menu-radio-mixed.png new file mode 100644 index 00000000..9d4e8158 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey-dark/menu-radio-mixed.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey-dark/menu-radio-unchecked-disabled.png b/src/src/assets/gtk-2.0/assets-grey-dark/menu-radio-unchecked-disabled.png new file mode 100644 index 00000000..4b8fbb54 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey-dark/menu-radio-unchecked-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey-dark/menu-radio-unchecked.png b/src/src/assets/gtk-2.0/assets-grey-dark/menu-radio-unchecked.png new file mode 100644 index 00000000..5317874c Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey-dark/menu-radio-unchecked.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey-dark/pan-down-alt-disabled.png b/src/src/assets/gtk-2.0/assets-grey-dark/pan-down-alt-disabled.png new file mode 100644 index 00000000..11a69853 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey-dark/pan-down-alt-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey-dark/pan-down-alt.png b/src/src/assets/gtk-2.0/assets-grey-dark/pan-down-alt.png new file mode 100644 index 00000000..974686c7 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey-dark/pan-down-alt.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey-dark/pan-down-disabled.png b/src/src/assets/gtk-2.0/assets-grey-dark/pan-down-disabled.png new file mode 100644 index 00000000..8aa63318 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey-dark/pan-down-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey-dark/pan-down.png b/src/src/assets/gtk-2.0/assets-grey-dark/pan-down.png new file mode 100644 index 00000000..2f28e41e Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey-dark/pan-down.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey-dark/pan-left-alt-disabled.png b/src/src/assets/gtk-2.0/assets-grey-dark/pan-left-alt-disabled.png new file mode 100644 index 00000000..44e26b6d Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey-dark/pan-left-alt-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey-dark/pan-left-alt.png b/src/src/assets/gtk-2.0/assets-grey-dark/pan-left-alt.png new file mode 100644 index 00000000..529b5e4c Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey-dark/pan-left-alt.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey-dark/pan-left-disabled.png b/src/src/assets/gtk-2.0/assets-grey-dark/pan-left-disabled.png new file mode 100644 index 00000000..ff7c8521 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey-dark/pan-left-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey-dark/pan-left-semi.png b/src/src/assets/gtk-2.0/assets-grey-dark/pan-left-semi.png new file mode 100644 index 00000000..955e801f Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey-dark/pan-left-semi.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey-dark/pan-left.png b/src/src/assets/gtk-2.0/assets-grey-dark/pan-left.png new file mode 100644 index 00000000..c9cb53ac Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey-dark/pan-left.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey-dark/pan-right-alt-disabled.png b/src/src/assets/gtk-2.0/assets-grey-dark/pan-right-alt-disabled.png new file mode 100644 index 00000000..42e5877b Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey-dark/pan-right-alt-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey-dark/pan-right-alt.png b/src/src/assets/gtk-2.0/assets-grey-dark/pan-right-alt.png new file mode 100644 index 00000000..d7405064 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey-dark/pan-right-alt.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey-dark/pan-right-disabled.png b/src/src/assets/gtk-2.0/assets-grey-dark/pan-right-disabled.png new file mode 100644 index 00000000..e8e14e80 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey-dark/pan-right-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey-dark/pan-right-semi.png b/src/src/assets/gtk-2.0/assets-grey-dark/pan-right-semi.png new file mode 100644 index 00000000..d7d5af02 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey-dark/pan-right-semi.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey-dark/pan-right.png b/src/src/assets/gtk-2.0/assets-grey-dark/pan-right.png new file mode 100644 index 00000000..6cf201d9 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey-dark/pan-right.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey-dark/pan-up-alt-disabled.png b/src/src/assets/gtk-2.0/assets-grey-dark/pan-up-alt-disabled.png new file mode 100644 index 00000000..56a417c0 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey-dark/pan-up-alt-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey-dark/pan-up-alt.png b/src/src/assets/gtk-2.0/assets-grey-dark/pan-up-alt.png new file mode 100644 index 00000000..5df7be82 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey-dark/pan-up-alt.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey-dark/pan-up-disabled.png b/src/src/assets/gtk-2.0/assets-grey-dark/pan-up-disabled.png new file mode 100644 index 00000000..d3ae5113 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey-dark/pan-up-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey-dark/pan-up.png b/src/src/assets/gtk-2.0/assets-grey-dark/pan-up.png new file mode 100644 index 00000000..a99f7cf0 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey-dark/pan-up.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey-dark/progressbar-progress.png b/src/src/assets/gtk-2.0/assets-grey-dark/progressbar-progress.png new file mode 100644 index 00000000..4e25dc93 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey-dark/progressbar-progress.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey-dark/progressbar-trough.png b/src/src/assets/gtk-2.0/assets-grey-dark/progressbar-trough.png new file mode 100644 index 00000000..aba61d56 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey-dark/progressbar-trough.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey-dark/radio-checked-active.png b/src/src/assets/gtk-2.0/assets-grey-dark/radio-checked-active.png new file mode 100644 index 00000000..2d05c9a3 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey-dark/radio-checked-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey-dark/radio-checked-disabled.png b/src/src/assets/gtk-2.0/assets-grey-dark/radio-checked-disabled.png new file mode 100644 index 00000000..9724a16a Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey-dark/radio-checked-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey-dark/radio-checked-hover.png b/src/src/assets/gtk-2.0/assets-grey-dark/radio-checked-hover.png new file mode 100644 index 00000000..d3b6fd31 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey-dark/radio-checked-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey-dark/radio-checked.png b/src/src/assets/gtk-2.0/assets-grey-dark/radio-checked.png new file mode 100644 index 00000000..2ed96816 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey-dark/radio-checked.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey-dark/radio-mixed-active.png b/src/src/assets/gtk-2.0/assets-grey-dark/radio-mixed-active.png new file mode 100644 index 00000000..41f3cb8b Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey-dark/radio-mixed-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey-dark/radio-mixed-disabled.png b/src/src/assets/gtk-2.0/assets-grey-dark/radio-mixed-disabled.png new file mode 100644 index 00000000..6a70ffe2 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey-dark/radio-mixed-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey-dark/radio-mixed-hover.png b/src/src/assets/gtk-2.0/assets-grey-dark/radio-mixed-hover.png new file mode 100644 index 00000000..d7c126d0 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey-dark/radio-mixed-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey-dark/radio-mixed.png b/src/src/assets/gtk-2.0/assets-grey-dark/radio-mixed.png new file mode 100644 index 00000000..59ac4c6b Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey-dark/radio-mixed.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey-dark/radio-unchecked-active.png b/src/src/assets/gtk-2.0/assets-grey-dark/radio-unchecked-active.png new file mode 100644 index 00000000..f6948e7a Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey-dark/radio-unchecked-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey-dark/radio-unchecked-disabled.png b/src/src/assets/gtk-2.0/assets-grey-dark/radio-unchecked-disabled.png new file mode 100644 index 00000000..73e42bdf Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey-dark/radio-unchecked-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey-dark/radio-unchecked-hover.png b/src/src/assets/gtk-2.0/assets-grey-dark/radio-unchecked-hover.png new file mode 100644 index 00000000..191738b7 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey-dark/radio-unchecked-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey-dark/radio-unchecked.png b/src/src/assets/gtk-2.0/assets-grey-dark/radio-unchecked.png new file mode 100644 index 00000000..e310c022 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey-dark/radio-unchecked.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey-dark/scale-horz-trough-active.png b/src/src/assets/gtk-2.0/assets-grey-dark/scale-horz-trough-active.png new file mode 100644 index 00000000..366b2268 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey-dark/scale-horz-trough-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey-dark/scale-horz-trough-disabled.png b/src/src/assets/gtk-2.0/assets-grey-dark/scale-horz-trough-disabled.png new file mode 100644 index 00000000..10cf142e Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey-dark/scale-horz-trough-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey-dark/scale-horz-trough.png b/src/src/assets/gtk-2.0/assets-grey-dark/scale-horz-trough.png new file mode 100644 index 00000000..8a0adf1d Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey-dark/scale-horz-trough.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey-dark/scale-slider-active.png b/src/src/assets/gtk-2.0/assets-grey-dark/scale-slider-active.png new file mode 100644 index 00000000..02dc5d19 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey-dark/scale-slider-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey-dark/scale-slider-disabled.png b/src/src/assets/gtk-2.0/assets-grey-dark/scale-slider-disabled.png new file mode 100644 index 00000000..eb1a1ae2 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey-dark/scale-slider-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey-dark/scale-slider-hover.png b/src/src/assets/gtk-2.0/assets-grey-dark/scale-slider-hover.png new file mode 100644 index 00000000..9adc8428 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey-dark/scale-slider-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey-dark/scale-slider.png b/src/src/assets/gtk-2.0/assets-grey-dark/scale-slider.png new file mode 100644 index 00000000..9f2a3f30 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey-dark/scale-slider.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey-dark/scale-vert-trough-active.png b/src/src/assets/gtk-2.0/assets-grey-dark/scale-vert-trough-active.png new file mode 100644 index 00000000..03cbcfc3 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey-dark/scale-vert-trough-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey-dark/scale-vert-trough-disabled.png b/src/src/assets/gtk-2.0/assets-grey-dark/scale-vert-trough-disabled.png new file mode 100644 index 00000000..7e38ad6c Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey-dark/scale-vert-trough-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey-dark/scale-vert-trough.png b/src/src/assets/gtk-2.0/assets-grey-dark/scale-vert-trough.png new file mode 100644 index 00000000..6c6d3360 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey-dark/scale-vert-trough.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey-dark/scrollbar-horz-slider-active.png b/src/src/assets/gtk-2.0/assets-grey-dark/scrollbar-horz-slider-active.png new file mode 100644 index 00000000..9b3802ab Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey-dark/scrollbar-horz-slider-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey-dark/scrollbar-horz-slider-disabled.png b/src/src/assets/gtk-2.0/assets-grey-dark/scrollbar-horz-slider-disabled.png new file mode 100644 index 00000000..a0e78e25 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey-dark/scrollbar-horz-slider-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey-dark/scrollbar-horz-slider-hover.png b/src/src/assets/gtk-2.0/assets-grey-dark/scrollbar-horz-slider-hover.png new file mode 100644 index 00000000..c44bf539 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey-dark/scrollbar-horz-slider-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey-dark/scrollbar-horz-slider.png b/src/src/assets/gtk-2.0/assets-grey-dark/scrollbar-horz-slider.png new file mode 100644 index 00000000..7d453476 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey-dark/scrollbar-horz-slider.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey-dark/scrollbar-horz-trough.png b/src/src/assets/gtk-2.0/assets-grey-dark/scrollbar-horz-trough.png new file mode 100644 index 00000000..e5e9d5b4 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey-dark/scrollbar-horz-trough.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey-dark/scrollbar-vert-ltr-slider-active.png b/src/src/assets/gtk-2.0/assets-grey-dark/scrollbar-vert-ltr-slider-active.png new file mode 100644 index 00000000..86a7e94d Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey-dark/scrollbar-vert-ltr-slider-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey-dark/scrollbar-vert-ltr-slider-disabled.png b/src/src/assets/gtk-2.0/assets-grey-dark/scrollbar-vert-ltr-slider-disabled.png new file mode 100644 index 00000000..e1bd86ac Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey-dark/scrollbar-vert-ltr-slider-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey-dark/scrollbar-vert-ltr-slider-hover.png b/src/src/assets/gtk-2.0/assets-grey-dark/scrollbar-vert-ltr-slider-hover.png new file mode 100644 index 00000000..0eab6abe Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey-dark/scrollbar-vert-ltr-slider-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey-dark/scrollbar-vert-ltr-slider.png b/src/src/assets/gtk-2.0/assets-grey-dark/scrollbar-vert-ltr-slider.png new file mode 100644 index 00000000..bd8227ac Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey-dark/scrollbar-vert-ltr-slider.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey-dark/scrollbar-vert-ltr-trough.png b/src/src/assets/gtk-2.0/assets-grey-dark/scrollbar-vert-ltr-trough.png new file mode 100644 index 00000000..5e356392 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey-dark/scrollbar-vert-ltr-trough.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey-dark/scrollbar-vert-rtl-slider-active.png b/src/src/assets/gtk-2.0/assets-grey-dark/scrollbar-vert-rtl-slider-active.png new file mode 100644 index 00000000..f219ede0 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey-dark/scrollbar-vert-rtl-slider-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey-dark/scrollbar-vert-rtl-slider-disabled.png b/src/src/assets/gtk-2.0/assets-grey-dark/scrollbar-vert-rtl-slider-disabled.png new file mode 100644 index 00000000..e8cf3269 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey-dark/scrollbar-vert-rtl-slider-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey-dark/scrollbar-vert-rtl-slider-hover.png b/src/src/assets/gtk-2.0/assets-grey-dark/scrollbar-vert-rtl-slider-hover.png new file mode 100644 index 00000000..fc02be48 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey-dark/scrollbar-vert-rtl-slider-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey-dark/scrollbar-vert-rtl-slider.png b/src/src/assets/gtk-2.0/assets-grey-dark/scrollbar-vert-rtl-slider.png new file mode 100644 index 00000000..8ab9c686 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey-dark/scrollbar-vert-rtl-slider.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey-dark/scrollbar-vert-rtl-trough.png b/src/src/assets/gtk-2.0/assets-grey-dark/scrollbar-vert-rtl-trough.png new file mode 100644 index 00000000..056290d9 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey-dark/scrollbar-vert-rtl-trough.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey-dark/spin-ltr-down-active.png b/src/src/assets/gtk-2.0/assets-grey-dark/spin-ltr-down-active.png new file mode 100644 index 00000000..8c84786d Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey-dark/spin-ltr-down-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey-dark/spin-ltr-down-disabled.png b/src/src/assets/gtk-2.0/assets-grey-dark/spin-ltr-down-disabled.png new file mode 100644 index 00000000..19139fdd Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey-dark/spin-ltr-down-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey-dark/spin-ltr-down-hover.png b/src/src/assets/gtk-2.0/assets-grey-dark/spin-ltr-down-hover.png new file mode 100644 index 00000000..64e8a4ce Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey-dark/spin-ltr-down-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey-dark/spin-ltr-down.png b/src/src/assets/gtk-2.0/assets-grey-dark/spin-ltr-down.png new file mode 100644 index 00000000..020deb5f Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey-dark/spin-ltr-down.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey-dark/spin-ltr-up-active.png b/src/src/assets/gtk-2.0/assets-grey-dark/spin-ltr-up-active.png new file mode 100644 index 00000000..d14e21f9 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey-dark/spin-ltr-up-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey-dark/spin-ltr-up-disabled.png b/src/src/assets/gtk-2.0/assets-grey-dark/spin-ltr-up-disabled.png new file mode 100644 index 00000000..dcf55afe Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey-dark/spin-ltr-up-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey-dark/spin-ltr-up-hover.png b/src/src/assets/gtk-2.0/assets-grey-dark/spin-ltr-up-hover.png new file mode 100644 index 00000000..4631e6fa Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey-dark/spin-ltr-up-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey-dark/spin-ltr-up.png b/src/src/assets/gtk-2.0/assets-grey-dark/spin-ltr-up.png new file mode 100644 index 00000000..f9b8eb67 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey-dark/spin-ltr-up.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey-dark/spin-rtl-down-active.png b/src/src/assets/gtk-2.0/assets-grey-dark/spin-rtl-down-active.png new file mode 100644 index 00000000..9795c615 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey-dark/spin-rtl-down-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey-dark/spin-rtl-down-disabled.png b/src/src/assets/gtk-2.0/assets-grey-dark/spin-rtl-down-disabled.png new file mode 100644 index 00000000..4c5e3b17 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey-dark/spin-rtl-down-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey-dark/spin-rtl-down-hover.png b/src/src/assets/gtk-2.0/assets-grey-dark/spin-rtl-down-hover.png new file mode 100644 index 00000000..af6410e7 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey-dark/spin-rtl-down-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey-dark/spin-rtl-down.png b/src/src/assets/gtk-2.0/assets-grey-dark/spin-rtl-down.png new file mode 100644 index 00000000..7eae4282 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey-dark/spin-rtl-down.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey-dark/spin-rtl-up-active.png b/src/src/assets/gtk-2.0/assets-grey-dark/spin-rtl-up-active.png new file mode 100644 index 00000000..50db3363 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey-dark/spin-rtl-up-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey-dark/spin-rtl-up-disabled.png b/src/src/assets/gtk-2.0/assets-grey-dark/spin-rtl-up-disabled.png new file mode 100644 index 00000000..e229de47 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey-dark/spin-rtl-up-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey-dark/spin-rtl-up-hover.png b/src/src/assets/gtk-2.0/assets-grey-dark/spin-rtl-up-hover.png new file mode 100644 index 00000000..ed0c0ce8 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey-dark/spin-rtl-up-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey-dark/spin-rtl-up.png b/src/src/assets/gtk-2.0/assets-grey-dark/spin-rtl-up.png new file mode 100644 index 00000000..e3a59e86 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey-dark/spin-rtl-up.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey-dark/tab.png b/src/src/assets/gtk-2.0/assets-grey-dark/tab.png new file mode 100644 index 00000000..7bc3d50d Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey-dark/tab.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey-dark/treeview-ltr-button-active.png b/src/src/assets/gtk-2.0/assets-grey-dark/treeview-ltr-button-active.png new file mode 100644 index 00000000..45da44f8 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey-dark/treeview-ltr-button-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey-dark/treeview-ltr-button-hover.png b/src/src/assets/gtk-2.0/assets-grey-dark/treeview-ltr-button-hover.png new file mode 100644 index 00000000..a240cb64 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey-dark/treeview-ltr-button-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey-dark/treeview-ltr-button.png b/src/src/assets/gtk-2.0/assets-grey-dark/treeview-ltr-button.png new file mode 100644 index 00000000..cc77fcc3 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey-dark/treeview-ltr-button.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey-dark/treeview-rtl-button-active.png b/src/src/assets/gtk-2.0/assets-grey-dark/treeview-rtl-button-active.png new file mode 100644 index 00000000..a5a46b99 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey-dark/treeview-rtl-button-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey-dark/treeview-rtl-button-hover.png b/src/src/assets/gtk-2.0/assets-grey-dark/treeview-rtl-button-hover.png new file mode 100644 index 00000000..810a277e Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey-dark/treeview-rtl-button-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey-dark/treeview-rtl-button.png b/src/src/assets/gtk-2.0/assets-grey-dark/treeview-rtl-button.png new file mode 100644 index 00000000..cc77fcc3 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey-dark/treeview-rtl-button.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey.svg b/src/src/assets/gtk-2.0/assets-grey.svg new file mode 100644 index 00000000..02c200b6 --- /dev/null +++ b/src/src/assets/gtk-2.0/assets-grey.svg @@ -0,0 +1,3516 @@ + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/src/assets/gtk-2.0/assets-grey/border.png b/src/src/assets/gtk-2.0/assets-grey/border.png new file mode 100644 index 00000000..b755468c Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey/border.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey/button-active.png b/src/src/assets/gtk-2.0/assets-grey/button-active.png new file mode 100644 index 00000000..6a3942cb Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey/button-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey/button-disabled.png b/src/src/assets/gtk-2.0/assets-grey/button-disabled.png new file mode 100644 index 00000000..0be273b6 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey/button-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey/button-hover.png b/src/src/assets/gtk-2.0/assets-grey/button-hover.png new file mode 100644 index 00000000..de5b6182 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey/button-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey/button.png b/src/src/assets/gtk-2.0/assets-grey/button.png new file mode 100644 index 00000000..daeaec77 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey/button.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey/checkbox-checked-active.png b/src/src/assets/gtk-2.0/assets-grey/checkbox-checked-active.png new file mode 100644 index 00000000..f71b9c56 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey/checkbox-checked-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey/checkbox-checked-disabled.png b/src/src/assets/gtk-2.0/assets-grey/checkbox-checked-disabled.png new file mode 100644 index 00000000..73131514 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey/checkbox-checked-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey/checkbox-checked-hover.png b/src/src/assets/gtk-2.0/assets-grey/checkbox-checked-hover.png new file mode 100644 index 00000000..3bd39658 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey/checkbox-checked-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey/checkbox-checked.png b/src/src/assets/gtk-2.0/assets-grey/checkbox-checked.png new file mode 100644 index 00000000..62c56177 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey/checkbox-checked.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey/checkbox-mixed-active.png b/src/src/assets/gtk-2.0/assets-grey/checkbox-mixed-active.png new file mode 100644 index 00000000..a4aff1c7 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey/checkbox-mixed-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey/checkbox-mixed-disabled.png b/src/src/assets/gtk-2.0/assets-grey/checkbox-mixed-disabled.png new file mode 100644 index 00000000..50d6e03f Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey/checkbox-mixed-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey/checkbox-mixed-hover.png b/src/src/assets/gtk-2.0/assets-grey/checkbox-mixed-hover.png new file mode 100644 index 00000000..02ce7ebd Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey/checkbox-mixed-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey/checkbox-mixed.png b/src/src/assets/gtk-2.0/assets-grey/checkbox-mixed.png new file mode 100644 index 00000000..149d0958 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey/checkbox-mixed.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey/checkbox-unchecked-active.png b/src/src/assets/gtk-2.0/assets-grey/checkbox-unchecked-active.png new file mode 100644 index 00000000..b2112ca5 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey/checkbox-unchecked-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey/checkbox-unchecked-disabled.png b/src/src/assets/gtk-2.0/assets-grey/checkbox-unchecked-disabled.png new file mode 100644 index 00000000..ca92669d Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey/checkbox-unchecked-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey/checkbox-unchecked-hover.png b/src/src/assets/gtk-2.0/assets-grey/checkbox-unchecked-hover.png new file mode 100644 index 00000000..95cb359f Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey/checkbox-unchecked-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey/checkbox-unchecked.png b/src/src/assets/gtk-2.0/assets-grey/checkbox-unchecked.png new file mode 100644 index 00000000..6496e929 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey/checkbox-unchecked.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey/combo-left-entry-active.png b/src/src/assets/gtk-2.0/assets-grey/combo-left-entry-active.png new file mode 100644 index 00000000..be61e46d Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey/combo-left-entry-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey/combo-left-entry-disabled.png b/src/src/assets/gtk-2.0/assets-grey/combo-left-entry-disabled.png new file mode 100644 index 00000000..bec439a2 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey/combo-left-entry-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey/combo-left-entry-hover.png b/src/src/assets/gtk-2.0/assets-grey/combo-left-entry-hover.png new file mode 100644 index 00000000..d896386e Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey/combo-left-entry-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey/combo-left-entry.png b/src/src/assets/gtk-2.0/assets-grey/combo-left-entry.png new file mode 100644 index 00000000..943fac58 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey/combo-left-entry.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey/combo-right-entry-active.png b/src/src/assets/gtk-2.0/assets-grey/combo-right-entry-active.png new file mode 100644 index 00000000..c5b06aaa Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey/combo-right-entry-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey/combo-right-entry-disabled.png b/src/src/assets/gtk-2.0/assets-grey/combo-right-entry-disabled.png new file mode 100644 index 00000000..52934069 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey/combo-right-entry-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey/combo-right-entry-hover.png b/src/src/assets/gtk-2.0/assets-grey/combo-right-entry-hover.png new file mode 100644 index 00000000..05548f30 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey/combo-right-entry-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey/combo-right-entry.png b/src/src/assets/gtk-2.0/assets-grey/combo-right-entry.png new file mode 100644 index 00000000..dd2118a6 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey/combo-right-entry.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey/entry-active.png b/src/src/assets/gtk-2.0/assets-grey/entry-active.png new file mode 100644 index 00000000..199510b9 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey/entry-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey/entry-background-disabled.png b/src/src/assets/gtk-2.0/assets-grey/entry-background-disabled.png new file mode 100644 index 00000000..7f3aa5ee Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey/entry-background-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey/entry-background.png b/src/src/assets/gtk-2.0/assets-grey/entry-background.png new file mode 100644 index 00000000..72facdb0 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey/entry-background.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey/entry-disabled.png b/src/src/assets/gtk-2.0/assets-grey/entry-disabled.png new file mode 100644 index 00000000..0be273b6 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey/entry-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey/entry-hover.png b/src/src/assets/gtk-2.0/assets-grey/entry-hover.png new file mode 100644 index 00000000..1e7804c7 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey/entry-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey/entry.png b/src/src/assets/gtk-2.0/assets-grey/entry.png new file mode 100644 index 00000000..daeaec77 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey/entry.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey/flat-button-active.png b/src/src/assets/gtk-2.0/assets-grey/flat-button-active.png new file mode 100644 index 00000000..6a3942cb Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey/flat-button-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey/flat-button-disabled.png b/src/src/assets/gtk-2.0/assets-grey/flat-button-disabled.png new file mode 100644 index 00000000..34d490f1 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey/flat-button-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey/flat-button-hover.png b/src/src/assets/gtk-2.0/assets-grey/flat-button-hover.png new file mode 100644 index 00000000..de5b6182 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey/flat-button-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey/flat-button.png b/src/src/assets/gtk-2.0/assets-grey/flat-button.png new file mode 100644 index 00000000..34d490f1 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey/flat-button.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey/focus.png b/src/src/assets/gtk-2.0/assets-grey/focus.png new file mode 100644 index 00000000..cf26e66f Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey/focus.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey/frame-inline.png b/src/src/assets/gtk-2.0/assets-grey/frame-inline.png new file mode 100644 index 00000000..34703f89 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey/frame-inline.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey/frame-notebook.png b/src/src/assets/gtk-2.0/assets-grey/frame-notebook.png new file mode 100644 index 00000000..ddb51968 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey/frame-notebook.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey/frame.png b/src/src/assets/gtk-2.0/assets-grey/frame.png new file mode 100644 index 00000000..bd3e8516 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey/frame.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey/handle-horz-active.png b/src/src/assets/gtk-2.0/assets-grey/handle-horz-active.png new file mode 100644 index 00000000..982db3de Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey/handle-horz-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey/handle-horz-hover.png b/src/src/assets/gtk-2.0/assets-grey/handle-horz-hover.png new file mode 100644 index 00000000..af9f1f49 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey/handle-horz-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey/handle-horz.png b/src/src/assets/gtk-2.0/assets-grey/handle-horz.png new file mode 100644 index 00000000..a7263884 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey/handle-horz.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey/handle-vert-active.png b/src/src/assets/gtk-2.0/assets-grey/handle-vert-active.png new file mode 100644 index 00000000..e44fc648 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey/handle-vert-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey/handle-vert-hover.png b/src/src/assets/gtk-2.0/assets-grey/handle-vert-hover.png new file mode 100644 index 00000000..d14f0049 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey/handle-vert-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey/handle-vert.png b/src/src/assets/gtk-2.0/assets-grey/handle-vert.png new file mode 100644 index 00000000..567a2814 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey/handle-vert.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey/menu-checkbox-checked-disabled.png b/src/src/assets/gtk-2.0/assets-grey/menu-checkbox-checked-disabled.png new file mode 100644 index 00000000..27c9175c Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey/menu-checkbox-checked-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey/menu-checkbox-checked.png b/src/src/assets/gtk-2.0/assets-grey/menu-checkbox-checked.png new file mode 100644 index 00000000..a7680041 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey/menu-checkbox-checked.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey/menu-checkbox-mixed-disabled.png b/src/src/assets/gtk-2.0/assets-grey/menu-checkbox-mixed-disabled.png new file mode 100644 index 00000000..30a51e66 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey/menu-checkbox-mixed-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey/menu-checkbox-mixed.png b/src/src/assets/gtk-2.0/assets-grey/menu-checkbox-mixed.png new file mode 100644 index 00000000..d785dd5d Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey/menu-checkbox-mixed.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey/menu-checkbox-unchecked-disabled.png b/src/src/assets/gtk-2.0/assets-grey/menu-checkbox-unchecked-disabled.png new file mode 100644 index 00000000..e8de0556 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey/menu-checkbox-unchecked-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey/menu-checkbox-unchecked.png b/src/src/assets/gtk-2.0/assets-grey/menu-checkbox-unchecked.png new file mode 100644 index 00000000..5846b31d Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey/menu-checkbox-unchecked.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey/menu-radio-checked-disabled.png b/src/src/assets/gtk-2.0/assets-grey/menu-radio-checked-disabled.png new file mode 100644 index 00000000..7581e70d Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey/menu-radio-checked-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey/menu-radio-checked.png b/src/src/assets/gtk-2.0/assets-grey/menu-radio-checked.png new file mode 100644 index 00000000..915e2b52 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey/menu-radio-checked.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey/menu-radio-mixed-disabled.png b/src/src/assets/gtk-2.0/assets-grey/menu-radio-mixed-disabled.png new file mode 100644 index 00000000..30a51e66 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey/menu-radio-mixed-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey/menu-radio-mixed.png b/src/src/assets/gtk-2.0/assets-grey/menu-radio-mixed.png new file mode 100644 index 00000000..d785dd5d Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey/menu-radio-mixed.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey/menu-radio-unchecked-disabled.png b/src/src/assets/gtk-2.0/assets-grey/menu-radio-unchecked-disabled.png new file mode 100644 index 00000000..e8de0556 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey/menu-radio-unchecked-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey/menu-radio-unchecked.png b/src/src/assets/gtk-2.0/assets-grey/menu-radio-unchecked.png new file mode 100644 index 00000000..5846b31d Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey/menu-radio-unchecked.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey/pan-down-alt-disabled.png b/src/src/assets/gtk-2.0/assets-grey/pan-down-alt-disabled.png new file mode 100644 index 00000000..db1d3614 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey/pan-down-alt-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey/pan-down-alt.png b/src/src/assets/gtk-2.0/assets-grey/pan-down-alt.png new file mode 100644 index 00000000..820e026c Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey/pan-down-alt.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey/pan-down-disabled.png b/src/src/assets/gtk-2.0/assets-grey/pan-down-disabled.png new file mode 100644 index 00000000..567f441a Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey/pan-down-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey/pan-down.png b/src/src/assets/gtk-2.0/assets-grey/pan-down.png new file mode 100644 index 00000000..f664be1c Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey/pan-down.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey/pan-left-alt-disabled.png b/src/src/assets/gtk-2.0/assets-grey/pan-left-alt-disabled.png new file mode 100644 index 00000000..d25e4b63 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey/pan-left-alt-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey/pan-left-alt.png b/src/src/assets/gtk-2.0/assets-grey/pan-left-alt.png new file mode 100644 index 00000000..6309016a Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey/pan-left-alt.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey/pan-left-disabled.png b/src/src/assets/gtk-2.0/assets-grey/pan-left-disabled.png new file mode 100644 index 00000000..f0f94da2 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey/pan-left-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey/pan-left-semi.png b/src/src/assets/gtk-2.0/assets-grey/pan-left-semi.png new file mode 100644 index 00000000..efe18079 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey/pan-left-semi.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey/pan-left.png b/src/src/assets/gtk-2.0/assets-grey/pan-left.png new file mode 100644 index 00000000..ae7f93db Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey/pan-left.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey/pan-right-alt-disabled.png b/src/src/assets/gtk-2.0/assets-grey/pan-right-alt-disabled.png new file mode 100644 index 00000000..d11562a4 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey/pan-right-alt-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey/pan-right-alt.png b/src/src/assets/gtk-2.0/assets-grey/pan-right-alt.png new file mode 100644 index 00000000..3acb33bc Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey/pan-right-alt.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey/pan-right-disabled.png b/src/src/assets/gtk-2.0/assets-grey/pan-right-disabled.png new file mode 100644 index 00000000..f49afaeb Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey/pan-right-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey/pan-right-semi.png b/src/src/assets/gtk-2.0/assets-grey/pan-right-semi.png new file mode 100644 index 00000000..331a3066 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey/pan-right-semi.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey/pan-right.png b/src/src/assets/gtk-2.0/assets-grey/pan-right.png new file mode 100644 index 00000000..59754753 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey/pan-right.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey/pan-up-alt-disabled.png b/src/src/assets/gtk-2.0/assets-grey/pan-up-alt-disabled.png new file mode 100644 index 00000000..361acb33 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey/pan-up-alt-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey/pan-up-alt.png b/src/src/assets/gtk-2.0/assets-grey/pan-up-alt.png new file mode 100644 index 00000000..dcdf2ec2 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey/pan-up-alt.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey/pan-up-disabled.png b/src/src/assets/gtk-2.0/assets-grey/pan-up-disabled.png new file mode 100644 index 00000000..8a52366f Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey/pan-up-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey/pan-up.png b/src/src/assets/gtk-2.0/assets-grey/pan-up.png new file mode 100644 index 00000000..031ac461 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey/pan-up.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey/progressbar-progress.png b/src/src/assets/gtk-2.0/assets-grey/progressbar-progress.png new file mode 100644 index 00000000..5dd6d741 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey/progressbar-progress.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey/progressbar-trough.png b/src/src/assets/gtk-2.0/assets-grey/progressbar-trough.png new file mode 100644 index 00000000..9c4c5957 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey/progressbar-trough.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey/radio-checked-active.png b/src/src/assets/gtk-2.0/assets-grey/radio-checked-active.png new file mode 100644 index 00000000..d6f37254 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey/radio-checked-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey/radio-checked-disabled.png b/src/src/assets/gtk-2.0/assets-grey/radio-checked-disabled.png new file mode 100644 index 00000000..97b45770 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey/radio-checked-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey/radio-checked-hover.png b/src/src/assets/gtk-2.0/assets-grey/radio-checked-hover.png new file mode 100644 index 00000000..76b213f2 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey/radio-checked-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey/radio-checked.png b/src/src/assets/gtk-2.0/assets-grey/radio-checked.png new file mode 100644 index 00000000..f9e3f10f Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey/radio-checked.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey/radio-mixed-active.png b/src/src/assets/gtk-2.0/assets-grey/radio-mixed-active.png new file mode 100644 index 00000000..a4aff1c7 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey/radio-mixed-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey/radio-mixed-disabled.png b/src/src/assets/gtk-2.0/assets-grey/radio-mixed-disabled.png new file mode 100644 index 00000000..50d6e03f Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey/radio-mixed-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey/radio-mixed-hover.png b/src/src/assets/gtk-2.0/assets-grey/radio-mixed-hover.png new file mode 100644 index 00000000..02ce7ebd Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey/radio-mixed-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey/radio-mixed.png b/src/src/assets/gtk-2.0/assets-grey/radio-mixed.png new file mode 100644 index 00000000..149d0958 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey/radio-mixed.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey/radio-unchecked-active.png b/src/src/assets/gtk-2.0/assets-grey/radio-unchecked-active.png new file mode 100644 index 00000000..b2112ca5 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey/radio-unchecked-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey/radio-unchecked-disabled.png b/src/src/assets/gtk-2.0/assets-grey/radio-unchecked-disabled.png new file mode 100644 index 00000000..ca92669d Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey/radio-unchecked-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey/radio-unchecked-hover.png b/src/src/assets/gtk-2.0/assets-grey/radio-unchecked-hover.png new file mode 100644 index 00000000..95cb359f Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey/radio-unchecked-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey/radio-unchecked.png b/src/src/assets/gtk-2.0/assets-grey/radio-unchecked.png new file mode 100644 index 00000000..6496e929 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey/radio-unchecked.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey/scale-horz-trough-active.png b/src/src/assets/gtk-2.0/assets-grey/scale-horz-trough-active.png new file mode 100644 index 00000000..04a56196 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey/scale-horz-trough-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey/scale-horz-trough-disabled.png b/src/src/assets/gtk-2.0/assets-grey/scale-horz-trough-disabled.png new file mode 100644 index 00000000..e38cec0e Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey/scale-horz-trough-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey/scale-horz-trough.png b/src/src/assets/gtk-2.0/assets-grey/scale-horz-trough.png new file mode 100644 index 00000000..85e94865 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey/scale-horz-trough.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey/scale-slider-active.png b/src/src/assets/gtk-2.0/assets-grey/scale-slider-active.png new file mode 100644 index 00000000..6b43ef72 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey/scale-slider-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey/scale-slider-disabled.png b/src/src/assets/gtk-2.0/assets-grey/scale-slider-disabled.png new file mode 100644 index 00000000..9e2860da Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey/scale-slider-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey/scale-slider-hover.png b/src/src/assets/gtk-2.0/assets-grey/scale-slider-hover.png new file mode 100644 index 00000000..a57d7e34 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey/scale-slider-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey/scale-slider.png b/src/src/assets/gtk-2.0/assets-grey/scale-slider.png new file mode 100644 index 00000000..48b82512 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey/scale-slider.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey/scale-vert-trough-active.png b/src/src/assets/gtk-2.0/assets-grey/scale-vert-trough-active.png new file mode 100644 index 00000000..2aa94d1b Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey/scale-vert-trough-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey/scale-vert-trough-disabled.png b/src/src/assets/gtk-2.0/assets-grey/scale-vert-trough-disabled.png new file mode 100644 index 00000000..f976e3ac Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey/scale-vert-trough-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey/scale-vert-trough.png b/src/src/assets/gtk-2.0/assets-grey/scale-vert-trough.png new file mode 100644 index 00000000..ef79e783 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey/scale-vert-trough.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey/scrollbar-horz-slider-active.png b/src/src/assets/gtk-2.0/assets-grey/scrollbar-horz-slider-active.png new file mode 100644 index 00000000..060da6db Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey/scrollbar-horz-slider-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey/scrollbar-horz-slider-disabled.png b/src/src/assets/gtk-2.0/assets-grey/scrollbar-horz-slider-disabled.png new file mode 100644 index 00000000..9617e3f9 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey/scrollbar-horz-slider-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey/scrollbar-horz-slider-hover.png b/src/src/assets/gtk-2.0/assets-grey/scrollbar-horz-slider-hover.png new file mode 100644 index 00000000..bb6d9b06 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey/scrollbar-horz-slider-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey/scrollbar-horz-slider.png b/src/src/assets/gtk-2.0/assets-grey/scrollbar-horz-slider.png new file mode 100644 index 00000000..45e4bd90 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey/scrollbar-horz-slider.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey/scrollbar-horz-trough.png b/src/src/assets/gtk-2.0/assets-grey/scrollbar-horz-trough.png new file mode 100644 index 00000000..0394def8 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey/scrollbar-horz-trough.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey/scrollbar-vert-ltr-slider-active.png b/src/src/assets/gtk-2.0/assets-grey/scrollbar-vert-ltr-slider-active.png new file mode 100644 index 00000000..475b1afd Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey/scrollbar-vert-ltr-slider-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey/scrollbar-vert-ltr-slider-disabled.png b/src/src/assets/gtk-2.0/assets-grey/scrollbar-vert-ltr-slider-disabled.png new file mode 100644 index 00000000..d27871ed Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey/scrollbar-vert-ltr-slider-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey/scrollbar-vert-ltr-slider-hover.png b/src/src/assets/gtk-2.0/assets-grey/scrollbar-vert-ltr-slider-hover.png new file mode 100644 index 00000000..4739b684 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey/scrollbar-vert-ltr-slider-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey/scrollbar-vert-ltr-slider.png b/src/src/assets/gtk-2.0/assets-grey/scrollbar-vert-ltr-slider.png new file mode 100644 index 00000000..dcab8053 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey/scrollbar-vert-ltr-slider.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey/scrollbar-vert-ltr-trough.png b/src/src/assets/gtk-2.0/assets-grey/scrollbar-vert-ltr-trough.png new file mode 100644 index 00000000..06b93b5c Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey/scrollbar-vert-ltr-trough.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey/scrollbar-vert-rtl-slider-active.png b/src/src/assets/gtk-2.0/assets-grey/scrollbar-vert-rtl-slider-active.png new file mode 100644 index 00000000..dcc9e9ff Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey/scrollbar-vert-rtl-slider-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey/scrollbar-vert-rtl-slider-disabled.png b/src/src/assets/gtk-2.0/assets-grey/scrollbar-vert-rtl-slider-disabled.png new file mode 100644 index 00000000..96562d1c Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey/scrollbar-vert-rtl-slider-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey/scrollbar-vert-rtl-slider-hover.png b/src/src/assets/gtk-2.0/assets-grey/scrollbar-vert-rtl-slider-hover.png new file mode 100644 index 00000000..378bfa09 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey/scrollbar-vert-rtl-slider-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey/scrollbar-vert-rtl-slider.png b/src/src/assets/gtk-2.0/assets-grey/scrollbar-vert-rtl-slider.png new file mode 100644 index 00000000..5f5dd82f Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey/scrollbar-vert-rtl-slider.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey/scrollbar-vert-rtl-trough.png b/src/src/assets/gtk-2.0/assets-grey/scrollbar-vert-rtl-trough.png new file mode 100644 index 00000000..4d6a6aa4 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey/scrollbar-vert-rtl-trough.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey/spin-ltr-down-active.png b/src/src/assets/gtk-2.0/assets-grey/spin-ltr-down-active.png new file mode 100644 index 00000000..9ccad9da Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey/spin-ltr-down-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey/spin-ltr-down-disabled.png b/src/src/assets/gtk-2.0/assets-grey/spin-ltr-down-disabled.png new file mode 100644 index 00000000..d7715014 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey/spin-ltr-down-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey/spin-ltr-down-hover.png b/src/src/assets/gtk-2.0/assets-grey/spin-ltr-down-hover.png new file mode 100644 index 00000000..d8f4c370 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey/spin-ltr-down-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey/spin-ltr-down.png b/src/src/assets/gtk-2.0/assets-grey/spin-ltr-down.png new file mode 100644 index 00000000..d44a3dd6 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey/spin-ltr-down.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey/spin-ltr-up-active.png b/src/src/assets/gtk-2.0/assets-grey/spin-ltr-up-active.png new file mode 100644 index 00000000..86e32dc9 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey/spin-ltr-up-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey/spin-ltr-up-disabled.png b/src/src/assets/gtk-2.0/assets-grey/spin-ltr-up-disabled.png new file mode 100644 index 00000000..108a1073 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey/spin-ltr-up-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey/spin-ltr-up-hover.png b/src/src/assets/gtk-2.0/assets-grey/spin-ltr-up-hover.png new file mode 100644 index 00000000..6a4d2cd7 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey/spin-ltr-up-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey/spin-ltr-up.png b/src/src/assets/gtk-2.0/assets-grey/spin-ltr-up.png new file mode 100644 index 00000000..b735ea2f Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey/spin-ltr-up.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey/spin-rtl-down-active.png b/src/src/assets/gtk-2.0/assets-grey/spin-rtl-down-active.png new file mode 100644 index 00000000..7f4b8752 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey/spin-rtl-down-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey/spin-rtl-down-disabled.png b/src/src/assets/gtk-2.0/assets-grey/spin-rtl-down-disabled.png new file mode 100644 index 00000000..a7052083 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey/spin-rtl-down-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey/spin-rtl-down-hover.png b/src/src/assets/gtk-2.0/assets-grey/spin-rtl-down-hover.png new file mode 100644 index 00000000..35364e53 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey/spin-rtl-down-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey/spin-rtl-down.png b/src/src/assets/gtk-2.0/assets-grey/spin-rtl-down.png new file mode 100644 index 00000000..74ba4d67 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey/spin-rtl-down.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey/spin-rtl-up-active.png b/src/src/assets/gtk-2.0/assets-grey/spin-rtl-up-active.png new file mode 100644 index 00000000..b1338a7e Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey/spin-rtl-up-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey/spin-rtl-up-disabled.png b/src/src/assets/gtk-2.0/assets-grey/spin-rtl-up-disabled.png new file mode 100644 index 00000000..95f42b7c Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey/spin-rtl-up-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey/spin-rtl-up-hover.png b/src/src/assets/gtk-2.0/assets-grey/spin-rtl-up-hover.png new file mode 100644 index 00000000..5d839967 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey/spin-rtl-up-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey/spin-rtl-up.png b/src/src/assets/gtk-2.0/assets-grey/spin-rtl-up.png new file mode 100644 index 00000000..08c266ae Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey/spin-rtl-up.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey/tab.png b/src/src/assets/gtk-2.0/assets-grey/tab.png new file mode 100644 index 00000000..8111d12d Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey/tab.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey/treeview-ltr-button-active.png b/src/src/assets/gtk-2.0/assets-grey/treeview-ltr-button-active.png new file mode 100644 index 00000000..365523e0 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey/treeview-ltr-button-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey/treeview-ltr-button-hover.png b/src/src/assets/gtk-2.0/assets-grey/treeview-ltr-button-hover.png new file mode 100644 index 00000000..e43317ce Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey/treeview-ltr-button-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey/treeview-ltr-button.png b/src/src/assets/gtk-2.0/assets-grey/treeview-ltr-button.png new file mode 100644 index 00000000..862ac323 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey/treeview-ltr-button.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey/treeview-rtl-button-active.png b/src/src/assets/gtk-2.0/assets-grey/treeview-rtl-button-active.png new file mode 100644 index 00000000..3dc0f5a2 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey/treeview-rtl-button-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey/treeview-rtl-button-hover.png b/src/src/assets/gtk-2.0/assets-grey/treeview-rtl-button-hover.png new file mode 100644 index 00000000..f6dce3b4 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey/treeview-rtl-button-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-grey/treeview-rtl-button.png b/src/src/assets/gtk-2.0/assets-grey/treeview-rtl-button.png new file mode 100644 index 00000000..04b779bf Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-grey/treeview-rtl-button.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange-dark.svg b/src/src/assets/gtk-2.0/assets-orange-dark.svg new file mode 100644 index 00000000..2702398c --- /dev/null +++ b/src/src/assets/gtk-2.0/assets-orange-dark.svg @@ -0,0 +1,3204 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/src/assets/gtk-2.0/assets-orange-dark/border.png b/src/src/assets/gtk-2.0/assets-orange-dark/border.png new file mode 100644 index 00000000..20d503bf Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange-dark/border.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange-dark/button-active.png b/src/src/assets/gtk-2.0/assets-orange-dark/button-active.png new file mode 100644 index 00000000..ca25ccce Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange-dark/button-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange-dark/button-disabled.png b/src/src/assets/gtk-2.0/assets-orange-dark/button-disabled.png new file mode 100644 index 00000000..6578ba7d Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange-dark/button-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange-dark/button-hover.png b/src/src/assets/gtk-2.0/assets-orange-dark/button-hover.png new file mode 100644 index 00000000..66e1fdd7 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange-dark/button-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange-dark/button.png b/src/src/assets/gtk-2.0/assets-orange-dark/button.png new file mode 100644 index 00000000..3fe12c70 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange-dark/button.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange-dark/checkbox-checked-active.png b/src/src/assets/gtk-2.0/assets-orange-dark/checkbox-checked-active.png new file mode 100644 index 00000000..97c1772b Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange-dark/checkbox-checked-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange-dark/checkbox-checked-disabled.png b/src/src/assets/gtk-2.0/assets-orange-dark/checkbox-checked-disabled.png new file mode 100644 index 00000000..5e4849fa Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange-dark/checkbox-checked-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange-dark/checkbox-checked-hover.png b/src/src/assets/gtk-2.0/assets-orange-dark/checkbox-checked-hover.png new file mode 100644 index 00000000..dcd0732c Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange-dark/checkbox-checked-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange-dark/checkbox-checked.png b/src/src/assets/gtk-2.0/assets-orange-dark/checkbox-checked.png new file mode 100644 index 00000000..9f7459cb Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange-dark/checkbox-checked.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange-dark/checkbox-mixed-active.png b/src/src/assets/gtk-2.0/assets-orange-dark/checkbox-mixed-active.png new file mode 100644 index 00000000..f4783094 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange-dark/checkbox-mixed-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange-dark/checkbox-mixed-disabled.png b/src/src/assets/gtk-2.0/assets-orange-dark/checkbox-mixed-disabled.png new file mode 100644 index 00000000..e42543aa Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange-dark/checkbox-mixed-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange-dark/checkbox-mixed-hover.png b/src/src/assets/gtk-2.0/assets-orange-dark/checkbox-mixed-hover.png new file mode 100644 index 00000000..2e9dc6cd Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange-dark/checkbox-mixed-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange-dark/checkbox-mixed.png b/src/src/assets/gtk-2.0/assets-orange-dark/checkbox-mixed.png new file mode 100644 index 00000000..fa4214d1 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange-dark/checkbox-mixed.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange-dark/checkbox-unchecked-active.png b/src/src/assets/gtk-2.0/assets-orange-dark/checkbox-unchecked-active.png new file mode 100644 index 00000000..f6948e7a Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange-dark/checkbox-unchecked-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange-dark/checkbox-unchecked-disabled.png b/src/src/assets/gtk-2.0/assets-orange-dark/checkbox-unchecked-disabled.png new file mode 100644 index 00000000..73e42bdf Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange-dark/checkbox-unchecked-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange-dark/checkbox-unchecked-hover.png b/src/src/assets/gtk-2.0/assets-orange-dark/checkbox-unchecked-hover.png new file mode 100644 index 00000000..191738b7 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange-dark/checkbox-unchecked-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange-dark/checkbox-unchecked.png b/src/src/assets/gtk-2.0/assets-orange-dark/checkbox-unchecked.png new file mode 100644 index 00000000..e310c022 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange-dark/checkbox-unchecked.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange-dark/combo-left-entry-active.png b/src/src/assets/gtk-2.0/assets-orange-dark/combo-left-entry-active.png new file mode 100644 index 00000000..875dea44 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange-dark/combo-left-entry-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange-dark/combo-left-entry-disabled.png b/src/src/assets/gtk-2.0/assets-orange-dark/combo-left-entry-disabled.png new file mode 100644 index 00000000..6a9d9dd2 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange-dark/combo-left-entry-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange-dark/combo-left-entry-hover.png b/src/src/assets/gtk-2.0/assets-orange-dark/combo-left-entry-hover.png new file mode 100644 index 00000000..c65ced02 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange-dark/combo-left-entry-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange-dark/combo-left-entry.png b/src/src/assets/gtk-2.0/assets-orange-dark/combo-left-entry.png new file mode 100644 index 00000000..255e3dc3 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange-dark/combo-left-entry.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange-dark/combo-right-entry-active.png b/src/src/assets/gtk-2.0/assets-orange-dark/combo-right-entry-active.png new file mode 100644 index 00000000..b513d65b Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange-dark/combo-right-entry-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange-dark/combo-right-entry-disabled.png b/src/src/assets/gtk-2.0/assets-orange-dark/combo-right-entry-disabled.png new file mode 100644 index 00000000..67cfcc78 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange-dark/combo-right-entry-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange-dark/combo-right-entry-hover.png b/src/src/assets/gtk-2.0/assets-orange-dark/combo-right-entry-hover.png new file mode 100644 index 00000000..8d643bd3 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange-dark/combo-right-entry-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange-dark/combo-right-entry.png b/src/src/assets/gtk-2.0/assets-orange-dark/combo-right-entry.png new file mode 100644 index 00000000..5d232339 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange-dark/combo-right-entry.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange-dark/entry-active.png b/src/src/assets/gtk-2.0/assets-orange-dark/entry-active.png new file mode 100644 index 00000000..6677634a Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange-dark/entry-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange-dark/entry-background-disabled.png b/src/src/assets/gtk-2.0/assets-orange-dark/entry-background-disabled.png new file mode 100644 index 00000000..ce14ba81 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange-dark/entry-background-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange-dark/entry-background.png b/src/src/assets/gtk-2.0/assets-orange-dark/entry-background.png new file mode 100644 index 00000000..fdf26ab3 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange-dark/entry-background.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange-dark/entry-disabled.png b/src/src/assets/gtk-2.0/assets-orange-dark/entry-disabled.png new file mode 100644 index 00000000..6578ba7d Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange-dark/entry-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange-dark/entry-hover.png b/src/src/assets/gtk-2.0/assets-orange-dark/entry-hover.png new file mode 100644 index 00000000..57332392 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange-dark/entry-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange-dark/entry.png b/src/src/assets/gtk-2.0/assets-orange-dark/entry.png new file mode 100644 index 00000000..3fe12c70 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange-dark/entry.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange-dark/flat-button-active.png b/src/src/assets/gtk-2.0/assets-orange-dark/flat-button-active.png new file mode 100644 index 00000000..ca25ccce Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange-dark/flat-button-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange-dark/flat-button-disabled.png b/src/src/assets/gtk-2.0/assets-orange-dark/flat-button-disabled.png new file mode 100644 index 00000000..96f9995d Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange-dark/flat-button-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange-dark/flat-button-hover.png b/src/src/assets/gtk-2.0/assets-orange-dark/flat-button-hover.png new file mode 100644 index 00000000..66e1fdd7 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange-dark/flat-button-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange-dark/flat-button.png b/src/src/assets/gtk-2.0/assets-orange-dark/flat-button.png new file mode 100644 index 00000000..96f9995d Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange-dark/flat-button.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange-dark/focus.png b/src/src/assets/gtk-2.0/assets-orange-dark/focus.png new file mode 100644 index 00000000..3e8d13db Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange-dark/focus.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange-dark/frame-inline.png b/src/src/assets/gtk-2.0/assets-orange-dark/frame-inline.png new file mode 100644 index 00000000..7d10ff19 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange-dark/frame-inline.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange-dark/frame-notebook.png b/src/src/assets/gtk-2.0/assets-orange-dark/frame-notebook.png new file mode 100644 index 00000000..7b5020ee Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange-dark/frame-notebook.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange-dark/frame.png b/src/src/assets/gtk-2.0/assets-orange-dark/frame.png new file mode 100644 index 00000000..1562a81b Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange-dark/frame.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange-dark/handle-horz-active.png b/src/src/assets/gtk-2.0/assets-orange-dark/handle-horz-active.png new file mode 100644 index 00000000..f1c519ef Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange-dark/handle-horz-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange-dark/handle-horz-hover.png b/src/src/assets/gtk-2.0/assets-orange-dark/handle-horz-hover.png new file mode 100644 index 00000000..e7e40d69 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange-dark/handle-horz-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange-dark/handle-horz.png b/src/src/assets/gtk-2.0/assets-orange-dark/handle-horz.png new file mode 100644 index 00000000..ef1738d0 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange-dark/handle-horz.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange-dark/handle-vert-active.png b/src/src/assets/gtk-2.0/assets-orange-dark/handle-vert-active.png new file mode 100644 index 00000000..0cec1dc5 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange-dark/handle-vert-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange-dark/handle-vert-hover.png b/src/src/assets/gtk-2.0/assets-orange-dark/handle-vert-hover.png new file mode 100644 index 00000000..600fb08b Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange-dark/handle-vert-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange-dark/handle-vert.png b/src/src/assets/gtk-2.0/assets-orange-dark/handle-vert.png new file mode 100644 index 00000000..377fdf0b Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange-dark/handle-vert.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange-dark/menu-checkbox-checked-disabled.png b/src/src/assets/gtk-2.0/assets-orange-dark/menu-checkbox-checked-disabled.png new file mode 100644 index 00000000..3a0d0546 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange-dark/menu-checkbox-checked-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange-dark/menu-checkbox-checked.png b/src/src/assets/gtk-2.0/assets-orange-dark/menu-checkbox-checked.png new file mode 100644 index 00000000..555a4577 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange-dark/menu-checkbox-checked.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange-dark/menu-checkbox-mixed-disabled.png b/src/src/assets/gtk-2.0/assets-orange-dark/menu-checkbox-mixed-disabled.png new file mode 100644 index 00000000..42206452 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange-dark/menu-checkbox-mixed-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange-dark/menu-checkbox-mixed.png b/src/src/assets/gtk-2.0/assets-orange-dark/menu-checkbox-mixed.png new file mode 100644 index 00000000..21a0c0d5 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange-dark/menu-checkbox-mixed.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange-dark/menu-checkbox-unchecked-disabled.png b/src/src/assets/gtk-2.0/assets-orange-dark/menu-checkbox-unchecked-disabled.png new file mode 100644 index 00000000..4b8fbb54 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange-dark/menu-checkbox-unchecked-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange-dark/menu-checkbox-unchecked.png b/src/src/assets/gtk-2.0/assets-orange-dark/menu-checkbox-unchecked.png new file mode 100644 index 00000000..5317874c Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange-dark/menu-checkbox-unchecked.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange-dark/menu-radio-checked-disabled.png b/src/src/assets/gtk-2.0/assets-orange-dark/menu-radio-checked-disabled.png new file mode 100644 index 00000000..3c9ac55d Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange-dark/menu-radio-checked-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange-dark/menu-radio-checked.png b/src/src/assets/gtk-2.0/assets-orange-dark/menu-radio-checked.png new file mode 100644 index 00000000..6fbd1432 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange-dark/menu-radio-checked.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange-dark/menu-radio-mixed-disabled.png b/src/src/assets/gtk-2.0/assets-orange-dark/menu-radio-mixed-disabled.png new file mode 100644 index 00000000..42206452 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange-dark/menu-radio-mixed-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange-dark/menu-radio-mixed.png b/src/src/assets/gtk-2.0/assets-orange-dark/menu-radio-mixed.png new file mode 100644 index 00000000..21a0c0d5 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange-dark/menu-radio-mixed.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange-dark/menu-radio-unchecked-disabled.png b/src/src/assets/gtk-2.0/assets-orange-dark/menu-radio-unchecked-disabled.png new file mode 100644 index 00000000..4b8fbb54 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange-dark/menu-radio-unchecked-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange-dark/menu-radio-unchecked.png b/src/src/assets/gtk-2.0/assets-orange-dark/menu-radio-unchecked.png new file mode 100644 index 00000000..5317874c Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange-dark/menu-radio-unchecked.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange-dark/pan-down-alt-disabled.png b/src/src/assets/gtk-2.0/assets-orange-dark/pan-down-alt-disabled.png new file mode 100644 index 00000000..11a69853 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange-dark/pan-down-alt-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange-dark/pan-down-alt.png b/src/src/assets/gtk-2.0/assets-orange-dark/pan-down-alt.png new file mode 100644 index 00000000..974686c7 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange-dark/pan-down-alt.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange-dark/pan-down-disabled.png b/src/src/assets/gtk-2.0/assets-orange-dark/pan-down-disabled.png new file mode 100644 index 00000000..8aa63318 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange-dark/pan-down-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange-dark/pan-down.png b/src/src/assets/gtk-2.0/assets-orange-dark/pan-down.png new file mode 100644 index 00000000..2f28e41e Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange-dark/pan-down.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange-dark/pan-left-alt-disabled.png b/src/src/assets/gtk-2.0/assets-orange-dark/pan-left-alt-disabled.png new file mode 100644 index 00000000..44e26b6d Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange-dark/pan-left-alt-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange-dark/pan-left-alt.png b/src/src/assets/gtk-2.0/assets-orange-dark/pan-left-alt.png new file mode 100644 index 00000000..529b5e4c Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange-dark/pan-left-alt.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange-dark/pan-left-disabled.png b/src/src/assets/gtk-2.0/assets-orange-dark/pan-left-disabled.png new file mode 100644 index 00000000..ff7c8521 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange-dark/pan-left-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange-dark/pan-left-semi.png b/src/src/assets/gtk-2.0/assets-orange-dark/pan-left-semi.png new file mode 100644 index 00000000..955e801f Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange-dark/pan-left-semi.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange-dark/pan-left.png b/src/src/assets/gtk-2.0/assets-orange-dark/pan-left.png new file mode 100644 index 00000000..c9cb53ac Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange-dark/pan-left.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange-dark/pan-right-alt-disabled.png b/src/src/assets/gtk-2.0/assets-orange-dark/pan-right-alt-disabled.png new file mode 100644 index 00000000..42e5877b Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange-dark/pan-right-alt-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange-dark/pan-right-alt.png b/src/src/assets/gtk-2.0/assets-orange-dark/pan-right-alt.png new file mode 100644 index 00000000..d7405064 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange-dark/pan-right-alt.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange-dark/pan-right-disabled.png b/src/src/assets/gtk-2.0/assets-orange-dark/pan-right-disabled.png new file mode 100644 index 00000000..e8e14e80 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange-dark/pan-right-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange-dark/pan-right-semi.png b/src/src/assets/gtk-2.0/assets-orange-dark/pan-right-semi.png new file mode 100644 index 00000000..d7d5af02 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange-dark/pan-right-semi.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange-dark/pan-right.png b/src/src/assets/gtk-2.0/assets-orange-dark/pan-right.png new file mode 100644 index 00000000..6cf201d9 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange-dark/pan-right.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange-dark/pan-up-alt-disabled.png b/src/src/assets/gtk-2.0/assets-orange-dark/pan-up-alt-disabled.png new file mode 100644 index 00000000..56a417c0 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange-dark/pan-up-alt-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange-dark/pan-up-alt.png b/src/src/assets/gtk-2.0/assets-orange-dark/pan-up-alt.png new file mode 100644 index 00000000..5df7be82 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange-dark/pan-up-alt.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange-dark/pan-up-disabled.png b/src/src/assets/gtk-2.0/assets-orange-dark/pan-up-disabled.png new file mode 100644 index 00000000..d3ae5113 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange-dark/pan-up-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange-dark/pan-up.png b/src/src/assets/gtk-2.0/assets-orange-dark/pan-up.png new file mode 100644 index 00000000..a99f7cf0 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange-dark/pan-up.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange-dark/progressbar-progress.png b/src/src/assets/gtk-2.0/assets-orange-dark/progressbar-progress.png new file mode 100644 index 00000000..6ef99b0c Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange-dark/progressbar-progress.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange-dark/progressbar-trough.png b/src/src/assets/gtk-2.0/assets-orange-dark/progressbar-trough.png new file mode 100644 index 00000000..aba61d56 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange-dark/progressbar-trough.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange-dark/radio-checked-active.png b/src/src/assets/gtk-2.0/assets-orange-dark/radio-checked-active.png new file mode 100644 index 00000000..5fd8ded7 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange-dark/radio-checked-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange-dark/radio-checked-disabled.png b/src/src/assets/gtk-2.0/assets-orange-dark/radio-checked-disabled.png new file mode 100644 index 00000000..3c73ebbc Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange-dark/radio-checked-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange-dark/radio-checked-hover.png b/src/src/assets/gtk-2.0/assets-orange-dark/radio-checked-hover.png new file mode 100644 index 00000000..b4c23163 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange-dark/radio-checked-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange-dark/radio-checked.png b/src/src/assets/gtk-2.0/assets-orange-dark/radio-checked.png new file mode 100644 index 00000000..73d76058 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange-dark/radio-checked.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange-dark/radio-mixed-active.png b/src/src/assets/gtk-2.0/assets-orange-dark/radio-mixed-active.png new file mode 100644 index 00000000..f4783094 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange-dark/radio-mixed-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange-dark/radio-mixed-disabled.png b/src/src/assets/gtk-2.0/assets-orange-dark/radio-mixed-disabled.png new file mode 100644 index 00000000..e42543aa Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange-dark/radio-mixed-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange-dark/radio-mixed-hover.png b/src/src/assets/gtk-2.0/assets-orange-dark/radio-mixed-hover.png new file mode 100644 index 00000000..2e9dc6cd Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange-dark/radio-mixed-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange-dark/radio-mixed.png b/src/src/assets/gtk-2.0/assets-orange-dark/radio-mixed.png new file mode 100644 index 00000000..fa4214d1 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange-dark/radio-mixed.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange-dark/radio-unchecked-active.png b/src/src/assets/gtk-2.0/assets-orange-dark/radio-unchecked-active.png new file mode 100644 index 00000000..f6948e7a Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange-dark/radio-unchecked-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange-dark/radio-unchecked-disabled.png b/src/src/assets/gtk-2.0/assets-orange-dark/radio-unchecked-disabled.png new file mode 100644 index 00000000..73e42bdf Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange-dark/radio-unchecked-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange-dark/radio-unchecked-hover.png b/src/src/assets/gtk-2.0/assets-orange-dark/radio-unchecked-hover.png new file mode 100644 index 00000000..191738b7 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange-dark/radio-unchecked-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange-dark/radio-unchecked.png b/src/src/assets/gtk-2.0/assets-orange-dark/radio-unchecked.png new file mode 100644 index 00000000..e310c022 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange-dark/radio-unchecked.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange-dark/scale-horz-trough-active.png b/src/src/assets/gtk-2.0/assets-orange-dark/scale-horz-trough-active.png new file mode 100644 index 00000000..d2dec286 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange-dark/scale-horz-trough-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange-dark/scale-horz-trough-disabled.png b/src/src/assets/gtk-2.0/assets-orange-dark/scale-horz-trough-disabled.png new file mode 100644 index 00000000..10cf142e Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange-dark/scale-horz-trough-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange-dark/scale-horz-trough.png b/src/src/assets/gtk-2.0/assets-orange-dark/scale-horz-trough.png new file mode 100644 index 00000000..8a0adf1d Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange-dark/scale-horz-trough.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange-dark/scale-slider-active.png b/src/src/assets/gtk-2.0/assets-orange-dark/scale-slider-active.png new file mode 100644 index 00000000..9f552cc4 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange-dark/scale-slider-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange-dark/scale-slider-disabled.png b/src/src/assets/gtk-2.0/assets-orange-dark/scale-slider-disabled.png new file mode 100644 index 00000000..eb1a1ae2 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange-dark/scale-slider-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange-dark/scale-slider-hover.png b/src/src/assets/gtk-2.0/assets-orange-dark/scale-slider-hover.png new file mode 100644 index 00000000..ba9ed254 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange-dark/scale-slider-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange-dark/scale-slider.png b/src/src/assets/gtk-2.0/assets-orange-dark/scale-slider.png new file mode 100644 index 00000000..7c9391e4 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange-dark/scale-slider.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange-dark/scale-vert-trough-active.png b/src/src/assets/gtk-2.0/assets-orange-dark/scale-vert-trough-active.png new file mode 100644 index 00000000..6280ec78 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange-dark/scale-vert-trough-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange-dark/scale-vert-trough-disabled.png b/src/src/assets/gtk-2.0/assets-orange-dark/scale-vert-trough-disabled.png new file mode 100644 index 00000000..7e38ad6c Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange-dark/scale-vert-trough-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange-dark/scale-vert-trough.png b/src/src/assets/gtk-2.0/assets-orange-dark/scale-vert-trough.png new file mode 100644 index 00000000..6c6d3360 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange-dark/scale-vert-trough.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange-dark/scrollbar-horz-slider-active.png b/src/src/assets/gtk-2.0/assets-orange-dark/scrollbar-horz-slider-active.png new file mode 100644 index 00000000..9b3802ab Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange-dark/scrollbar-horz-slider-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange-dark/scrollbar-horz-slider-disabled.png b/src/src/assets/gtk-2.0/assets-orange-dark/scrollbar-horz-slider-disabled.png new file mode 100644 index 00000000..a0e78e25 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange-dark/scrollbar-horz-slider-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange-dark/scrollbar-horz-slider-hover.png b/src/src/assets/gtk-2.0/assets-orange-dark/scrollbar-horz-slider-hover.png new file mode 100644 index 00000000..c44bf539 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange-dark/scrollbar-horz-slider-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange-dark/scrollbar-horz-slider.png b/src/src/assets/gtk-2.0/assets-orange-dark/scrollbar-horz-slider.png new file mode 100644 index 00000000..7d453476 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange-dark/scrollbar-horz-slider.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange-dark/scrollbar-horz-trough.png b/src/src/assets/gtk-2.0/assets-orange-dark/scrollbar-horz-trough.png new file mode 100644 index 00000000..e5e9d5b4 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange-dark/scrollbar-horz-trough.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange-dark/scrollbar-vert-ltr-slider-active.png b/src/src/assets/gtk-2.0/assets-orange-dark/scrollbar-vert-ltr-slider-active.png new file mode 100644 index 00000000..86a7e94d Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange-dark/scrollbar-vert-ltr-slider-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange-dark/scrollbar-vert-ltr-slider-disabled.png b/src/src/assets/gtk-2.0/assets-orange-dark/scrollbar-vert-ltr-slider-disabled.png new file mode 100644 index 00000000..e1bd86ac Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange-dark/scrollbar-vert-ltr-slider-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange-dark/scrollbar-vert-ltr-slider-hover.png b/src/src/assets/gtk-2.0/assets-orange-dark/scrollbar-vert-ltr-slider-hover.png new file mode 100644 index 00000000..0eab6abe Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange-dark/scrollbar-vert-ltr-slider-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange-dark/scrollbar-vert-ltr-slider.png b/src/src/assets/gtk-2.0/assets-orange-dark/scrollbar-vert-ltr-slider.png new file mode 100644 index 00000000..bd8227ac Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange-dark/scrollbar-vert-ltr-slider.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange-dark/scrollbar-vert-ltr-trough.png b/src/src/assets/gtk-2.0/assets-orange-dark/scrollbar-vert-ltr-trough.png new file mode 100644 index 00000000..5e356392 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange-dark/scrollbar-vert-ltr-trough.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange-dark/scrollbar-vert-rtl-slider-active.png b/src/src/assets/gtk-2.0/assets-orange-dark/scrollbar-vert-rtl-slider-active.png new file mode 100644 index 00000000..f219ede0 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange-dark/scrollbar-vert-rtl-slider-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange-dark/scrollbar-vert-rtl-slider-disabled.png b/src/src/assets/gtk-2.0/assets-orange-dark/scrollbar-vert-rtl-slider-disabled.png new file mode 100644 index 00000000..e8cf3269 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange-dark/scrollbar-vert-rtl-slider-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange-dark/scrollbar-vert-rtl-slider-hover.png b/src/src/assets/gtk-2.0/assets-orange-dark/scrollbar-vert-rtl-slider-hover.png new file mode 100644 index 00000000..fc02be48 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange-dark/scrollbar-vert-rtl-slider-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange-dark/scrollbar-vert-rtl-slider.png b/src/src/assets/gtk-2.0/assets-orange-dark/scrollbar-vert-rtl-slider.png new file mode 100644 index 00000000..8ab9c686 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange-dark/scrollbar-vert-rtl-slider.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange-dark/scrollbar-vert-rtl-trough.png b/src/src/assets/gtk-2.0/assets-orange-dark/scrollbar-vert-rtl-trough.png new file mode 100644 index 00000000..056290d9 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange-dark/scrollbar-vert-rtl-trough.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange-dark/spin-ltr-down-active.png b/src/src/assets/gtk-2.0/assets-orange-dark/spin-ltr-down-active.png new file mode 100644 index 00000000..bf31a3cc Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange-dark/spin-ltr-down-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange-dark/spin-ltr-down-disabled.png b/src/src/assets/gtk-2.0/assets-orange-dark/spin-ltr-down-disabled.png new file mode 100644 index 00000000..19139fdd Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange-dark/spin-ltr-down-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange-dark/spin-ltr-down-hover.png b/src/src/assets/gtk-2.0/assets-orange-dark/spin-ltr-down-hover.png new file mode 100644 index 00000000..64e8a4ce Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange-dark/spin-ltr-down-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange-dark/spin-ltr-down.png b/src/src/assets/gtk-2.0/assets-orange-dark/spin-ltr-down.png new file mode 100644 index 00000000..020deb5f Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange-dark/spin-ltr-down.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange-dark/spin-ltr-up-active.png b/src/src/assets/gtk-2.0/assets-orange-dark/spin-ltr-up-active.png new file mode 100644 index 00000000..1d74bc1d Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange-dark/spin-ltr-up-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange-dark/spin-ltr-up-disabled.png b/src/src/assets/gtk-2.0/assets-orange-dark/spin-ltr-up-disabled.png new file mode 100644 index 00000000..dcf55afe Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange-dark/spin-ltr-up-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange-dark/spin-ltr-up-hover.png b/src/src/assets/gtk-2.0/assets-orange-dark/spin-ltr-up-hover.png new file mode 100644 index 00000000..4631e6fa Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange-dark/spin-ltr-up-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange-dark/spin-ltr-up.png b/src/src/assets/gtk-2.0/assets-orange-dark/spin-ltr-up.png new file mode 100644 index 00000000..f9b8eb67 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange-dark/spin-ltr-up.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange-dark/spin-rtl-down-active.png b/src/src/assets/gtk-2.0/assets-orange-dark/spin-rtl-down-active.png new file mode 100644 index 00000000..2a7281ef Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange-dark/spin-rtl-down-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange-dark/spin-rtl-down-disabled.png b/src/src/assets/gtk-2.0/assets-orange-dark/spin-rtl-down-disabled.png new file mode 100644 index 00000000..4c5e3b17 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange-dark/spin-rtl-down-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange-dark/spin-rtl-down-hover.png b/src/src/assets/gtk-2.0/assets-orange-dark/spin-rtl-down-hover.png new file mode 100644 index 00000000..af6410e7 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange-dark/spin-rtl-down-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange-dark/spin-rtl-down.png b/src/src/assets/gtk-2.0/assets-orange-dark/spin-rtl-down.png new file mode 100644 index 00000000..7eae4282 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange-dark/spin-rtl-down.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange-dark/spin-rtl-up-active.png b/src/src/assets/gtk-2.0/assets-orange-dark/spin-rtl-up-active.png new file mode 100644 index 00000000..53a961d9 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange-dark/spin-rtl-up-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange-dark/spin-rtl-up-disabled.png b/src/src/assets/gtk-2.0/assets-orange-dark/spin-rtl-up-disabled.png new file mode 100644 index 00000000..e229de47 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange-dark/spin-rtl-up-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange-dark/spin-rtl-up-hover.png b/src/src/assets/gtk-2.0/assets-orange-dark/spin-rtl-up-hover.png new file mode 100644 index 00000000..ed0c0ce8 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange-dark/spin-rtl-up-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange-dark/spin-rtl-up.png b/src/src/assets/gtk-2.0/assets-orange-dark/spin-rtl-up.png new file mode 100644 index 00000000..e3a59e86 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange-dark/spin-rtl-up.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange-dark/tab.png b/src/src/assets/gtk-2.0/assets-orange-dark/tab.png new file mode 100644 index 00000000..2da8b331 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange-dark/tab.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange-dark/treeview-ltr-button-active.png b/src/src/assets/gtk-2.0/assets-orange-dark/treeview-ltr-button-active.png new file mode 100644 index 00000000..45da44f8 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange-dark/treeview-ltr-button-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange-dark/treeview-ltr-button-hover.png b/src/src/assets/gtk-2.0/assets-orange-dark/treeview-ltr-button-hover.png new file mode 100644 index 00000000..a240cb64 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange-dark/treeview-ltr-button-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange-dark/treeview-ltr-button.png b/src/src/assets/gtk-2.0/assets-orange-dark/treeview-ltr-button.png new file mode 100644 index 00000000..cc77fcc3 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange-dark/treeview-ltr-button.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange-dark/treeview-rtl-button-active.png b/src/src/assets/gtk-2.0/assets-orange-dark/treeview-rtl-button-active.png new file mode 100644 index 00000000..a5a46b99 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange-dark/treeview-rtl-button-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange-dark/treeview-rtl-button-hover.png b/src/src/assets/gtk-2.0/assets-orange-dark/treeview-rtl-button-hover.png new file mode 100644 index 00000000..810a277e Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange-dark/treeview-rtl-button-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange-dark/treeview-rtl-button.png b/src/src/assets/gtk-2.0/assets-orange-dark/treeview-rtl-button.png new file mode 100644 index 00000000..cc77fcc3 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange-dark/treeview-rtl-button.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange.svg b/src/src/assets/gtk-2.0/assets-orange.svg new file mode 100644 index 00000000..bf58a620 --- /dev/null +++ b/src/src/assets/gtk-2.0/assets-orange.svg @@ -0,0 +1,3516 @@ + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/src/assets/gtk-2.0/assets-orange/border.png b/src/src/assets/gtk-2.0/assets-orange/border.png new file mode 100644 index 00000000..b755468c Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange/border.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange/button-active.png b/src/src/assets/gtk-2.0/assets-orange/button-active.png new file mode 100644 index 00000000..6a3942cb Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange/button-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange/button-disabled.png b/src/src/assets/gtk-2.0/assets-orange/button-disabled.png new file mode 100644 index 00000000..0be273b6 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange/button-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange/button-hover.png b/src/src/assets/gtk-2.0/assets-orange/button-hover.png new file mode 100644 index 00000000..de5b6182 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange/button-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange/button.png b/src/src/assets/gtk-2.0/assets-orange/button.png new file mode 100644 index 00000000..daeaec77 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange/button.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange/checkbox-checked-active.png b/src/src/assets/gtk-2.0/assets-orange/checkbox-checked-active.png new file mode 100644 index 00000000..fa705d04 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange/checkbox-checked-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange/checkbox-checked-disabled.png b/src/src/assets/gtk-2.0/assets-orange/checkbox-checked-disabled.png new file mode 100644 index 00000000..6b9d0e59 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange/checkbox-checked-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange/checkbox-checked-hover.png b/src/src/assets/gtk-2.0/assets-orange/checkbox-checked-hover.png new file mode 100644 index 00000000..16083ade Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange/checkbox-checked-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange/checkbox-checked.png b/src/src/assets/gtk-2.0/assets-orange/checkbox-checked.png new file mode 100644 index 00000000..298626d5 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange/checkbox-checked.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange/checkbox-mixed-active.png b/src/src/assets/gtk-2.0/assets-orange/checkbox-mixed-active.png new file mode 100644 index 00000000..4acf3997 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange/checkbox-mixed-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange/checkbox-mixed-disabled.png b/src/src/assets/gtk-2.0/assets-orange/checkbox-mixed-disabled.png new file mode 100644 index 00000000..9c9986d5 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange/checkbox-mixed-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange/checkbox-mixed-hover.png b/src/src/assets/gtk-2.0/assets-orange/checkbox-mixed-hover.png new file mode 100644 index 00000000..358fe8b5 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange/checkbox-mixed-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange/checkbox-mixed.png b/src/src/assets/gtk-2.0/assets-orange/checkbox-mixed.png new file mode 100644 index 00000000..ffabf23b Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange/checkbox-mixed.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange/checkbox-unchecked-active.png b/src/src/assets/gtk-2.0/assets-orange/checkbox-unchecked-active.png new file mode 100644 index 00000000..b2112ca5 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange/checkbox-unchecked-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange/checkbox-unchecked-disabled.png b/src/src/assets/gtk-2.0/assets-orange/checkbox-unchecked-disabled.png new file mode 100644 index 00000000..ca92669d Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange/checkbox-unchecked-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange/checkbox-unchecked-hover.png b/src/src/assets/gtk-2.0/assets-orange/checkbox-unchecked-hover.png new file mode 100644 index 00000000..95cb359f Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange/checkbox-unchecked-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange/checkbox-unchecked.png b/src/src/assets/gtk-2.0/assets-orange/checkbox-unchecked.png new file mode 100644 index 00000000..6496e929 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange/checkbox-unchecked.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange/combo-left-entry-active.png b/src/src/assets/gtk-2.0/assets-orange/combo-left-entry-active.png new file mode 100644 index 00000000..91006f0b Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange/combo-left-entry-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange/combo-left-entry-disabled.png b/src/src/assets/gtk-2.0/assets-orange/combo-left-entry-disabled.png new file mode 100644 index 00000000..bec439a2 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange/combo-left-entry-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange/combo-left-entry-hover.png b/src/src/assets/gtk-2.0/assets-orange/combo-left-entry-hover.png new file mode 100644 index 00000000..d896386e Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange/combo-left-entry-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange/combo-left-entry.png b/src/src/assets/gtk-2.0/assets-orange/combo-left-entry.png new file mode 100644 index 00000000..943fac58 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange/combo-left-entry.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange/combo-right-entry-active.png b/src/src/assets/gtk-2.0/assets-orange/combo-right-entry-active.png new file mode 100644 index 00000000..bac55f72 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange/combo-right-entry-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange/combo-right-entry-disabled.png b/src/src/assets/gtk-2.0/assets-orange/combo-right-entry-disabled.png new file mode 100644 index 00000000..52934069 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange/combo-right-entry-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange/combo-right-entry-hover.png b/src/src/assets/gtk-2.0/assets-orange/combo-right-entry-hover.png new file mode 100644 index 00000000..05548f30 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange/combo-right-entry-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange/combo-right-entry.png b/src/src/assets/gtk-2.0/assets-orange/combo-right-entry.png new file mode 100644 index 00000000..dd2118a6 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange/combo-right-entry.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange/entry-active.png b/src/src/assets/gtk-2.0/assets-orange/entry-active.png new file mode 100644 index 00000000..e464d882 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange/entry-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange/entry-background-disabled.png b/src/src/assets/gtk-2.0/assets-orange/entry-background-disabled.png new file mode 100644 index 00000000..7f3aa5ee Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange/entry-background-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange/entry-background.png b/src/src/assets/gtk-2.0/assets-orange/entry-background.png new file mode 100644 index 00000000..72facdb0 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange/entry-background.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange/entry-disabled.png b/src/src/assets/gtk-2.0/assets-orange/entry-disabled.png new file mode 100644 index 00000000..0be273b6 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange/entry-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange/entry-hover.png b/src/src/assets/gtk-2.0/assets-orange/entry-hover.png new file mode 100644 index 00000000..1e7804c7 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange/entry-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange/entry.png b/src/src/assets/gtk-2.0/assets-orange/entry.png new file mode 100644 index 00000000..daeaec77 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange/entry.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange/flat-button-active.png b/src/src/assets/gtk-2.0/assets-orange/flat-button-active.png new file mode 100644 index 00000000..6a3942cb Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange/flat-button-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange/flat-button-disabled.png b/src/src/assets/gtk-2.0/assets-orange/flat-button-disabled.png new file mode 100644 index 00000000..34d490f1 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange/flat-button-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange/flat-button-hover.png b/src/src/assets/gtk-2.0/assets-orange/flat-button-hover.png new file mode 100644 index 00000000..de5b6182 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange/flat-button-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange/flat-button.png b/src/src/assets/gtk-2.0/assets-orange/flat-button.png new file mode 100644 index 00000000..34d490f1 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange/flat-button.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange/focus.png b/src/src/assets/gtk-2.0/assets-orange/focus.png new file mode 100644 index 00000000..cf26e66f Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange/focus.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange/frame-inline.png b/src/src/assets/gtk-2.0/assets-orange/frame-inline.png new file mode 100644 index 00000000..34703f89 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange/frame-inline.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange/frame-notebook.png b/src/src/assets/gtk-2.0/assets-orange/frame-notebook.png new file mode 100644 index 00000000..ddb51968 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange/frame-notebook.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange/frame.png b/src/src/assets/gtk-2.0/assets-orange/frame.png new file mode 100644 index 00000000..bd3e8516 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange/frame.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange/handle-horz-active.png b/src/src/assets/gtk-2.0/assets-orange/handle-horz-active.png new file mode 100644 index 00000000..982db3de Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange/handle-horz-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange/handle-horz-hover.png b/src/src/assets/gtk-2.0/assets-orange/handle-horz-hover.png new file mode 100644 index 00000000..af9f1f49 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange/handle-horz-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange/handle-horz.png b/src/src/assets/gtk-2.0/assets-orange/handle-horz.png new file mode 100644 index 00000000..a7263884 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange/handle-horz.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange/handle-vert-active.png b/src/src/assets/gtk-2.0/assets-orange/handle-vert-active.png new file mode 100644 index 00000000..e44fc648 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange/handle-vert-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange/handle-vert-hover.png b/src/src/assets/gtk-2.0/assets-orange/handle-vert-hover.png new file mode 100644 index 00000000..d14f0049 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange/handle-vert-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange/handle-vert.png b/src/src/assets/gtk-2.0/assets-orange/handle-vert.png new file mode 100644 index 00000000..567a2814 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange/handle-vert.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange/menu-checkbox-checked-disabled.png b/src/src/assets/gtk-2.0/assets-orange/menu-checkbox-checked-disabled.png new file mode 100644 index 00000000..ae5b3409 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange/menu-checkbox-checked-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange/menu-checkbox-checked.png b/src/src/assets/gtk-2.0/assets-orange/menu-checkbox-checked.png new file mode 100644 index 00000000..bbd0477c Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange/menu-checkbox-checked.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange/menu-checkbox-mixed-disabled.png b/src/src/assets/gtk-2.0/assets-orange/menu-checkbox-mixed-disabled.png new file mode 100644 index 00000000..51e3a102 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange/menu-checkbox-mixed-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange/menu-checkbox-mixed.png b/src/src/assets/gtk-2.0/assets-orange/menu-checkbox-mixed.png new file mode 100644 index 00000000..b6197af6 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange/menu-checkbox-mixed.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange/menu-checkbox-unchecked-disabled.png b/src/src/assets/gtk-2.0/assets-orange/menu-checkbox-unchecked-disabled.png new file mode 100644 index 00000000..e8de0556 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange/menu-checkbox-unchecked-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange/menu-checkbox-unchecked.png b/src/src/assets/gtk-2.0/assets-orange/menu-checkbox-unchecked.png new file mode 100644 index 00000000..5846b31d Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange/menu-checkbox-unchecked.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange/menu-radio-checked-disabled.png b/src/src/assets/gtk-2.0/assets-orange/menu-radio-checked-disabled.png new file mode 100644 index 00000000..c45107a5 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange/menu-radio-checked-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange/menu-radio-checked.png b/src/src/assets/gtk-2.0/assets-orange/menu-radio-checked.png new file mode 100644 index 00000000..eb1f02db Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange/menu-radio-checked.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange/menu-radio-mixed-disabled.png b/src/src/assets/gtk-2.0/assets-orange/menu-radio-mixed-disabled.png new file mode 100644 index 00000000..51e3a102 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange/menu-radio-mixed-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange/menu-radio-mixed.png b/src/src/assets/gtk-2.0/assets-orange/menu-radio-mixed.png new file mode 100644 index 00000000..b6197af6 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange/menu-radio-mixed.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange/menu-radio-unchecked-disabled.png b/src/src/assets/gtk-2.0/assets-orange/menu-radio-unchecked-disabled.png new file mode 100644 index 00000000..e8de0556 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange/menu-radio-unchecked-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange/menu-radio-unchecked.png b/src/src/assets/gtk-2.0/assets-orange/menu-radio-unchecked.png new file mode 100644 index 00000000..5846b31d Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange/menu-radio-unchecked.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange/pan-down-alt-disabled.png b/src/src/assets/gtk-2.0/assets-orange/pan-down-alt-disabled.png new file mode 100644 index 00000000..db1d3614 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange/pan-down-alt-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange/pan-down-alt.png b/src/src/assets/gtk-2.0/assets-orange/pan-down-alt.png new file mode 100644 index 00000000..820e026c Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange/pan-down-alt.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange/pan-down-disabled.png b/src/src/assets/gtk-2.0/assets-orange/pan-down-disabled.png new file mode 100644 index 00000000..567f441a Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange/pan-down-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange/pan-down.png b/src/src/assets/gtk-2.0/assets-orange/pan-down.png new file mode 100644 index 00000000..f664be1c Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange/pan-down.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange/pan-left-alt-disabled.png b/src/src/assets/gtk-2.0/assets-orange/pan-left-alt-disabled.png new file mode 100644 index 00000000..d25e4b63 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange/pan-left-alt-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange/pan-left-alt.png b/src/src/assets/gtk-2.0/assets-orange/pan-left-alt.png new file mode 100644 index 00000000..6309016a Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange/pan-left-alt.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange/pan-left-disabled.png b/src/src/assets/gtk-2.0/assets-orange/pan-left-disabled.png new file mode 100644 index 00000000..f0f94da2 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange/pan-left-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange/pan-left-semi.png b/src/src/assets/gtk-2.0/assets-orange/pan-left-semi.png new file mode 100644 index 00000000..efe18079 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange/pan-left-semi.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange/pan-left.png b/src/src/assets/gtk-2.0/assets-orange/pan-left.png new file mode 100644 index 00000000..ae7f93db Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange/pan-left.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange/pan-right-alt-disabled.png b/src/src/assets/gtk-2.0/assets-orange/pan-right-alt-disabled.png new file mode 100644 index 00000000..d11562a4 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange/pan-right-alt-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange/pan-right-alt.png b/src/src/assets/gtk-2.0/assets-orange/pan-right-alt.png new file mode 100644 index 00000000..3acb33bc Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange/pan-right-alt.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange/pan-right-disabled.png b/src/src/assets/gtk-2.0/assets-orange/pan-right-disabled.png new file mode 100644 index 00000000..f49afaeb Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange/pan-right-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange/pan-right-semi.png b/src/src/assets/gtk-2.0/assets-orange/pan-right-semi.png new file mode 100644 index 00000000..331a3066 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange/pan-right-semi.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange/pan-right.png b/src/src/assets/gtk-2.0/assets-orange/pan-right.png new file mode 100644 index 00000000..59754753 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange/pan-right.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange/pan-up-alt-disabled.png b/src/src/assets/gtk-2.0/assets-orange/pan-up-alt-disabled.png new file mode 100644 index 00000000..361acb33 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange/pan-up-alt-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange/pan-up-alt.png b/src/src/assets/gtk-2.0/assets-orange/pan-up-alt.png new file mode 100644 index 00000000..dcdf2ec2 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange/pan-up-alt.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange/pan-up-disabled.png b/src/src/assets/gtk-2.0/assets-orange/pan-up-disabled.png new file mode 100644 index 00000000..8a52366f Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange/pan-up-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange/pan-up.png b/src/src/assets/gtk-2.0/assets-orange/pan-up.png new file mode 100644 index 00000000..031ac461 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange/pan-up.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange/progressbar-progress.png b/src/src/assets/gtk-2.0/assets-orange/progressbar-progress.png new file mode 100644 index 00000000..e5d93c72 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange/progressbar-progress.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange/progressbar-trough.png b/src/src/assets/gtk-2.0/assets-orange/progressbar-trough.png new file mode 100644 index 00000000..9c4c5957 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange/progressbar-trough.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange/radio-checked-active.png b/src/src/assets/gtk-2.0/assets-orange/radio-checked-active.png new file mode 100644 index 00000000..9d72a353 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange/radio-checked-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange/radio-checked-disabled.png b/src/src/assets/gtk-2.0/assets-orange/radio-checked-disabled.png new file mode 100644 index 00000000..24b495c6 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange/radio-checked-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange/radio-checked-hover.png b/src/src/assets/gtk-2.0/assets-orange/radio-checked-hover.png new file mode 100644 index 00000000..a6eef26b Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange/radio-checked-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange/radio-checked.png b/src/src/assets/gtk-2.0/assets-orange/radio-checked.png new file mode 100644 index 00000000..00cc2874 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange/radio-checked.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange/radio-mixed-active.png b/src/src/assets/gtk-2.0/assets-orange/radio-mixed-active.png new file mode 100644 index 00000000..4acf3997 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange/radio-mixed-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange/radio-mixed-disabled.png b/src/src/assets/gtk-2.0/assets-orange/radio-mixed-disabled.png new file mode 100644 index 00000000..9c9986d5 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange/radio-mixed-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange/radio-mixed-hover.png b/src/src/assets/gtk-2.0/assets-orange/radio-mixed-hover.png new file mode 100644 index 00000000..358fe8b5 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange/radio-mixed-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange/radio-mixed.png b/src/src/assets/gtk-2.0/assets-orange/radio-mixed.png new file mode 100644 index 00000000..ffabf23b Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange/radio-mixed.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange/radio-unchecked-active.png b/src/src/assets/gtk-2.0/assets-orange/radio-unchecked-active.png new file mode 100644 index 00000000..b2112ca5 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange/radio-unchecked-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange/radio-unchecked-disabled.png b/src/src/assets/gtk-2.0/assets-orange/radio-unchecked-disabled.png new file mode 100644 index 00000000..ca92669d Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange/radio-unchecked-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange/radio-unchecked-hover.png b/src/src/assets/gtk-2.0/assets-orange/radio-unchecked-hover.png new file mode 100644 index 00000000..95cb359f Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange/radio-unchecked-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange/radio-unchecked.png b/src/src/assets/gtk-2.0/assets-orange/radio-unchecked.png new file mode 100644 index 00000000..6496e929 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange/radio-unchecked.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange/scale-horz-trough-active.png b/src/src/assets/gtk-2.0/assets-orange/scale-horz-trough-active.png new file mode 100644 index 00000000..1a0aff50 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange/scale-horz-trough-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange/scale-horz-trough-disabled.png b/src/src/assets/gtk-2.0/assets-orange/scale-horz-trough-disabled.png new file mode 100644 index 00000000..e38cec0e Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange/scale-horz-trough-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange/scale-horz-trough.png b/src/src/assets/gtk-2.0/assets-orange/scale-horz-trough.png new file mode 100644 index 00000000..85e94865 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange/scale-horz-trough.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange/scale-slider-active.png b/src/src/assets/gtk-2.0/assets-orange/scale-slider-active.png new file mode 100644 index 00000000..d95b0094 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange/scale-slider-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange/scale-slider-disabled.png b/src/src/assets/gtk-2.0/assets-orange/scale-slider-disabled.png new file mode 100644 index 00000000..9e2860da Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange/scale-slider-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange/scale-slider-hover.png b/src/src/assets/gtk-2.0/assets-orange/scale-slider-hover.png new file mode 100644 index 00000000..4dce9984 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange/scale-slider-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange/scale-slider.png b/src/src/assets/gtk-2.0/assets-orange/scale-slider.png new file mode 100644 index 00000000..57ba50cc Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange/scale-slider.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange/scale-vert-trough-active.png b/src/src/assets/gtk-2.0/assets-orange/scale-vert-trough-active.png new file mode 100644 index 00000000..dc326e18 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange/scale-vert-trough-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange/scale-vert-trough-disabled.png b/src/src/assets/gtk-2.0/assets-orange/scale-vert-trough-disabled.png new file mode 100644 index 00000000..f976e3ac Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange/scale-vert-trough-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange/scale-vert-trough.png b/src/src/assets/gtk-2.0/assets-orange/scale-vert-trough.png new file mode 100644 index 00000000..ef79e783 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange/scale-vert-trough.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange/scrollbar-horz-slider-active.png b/src/src/assets/gtk-2.0/assets-orange/scrollbar-horz-slider-active.png new file mode 100644 index 00000000..060da6db Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange/scrollbar-horz-slider-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange/scrollbar-horz-slider-disabled.png b/src/src/assets/gtk-2.0/assets-orange/scrollbar-horz-slider-disabled.png new file mode 100644 index 00000000..9617e3f9 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange/scrollbar-horz-slider-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange/scrollbar-horz-slider-hover.png b/src/src/assets/gtk-2.0/assets-orange/scrollbar-horz-slider-hover.png new file mode 100644 index 00000000..bb6d9b06 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange/scrollbar-horz-slider-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange/scrollbar-horz-slider.png b/src/src/assets/gtk-2.0/assets-orange/scrollbar-horz-slider.png new file mode 100644 index 00000000..45e4bd90 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange/scrollbar-horz-slider.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange/scrollbar-horz-trough.png b/src/src/assets/gtk-2.0/assets-orange/scrollbar-horz-trough.png new file mode 100644 index 00000000..0394def8 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange/scrollbar-horz-trough.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange/scrollbar-vert-ltr-slider-active.png b/src/src/assets/gtk-2.0/assets-orange/scrollbar-vert-ltr-slider-active.png new file mode 100644 index 00000000..475b1afd Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange/scrollbar-vert-ltr-slider-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange/scrollbar-vert-ltr-slider-disabled.png b/src/src/assets/gtk-2.0/assets-orange/scrollbar-vert-ltr-slider-disabled.png new file mode 100644 index 00000000..d27871ed Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange/scrollbar-vert-ltr-slider-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange/scrollbar-vert-ltr-slider-hover.png b/src/src/assets/gtk-2.0/assets-orange/scrollbar-vert-ltr-slider-hover.png new file mode 100644 index 00000000..4739b684 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange/scrollbar-vert-ltr-slider-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange/scrollbar-vert-ltr-slider.png b/src/src/assets/gtk-2.0/assets-orange/scrollbar-vert-ltr-slider.png new file mode 100644 index 00000000..dcab8053 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange/scrollbar-vert-ltr-slider.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange/scrollbar-vert-ltr-trough.png b/src/src/assets/gtk-2.0/assets-orange/scrollbar-vert-ltr-trough.png new file mode 100644 index 00000000..06b93b5c Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange/scrollbar-vert-ltr-trough.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange/scrollbar-vert-rtl-slider-active.png b/src/src/assets/gtk-2.0/assets-orange/scrollbar-vert-rtl-slider-active.png new file mode 100644 index 00000000..dcc9e9ff Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange/scrollbar-vert-rtl-slider-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange/scrollbar-vert-rtl-slider-disabled.png b/src/src/assets/gtk-2.0/assets-orange/scrollbar-vert-rtl-slider-disabled.png new file mode 100644 index 00000000..96562d1c Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange/scrollbar-vert-rtl-slider-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange/scrollbar-vert-rtl-slider-hover.png b/src/src/assets/gtk-2.0/assets-orange/scrollbar-vert-rtl-slider-hover.png new file mode 100644 index 00000000..378bfa09 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange/scrollbar-vert-rtl-slider-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange/scrollbar-vert-rtl-slider.png b/src/src/assets/gtk-2.0/assets-orange/scrollbar-vert-rtl-slider.png new file mode 100644 index 00000000..5f5dd82f Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange/scrollbar-vert-rtl-slider.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange/scrollbar-vert-rtl-trough.png b/src/src/assets/gtk-2.0/assets-orange/scrollbar-vert-rtl-trough.png new file mode 100644 index 00000000..4d6a6aa4 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange/scrollbar-vert-rtl-trough.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange/spin-ltr-down-active.png b/src/src/assets/gtk-2.0/assets-orange/spin-ltr-down-active.png new file mode 100644 index 00000000..18378be4 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange/spin-ltr-down-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange/spin-ltr-down-disabled.png b/src/src/assets/gtk-2.0/assets-orange/spin-ltr-down-disabled.png new file mode 100644 index 00000000..d7715014 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange/spin-ltr-down-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange/spin-ltr-down-hover.png b/src/src/assets/gtk-2.0/assets-orange/spin-ltr-down-hover.png new file mode 100644 index 00000000..d8f4c370 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange/spin-ltr-down-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange/spin-ltr-down.png b/src/src/assets/gtk-2.0/assets-orange/spin-ltr-down.png new file mode 100644 index 00000000..d44a3dd6 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange/spin-ltr-down.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange/spin-ltr-up-active.png b/src/src/assets/gtk-2.0/assets-orange/spin-ltr-up-active.png new file mode 100644 index 00000000..5a607f89 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange/spin-ltr-up-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange/spin-ltr-up-disabled.png b/src/src/assets/gtk-2.0/assets-orange/spin-ltr-up-disabled.png new file mode 100644 index 00000000..108a1073 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange/spin-ltr-up-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange/spin-ltr-up-hover.png b/src/src/assets/gtk-2.0/assets-orange/spin-ltr-up-hover.png new file mode 100644 index 00000000..6a4d2cd7 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange/spin-ltr-up-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange/spin-ltr-up.png b/src/src/assets/gtk-2.0/assets-orange/spin-ltr-up.png new file mode 100644 index 00000000..b735ea2f Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange/spin-ltr-up.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange/spin-rtl-down-active.png b/src/src/assets/gtk-2.0/assets-orange/spin-rtl-down-active.png new file mode 100644 index 00000000..272b9714 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange/spin-rtl-down-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange/spin-rtl-down-disabled.png b/src/src/assets/gtk-2.0/assets-orange/spin-rtl-down-disabled.png new file mode 100644 index 00000000..a7052083 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange/spin-rtl-down-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange/spin-rtl-down-hover.png b/src/src/assets/gtk-2.0/assets-orange/spin-rtl-down-hover.png new file mode 100644 index 00000000..35364e53 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange/spin-rtl-down-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange/spin-rtl-down.png b/src/src/assets/gtk-2.0/assets-orange/spin-rtl-down.png new file mode 100644 index 00000000..74ba4d67 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange/spin-rtl-down.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange/spin-rtl-up-active.png b/src/src/assets/gtk-2.0/assets-orange/spin-rtl-up-active.png new file mode 100644 index 00000000..7dff605d Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange/spin-rtl-up-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange/spin-rtl-up-disabled.png b/src/src/assets/gtk-2.0/assets-orange/spin-rtl-up-disabled.png new file mode 100644 index 00000000..95f42b7c Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange/spin-rtl-up-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange/spin-rtl-up-hover.png b/src/src/assets/gtk-2.0/assets-orange/spin-rtl-up-hover.png new file mode 100644 index 00000000..5d839967 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange/spin-rtl-up-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange/spin-rtl-up.png b/src/src/assets/gtk-2.0/assets-orange/spin-rtl-up.png new file mode 100644 index 00000000..08c266ae Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange/spin-rtl-up.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange/tab.png b/src/src/assets/gtk-2.0/assets-orange/tab.png new file mode 100644 index 00000000..c9818ffe Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange/tab.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange/treeview-ltr-button-active.png b/src/src/assets/gtk-2.0/assets-orange/treeview-ltr-button-active.png new file mode 100644 index 00000000..365523e0 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange/treeview-ltr-button-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange/treeview-ltr-button-hover.png b/src/src/assets/gtk-2.0/assets-orange/treeview-ltr-button-hover.png new file mode 100644 index 00000000..e43317ce Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange/treeview-ltr-button-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange/treeview-ltr-button.png b/src/src/assets/gtk-2.0/assets-orange/treeview-ltr-button.png new file mode 100644 index 00000000..862ac323 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange/treeview-ltr-button.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange/treeview-rtl-button-active.png b/src/src/assets/gtk-2.0/assets-orange/treeview-rtl-button-active.png new file mode 100644 index 00000000..3dc0f5a2 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange/treeview-rtl-button-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange/treeview-rtl-button-hover.png b/src/src/assets/gtk-2.0/assets-orange/treeview-rtl-button-hover.png new file mode 100644 index 00000000..f6dce3b4 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange/treeview-rtl-button-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-orange/treeview-rtl-button.png b/src/src/assets/gtk-2.0/assets-orange/treeview-rtl-button.png new file mode 100644 index 00000000..04b779bf Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-orange/treeview-rtl-button.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink-dark.svg b/src/src/assets/gtk-2.0/assets-pink-dark.svg new file mode 100644 index 00000000..ca2cee56 --- /dev/null +++ b/src/src/assets/gtk-2.0/assets-pink-dark.svg @@ -0,0 +1,3204 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/src/assets/gtk-2.0/assets-pink-dark/border.png b/src/src/assets/gtk-2.0/assets-pink-dark/border.png new file mode 100644 index 00000000..20d503bf Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink-dark/border.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink-dark/button-active.png b/src/src/assets/gtk-2.0/assets-pink-dark/button-active.png new file mode 100644 index 00000000..ca25ccce Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink-dark/button-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink-dark/button-disabled.png b/src/src/assets/gtk-2.0/assets-pink-dark/button-disabled.png new file mode 100644 index 00000000..6578ba7d Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink-dark/button-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink-dark/button-hover.png b/src/src/assets/gtk-2.0/assets-pink-dark/button-hover.png new file mode 100644 index 00000000..66e1fdd7 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink-dark/button-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink-dark/button.png b/src/src/assets/gtk-2.0/assets-pink-dark/button.png new file mode 100644 index 00000000..3fe12c70 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink-dark/button.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink-dark/checkbox-checked-active.png b/src/src/assets/gtk-2.0/assets-pink-dark/checkbox-checked-active.png new file mode 100644 index 00000000..58a2327d Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink-dark/checkbox-checked-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink-dark/checkbox-checked-disabled.png b/src/src/assets/gtk-2.0/assets-pink-dark/checkbox-checked-disabled.png new file mode 100644 index 00000000..1f3180d6 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink-dark/checkbox-checked-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink-dark/checkbox-checked-hover.png b/src/src/assets/gtk-2.0/assets-pink-dark/checkbox-checked-hover.png new file mode 100644 index 00000000..1b3972f8 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink-dark/checkbox-checked-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink-dark/checkbox-checked.png b/src/src/assets/gtk-2.0/assets-pink-dark/checkbox-checked.png new file mode 100644 index 00000000..6b3474a1 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink-dark/checkbox-checked.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink-dark/checkbox-mixed-active.png b/src/src/assets/gtk-2.0/assets-pink-dark/checkbox-mixed-active.png new file mode 100644 index 00000000..52a36ab4 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink-dark/checkbox-mixed-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink-dark/checkbox-mixed-disabled.png b/src/src/assets/gtk-2.0/assets-pink-dark/checkbox-mixed-disabled.png new file mode 100644 index 00000000..57200e55 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink-dark/checkbox-mixed-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink-dark/checkbox-mixed-hover.png b/src/src/assets/gtk-2.0/assets-pink-dark/checkbox-mixed-hover.png new file mode 100644 index 00000000..ff535f2a Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink-dark/checkbox-mixed-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink-dark/checkbox-mixed.png b/src/src/assets/gtk-2.0/assets-pink-dark/checkbox-mixed.png new file mode 100644 index 00000000..b2716bc4 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink-dark/checkbox-mixed.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink-dark/checkbox-unchecked-active.png b/src/src/assets/gtk-2.0/assets-pink-dark/checkbox-unchecked-active.png new file mode 100644 index 00000000..f6948e7a Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink-dark/checkbox-unchecked-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink-dark/checkbox-unchecked-disabled.png b/src/src/assets/gtk-2.0/assets-pink-dark/checkbox-unchecked-disabled.png new file mode 100644 index 00000000..73e42bdf Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink-dark/checkbox-unchecked-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink-dark/checkbox-unchecked-hover.png b/src/src/assets/gtk-2.0/assets-pink-dark/checkbox-unchecked-hover.png new file mode 100644 index 00000000..191738b7 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink-dark/checkbox-unchecked-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink-dark/checkbox-unchecked.png b/src/src/assets/gtk-2.0/assets-pink-dark/checkbox-unchecked.png new file mode 100644 index 00000000..e310c022 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink-dark/checkbox-unchecked.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink-dark/combo-left-entry-active.png b/src/src/assets/gtk-2.0/assets-pink-dark/combo-left-entry-active.png new file mode 100644 index 00000000..ebf8eb3a Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink-dark/combo-left-entry-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink-dark/combo-left-entry-disabled.png b/src/src/assets/gtk-2.0/assets-pink-dark/combo-left-entry-disabled.png new file mode 100644 index 00000000..6a9d9dd2 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink-dark/combo-left-entry-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink-dark/combo-left-entry-hover.png b/src/src/assets/gtk-2.0/assets-pink-dark/combo-left-entry-hover.png new file mode 100644 index 00000000..c65ced02 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink-dark/combo-left-entry-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink-dark/combo-left-entry.png b/src/src/assets/gtk-2.0/assets-pink-dark/combo-left-entry.png new file mode 100644 index 00000000..255e3dc3 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink-dark/combo-left-entry.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink-dark/combo-right-entry-active.png b/src/src/assets/gtk-2.0/assets-pink-dark/combo-right-entry-active.png new file mode 100644 index 00000000..fda0f87c Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink-dark/combo-right-entry-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink-dark/combo-right-entry-disabled.png b/src/src/assets/gtk-2.0/assets-pink-dark/combo-right-entry-disabled.png new file mode 100644 index 00000000..67cfcc78 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink-dark/combo-right-entry-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink-dark/combo-right-entry-hover.png b/src/src/assets/gtk-2.0/assets-pink-dark/combo-right-entry-hover.png new file mode 100644 index 00000000..8d643bd3 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink-dark/combo-right-entry-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink-dark/combo-right-entry.png b/src/src/assets/gtk-2.0/assets-pink-dark/combo-right-entry.png new file mode 100644 index 00000000..5d232339 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink-dark/combo-right-entry.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink-dark/entry-active.png b/src/src/assets/gtk-2.0/assets-pink-dark/entry-active.png new file mode 100644 index 00000000..d2ad2e07 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink-dark/entry-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink-dark/entry-background-disabled.png b/src/src/assets/gtk-2.0/assets-pink-dark/entry-background-disabled.png new file mode 100644 index 00000000..ce14ba81 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink-dark/entry-background-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink-dark/entry-background.png b/src/src/assets/gtk-2.0/assets-pink-dark/entry-background.png new file mode 100644 index 00000000..fdf26ab3 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink-dark/entry-background.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink-dark/entry-disabled.png b/src/src/assets/gtk-2.0/assets-pink-dark/entry-disabled.png new file mode 100644 index 00000000..6578ba7d Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink-dark/entry-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink-dark/entry-hover.png b/src/src/assets/gtk-2.0/assets-pink-dark/entry-hover.png new file mode 100644 index 00000000..57332392 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink-dark/entry-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink-dark/entry.png b/src/src/assets/gtk-2.0/assets-pink-dark/entry.png new file mode 100644 index 00000000..3fe12c70 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink-dark/entry.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink-dark/flat-button-active.png b/src/src/assets/gtk-2.0/assets-pink-dark/flat-button-active.png new file mode 100644 index 00000000..ca25ccce Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink-dark/flat-button-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink-dark/flat-button-disabled.png b/src/src/assets/gtk-2.0/assets-pink-dark/flat-button-disabled.png new file mode 100644 index 00000000..96f9995d Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink-dark/flat-button-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink-dark/flat-button-hover.png b/src/src/assets/gtk-2.0/assets-pink-dark/flat-button-hover.png new file mode 100644 index 00000000..66e1fdd7 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink-dark/flat-button-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink-dark/flat-button.png b/src/src/assets/gtk-2.0/assets-pink-dark/flat-button.png new file mode 100644 index 00000000..96f9995d Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink-dark/flat-button.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink-dark/focus.png b/src/src/assets/gtk-2.0/assets-pink-dark/focus.png new file mode 100644 index 00000000..3e8d13db Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink-dark/focus.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink-dark/frame-inline.png b/src/src/assets/gtk-2.0/assets-pink-dark/frame-inline.png new file mode 100644 index 00000000..7d10ff19 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink-dark/frame-inline.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink-dark/frame-notebook.png b/src/src/assets/gtk-2.0/assets-pink-dark/frame-notebook.png new file mode 100644 index 00000000..7b5020ee Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink-dark/frame-notebook.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink-dark/frame.png b/src/src/assets/gtk-2.0/assets-pink-dark/frame.png new file mode 100644 index 00000000..1562a81b Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink-dark/frame.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink-dark/handle-horz-active.png b/src/src/assets/gtk-2.0/assets-pink-dark/handle-horz-active.png new file mode 100644 index 00000000..f1c519ef Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink-dark/handle-horz-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink-dark/handle-horz-hover.png b/src/src/assets/gtk-2.0/assets-pink-dark/handle-horz-hover.png new file mode 100644 index 00000000..e7e40d69 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink-dark/handle-horz-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink-dark/handle-horz.png b/src/src/assets/gtk-2.0/assets-pink-dark/handle-horz.png new file mode 100644 index 00000000..ef1738d0 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink-dark/handle-horz.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink-dark/handle-vert-active.png b/src/src/assets/gtk-2.0/assets-pink-dark/handle-vert-active.png new file mode 100644 index 00000000..0cec1dc5 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink-dark/handle-vert-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink-dark/handle-vert-hover.png b/src/src/assets/gtk-2.0/assets-pink-dark/handle-vert-hover.png new file mode 100644 index 00000000..600fb08b Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink-dark/handle-vert-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink-dark/handle-vert.png b/src/src/assets/gtk-2.0/assets-pink-dark/handle-vert.png new file mode 100644 index 00000000..377fdf0b Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink-dark/handle-vert.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink-dark/menu-checkbox-checked-disabled.png b/src/src/assets/gtk-2.0/assets-pink-dark/menu-checkbox-checked-disabled.png new file mode 100644 index 00000000..e5014809 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink-dark/menu-checkbox-checked-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink-dark/menu-checkbox-checked.png b/src/src/assets/gtk-2.0/assets-pink-dark/menu-checkbox-checked.png new file mode 100644 index 00000000..f48e4da0 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink-dark/menu-checkbox-checked.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink-dark/menu-checkbox-mixed-disabled.png b/src/src/assets/gtk-2.0/assets-pink-dark/menu-checkbox-mixed-disabled.png new file mode 100644 index 00000000..7a2a7a5b Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink-dark/menu-checkbox-mixed-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink-dark/menu-checkbox-mixed.png b/src/src/assets/gtk-2.0/assets-pink-dark/menu-checkbox-mixed.png new file mode 100644 index 00000000..fda2cf47 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink-dark/menu-checkbox-mixed.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink-dark/menu-checkbox-unchecked-disabled.png b/src/src/assets/gtk-2.0/assets-pink-dark/menu-checkbox-unchecked-disabled.png new file mode 100644 index 00000000..4b8fbb54 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink-dark/menu-checkbox-unchecked-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink-dark/menu-checkbox-unchecked.png b/src/src/assets/gtk-2.0/assets-pink-dark/menu-checkbox-unchecked.png new file mode 100644 index 00000000..5317874c Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink-dark/menu-checkbox-unchecked.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink-dark/menu-radio-checked-disabled.png b/src/src/assets/gtk-2.0/assets-pink-dark/menu-radio-checked-disabled.png new file mode 100644 index 00000000..d13c246c Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink-dark/menu-radio-checked-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink-dark/menu-radio-checked.png b/src/src/assets/gtk-2.0/assets-pink-dark/menu-radio-checked.png new file mode 100644 index 00000000..63c3acf1 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink-dark/menu-radio-checked.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink-dark/menu-radio-mixed-disabled.png b/src/src/assets/gtk-2.0/assets-pink-dark/menu-radio-mixed-disabled.png new file mode 100644 index 00000000..7a2a7a5b Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink-dark/menu-radio-mixed-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink-dark/menu-radio-mixed.png b/src/src/assets/gtk-2.0/assets-pink-dark/menu-radio-mixed.png new file mode 100644 index 00000000..fda2cf47 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink-dark/menu-radio-mixed.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink-dark/menu-radio-unchecked-disabled.png b/src/src/assets/gtk-2.0/assets-pink-dark/menu-radio-unchecked-disabled.png new file mode 100644 index 00000000..4b8fbb54 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink-dark/menu-radio-unchecked-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink-dark/menu-radio-unchecked.png b/src/src/assets/gtk-2.0/assets-pink-dark/menu-radio-unchecked.png new file mode 100644 index 00000000..5317874c Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink-dark/menu-radio-unchecked.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink-dark/pan-down-alt-disabled.png b/src/src/assets/gtk-2.0/assets-pink-dark/pan-down-alt-disabled.png new file mode 100644 index 00000000..11a69853 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink-dark/pan-down-alt-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink-dark/pan-down-alt.png b/src/src/assets/gtk-2.0/assets-pink-dark/pan-down-alt.png new file mode 100644 index 00000000..974686c7 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink-dark/pan-down-alt.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink-dark/pan-down-disabled.png b/src/src/assets/gtk-2.0/assets-pink-dark/pan-down-disabled.png new file mode 100644 index 00000000..8aa63318 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink-dark/pan-down-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink-dark/pan-down.png b/src/src/assets/gtk-2.0/assets-pink-dark/pan-down.png new file mode 100644 index 00000000..2f28e41e Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink-dark/pan-down.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink-dark/pan-left-alt-disabled.png b/src/src/assets/gtk-2.0/assets-pink-dark/pan-left-alt-disabled.png new file mode 100644 index 00000000..44e26b6d Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink-dark/pan-left-alt-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink-dark/pan-left-alt.png b/src/src/assets/gtk-2.0/assets-pink-dark/pan-left-alt.png new file mode 100644 index 00000000..529b5e4c Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink-dark/pan-left-alt.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink-dark/pan-left-disabled.png b/src/src/assets/gtk-2.0/assets-pink-dark/pan-left-disabled.png new file mode 100644 index 00000000..ff7c8521 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink-dark/pan-left-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink-dark/pan-left-semi.png b/src/src/assets/gtk-2.0/assets-pink-dark/pan-left-semi.png new file mode 100644 index 00000000..955e801f Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink-dark/pan-left-semi.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink-dark/pan-left.png b/src/src/assets/gtk-2.0/assets-pink-dark/pan-left.png new file mode 100644 index 00000000..c9cb53ac Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink-dark/pan-left.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink-dark/pan-right-alt-disabled.png b/src/src/assets/gtk-2.0/assets-pink-dark/pan-right-alt-disabled.png new file mode 100644 index 00000000..42e5877b Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink-dark/pan-right-alt-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink-dark/pan-right-alt.png b/src/src/assets/gtk-2.0/assets-pink-dark/pan-right-alt.png new file mode 100644 index 00000000..d7405064 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink-dark/pan-right-alt.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink-dark/pan-right-disabled.png b/src/src/assets/gtk-2.0/assets-pink-dark/pan-right-disabled.png new file mode 100644 index 00000000..e8e14e80 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink-dark/pan-right-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink-dark/pan-right-semi.png b/src/src/assets/gtk-2.0/assets-pink-dark/pan-right-semi.png new file mode 100644 index 00000000..d7d5af02 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink-dark/pan-right-semi.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink-dark/pan-right.png b/src/src/assets/gtk-2.0/assets-pink-dark/pan-right.png new file mode 100644 index 00000000..6cf201d9 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink-dark/pan-right.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink-dark/pan-up-alt-disabled.png b/src/src/assets/gtk-2.0/assets-pink-dark/pan-up-alt-disabled.png new file mode 100644 index 00000000..56a417c0 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink-dark/pan-up-alt-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink-dark/pan-up-alt.png b/src/src/assets/gtk-2.0/assets-pink-dark/pan-up-alt.png new file mode 100644 index 00000000..5df7be82 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink-dark/pan-up-alt.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink-dark/pan-up-disabled.png b/src/src/assets/gtk-2.0/assets-pink-dark/pan-up-disabled.png new file mode 100644 index 00000000..d3ae5113 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink-dark/pan-up-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink-dark/pan-up.png b/src/src/assets/gtk-2.0/assets-pink-dark/pan-up.png new file mode 100644 index 00000000..a99f7cf0 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink-dark/pan-up.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink-dark/progressbar-progress.png b/src/src/assets/gtk-2.0/assets-pink-dark/progressbar-progress.png new file mode 100644 index 00000000..38a85df8 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink-dark/progressbar-progress.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink-dark/progressbar-trough.png b/src/src/assets/gtk-2.0/assets-pink-dark/progressbar-trough.png new file mode 100644 index 00000000..aba61d56 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink-dark/progressbar-trough.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink-dark/radio-checked-active.png b/src/src/assets/gtk-2.0/assets-pink-dark/radio-checked-active.png new file mode 100644 index 00000000..c202f372 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink-dark/radio-checked-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink-dark/radio-checked-disabled.png b/src/src/assets/gtk-2.0/assets-pink-dark/radio-checked-disabled.png new file mode 100644 index 00000000..4773b348 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink-dark/radio-checked-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink-dark/radio-checked-hover.png b/src/src/assets/gtk-2.0/assets-pink-dark/radio-checked-hover.png new file mode 100644 index 00000000..932fdd1f Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink-dark/radio-checked-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink-dark/radio-checked.png b/src/src/assets/gtk-2.0/assets-pink-dark/radio-checked.png new file mode 100644 index 00000000..6f472b0c Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink-dark/radio-checked.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink-dark/radio-mixed-active.png b/src/src/assets/gtk-2.0/assets-pink-dark/radio-mixed-active.png new file mode 100644 index 00000000..52a36ab4 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink-dark/radio-mixed-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink-dark/radio-mixed-disabled.png b/src/src/assets/gtk-2.0/assets-pink-dark/radio-mixed-disabled.png new file mode 100644 index 00000000..57200e55 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink-dark/radio-mixed-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink-dark/radio-mixed-hover.png b/src/src/assets/gtk-2.0/assets-pink-dark/radio-mixed-hover.png new file mode 100644 index 00000000..ff535f2a Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink-dark/radio-mixed-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink-dark/radio-mixed.png b/src/src/assets/gtk-2.0/assets-pink-dark/radio-mixed.png new file mode 100644 index 00000000..b2716bc4 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink-dark/radio-mixed.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink-dark/radio-unchecked-active.png b/src/src/assets/gtk-2.0/assets-pink-dark/radio-unchecked-active.png new file mode 100644 index 00000000..f6948e7a Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink-dark/radio-unchecked-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink-dark/radio-unchecked-disabled.png b/src/src/assets/gtk-2.0/assets-pink-dark/radio-unchecked-disabled.png new file mode 100644 index 00000000..73e42bdf Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink-dark/radio-unchecked-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink-dark/radio-unchecked-hover.png b/src/src/assets/gtk-2.0/assets-pink-dark/radio-unchecked-hover.png new file mode 100644 index 00000000..191738b7 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink-dark/radio-unchecked-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink-dark/radio-unchecked.png b/src/src/assets/gtk-2.0/assets-pink-dark/radio-unchecked.png new file mode 100644 index 00000000..e310c022 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink-dark/radio-unchecked.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink-dark/scale-horz-trough-active.png b/src/src/assets/gtk-2.0/assets-pink-dark/scale-horz-trough-active.png new file mode 100644 index 00000000..73948f39 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink-dark/scale-horz-trough-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink-dark/scale-horz-trough-disabled.png b/src/src/assets/gtk-2.0/assets-pink-dark/scale-horz-trough-disabled.png new file mode 100644 index 00000000..10cf142e Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink-dark/scale-horz-trough-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink-dark/scale-horz-trough.png b/src/src/assets/gtk-2.0/assets-pink-dark/scale-horz-trough.png new file mode 100644 index 00000000..8a0adf1d Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink-dark/scale-horz-trough.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink-dark/scale-slider-active.png b/src/src/assets/gtk-2.0/assets-pink-dark/scale-slider-active.png new file mode 100644 index 00000000..5ab5a853 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink-dark/scale-slider-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink-dark/scale-slider-disabled.png b/src/src/assets/gtk-2.0/assets-pink-dark/scale-slider-disabled.png new file mode 100644 index 00000000..eb1a1ae2 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink-dark/scale-slider-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink-dark/scale-slider-hover.png b/src/src/assets/gtk-2.0/assets-pink-dark/scale-slider-hover.png new file mode 100644 index 00000000..696da396 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink-dark/scale-slider-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink-dark/scale-slider.png b/src/src/assets/gtk-2.0/assets-pink-dark/scale-slider.png new file mode 100644 index 00000000..8fc48297 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink-dark/scale-slider.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink-dark/scale-vert-trough-active.png b/src/src/assets/gtk-2.0/assets-pink-dark/scale-vert-trough-active.png new file mode 100644 index 00000000..b6aa29ce Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink-dark/scale-vert-trough-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink-dark/scale-vert-trough-disabled.png b/src/src/assets/gtk-2.0/assets-pink-dark/scale-vert-trough-disabled.png new file mode 100644 index 00000000..7e38ad6c Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink-dark/scale-vert-trough-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink-dark/scale-vert-trough.png b/src/src/assets/gtk-2.0/assets-pink-dark/scale-vert-trough.png new file mode 100644 index 00000000..6c6d3360 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink-dark/scale-vert-trough.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink-dark/scrollbar-horz-slider-active.png b/src/src/assets/gtk-2.0/assets-pink-dark/scrollbar-horz-slider-active.png new file mode 100644 index 00000000..9b3802ab Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink-dark/scrollbar-horz-slider-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink-dark/scrollbar-horz-slider-disabled.png b/src/src/assets/gtk-2.0/assets-pink-dark/scrollbar-horz-slider-disabled.png new file mode 100644 index 00000000..a0e78e25 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink-dark/scrollbar-horz-slider-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink-dark/scrollbar-horz-slider-hover.png b/src/src/assets/gtk-2.0/assets-pink-dark/scrollbar-horz-slider-hover.png new file mode 100644 index 00000000..c44bf539 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink-dark/scrollbar-horz-slider-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink-dark/scrollbar-horz-slider.png b/src/src/assets/gtk-2.0/assets-pink-dark/scrollbar-horz-slider.png new file mode 100644 index 00000000..7d453476 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink-dark/scrollbar-horz-slider.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink-dark/scrollbar-horz-trough.png b/src/src/assets/gtk-2.0/assets-pink-dark/scrollbar-horz-trough.png new file mode 100644 index 00000000..e5e9d5b4 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink-dark/scrollbar-horz-trough.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink-dark/scrollbar-vert-ltr-slider-active.png b/src/src/assets/gtk-2.0/assets-pink-dark/scrollbar-vert-ltr-slider-active.png new file mode 100644 index 00000000..86a7e94d Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink-dark/scrollbar-vert-ltr-slider-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink-dark/scrollbar-vert-ltr-slider-disabled.png b/src/src/assets/gtk-2.0/assets-pink-dark/scrollbar-vert-ltr-slider-disabled.png new file mode 100644 index 00000000..e1bd86ac Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink-dark/scrollbar-vert-ltr-slider-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink-dark/scrollbar-vert-ltr-slider-hover.png b/src/src/assets/gtk-2.0/assets-pink-dark/scrollbar-vert-ltr-slider-hover.png new file mode 100644 index 00000000..0eab6abe Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink-dark/scrollbar-vert-ltr-slider-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink-dark/scrollbar-vert-ltr-slider.png b/src/src/assets/gtk-2.0/assets-pink-dark/scrollbar-vert-ltr-slider.png new file mode 100644 index 00000000..bd8227ac Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink-dark/scrollbar-vert-ltr-slider.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink-dark/scrollbar-vert-ltr-trough.png b/src/src/assets/gtk-2.0/assets-pink-dark/scrollbar-vert-ltr-trough.png new file mode 100644 index 00000000..5e356392 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink-dark/scrollbar-vert-ltr-trough.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink-dark/scrollbar-vert-rtl-slider-active.png b/src/src/assets/gtk-2.0/assets-pink-dark/scrollbar-vert-rtl-slider-active.png new file mode 100644 index 00000000..f219ede0 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink-dark/scrollbar-vert-rtl-slider-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink-dark/scrollbar-vert-rtl-slider-disabled.png b/src/src/assets/gtk-2.0/assets-pink-dark/scrollbar-vert-rtl-slider-disabled.png new file mode 100644 index 00000000..e8cf3269 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink-dark/scrollbar-vert-rtl-slider-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink-dark/scrollbar-vert-rtl-slider-hover.png b/src/src/assets/gtk-2.0/assets-pink-dark/scrollbar-vert-rtl-slider-hover.png new file mode 100644 index 00000000..fc02be48 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink-dark/scrollbar-vert-rtl-slider-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink-dark/scrollbar-vert-rtl-slider.png b/src/src/assets/gtk-2.0/assets-pink-dark/scrollbar-vert-rtl-slider.png new file mode 100644 index 00000000..8ab9c686 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink-dark/scrollbar-vert-rtl-slider.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink-dark/scrollbar-vert-rtl-trough.png b/src/src/assets/gtk-2.0/assets-pink-dark/scrollbar-vert-rtl-trough.png new file mode 100644 index 00000000..056290d9 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink-dark/scrollbar-vert-rtl-trough.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink-dark/spin-ltr-down-active.png b/src/src/assets/gtk-2.0/assets-pink-dark/spin-ltr-down-active.png new file mode 100644 index 00000000..e5b316cc Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink-dark/spin-ltr-down-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink-dark/spin-ltr-down-disabled.png b/src/src/assets/gtk-2.0/assets-pink-dark/spin-ltr-down-disabled.png new file mode 100644 index 00000000..19139fdd Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink-dark/spin-ltr-down-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink-dark/spin-ltr-down-hover.png b/src/src/assets/gtk-2.0/assets-pink-dark/spin-ltr-down-hover.png new file mode 100644 index 00000000..64e8a4ce Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink-dark/spin-ltr-down-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink-dark/spin-ltr-down.png b/src/src/assets/gtk-2.0/assets-pink-dark/spin-ltr-down.png new file mode 100644 index 00000000..020deb5f Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink-dark/spin-ltr-down.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink-dark/spin-ltr-up-active.png b/src/src/assets/gtk-2.0/assets-pink-dark/spin-ltr-up-active.png new file mode 100644 index 00000000..fa3805d6 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink-dark/spin-ltr-up-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink-dark/spin-ltr-up-disabled.png b/src/src/assets/gtk-2.0/assets-pink-dark/spin-ltr-up-disabled.png new file mode 100644 index 00000000..dcf55afe Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink-dark/spin-ltr-up-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink-dark/spin-ltr-up-hover.png b/src/src/assets/gtk-2.0/assets-pink-dark/spin-ltr-up-hover.png new file mode 100644 index 00000000..4631e6fa Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink-dark/spin-ltr-up-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink-dark/spin-ltr-up.png b/src/src/assets/gtk-2.0/assets-pink-dark/spin-ltr-up.png new file mode 100644 index 00000000..f9b8eb67 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink-dark/spin-ltr-up.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink-dark/spin-rtl-down-active.png b/src/src/assets/gtk-2.0/assets-pink-dark/spin-rtl-down-active.png new file mode 100644 index 00000000..06b2e76b Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink-dark/spin-rtl-down-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink-dark/spin-rtl-down-disabled.png b/src/src/assets/gtk-2.0/assets-pink-dark/spin-rtl-down-disabled.png new file mode 100644 index 00000000..4c5e3b17 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink-dark/spin-rtl-down-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink-dark/spin-rtl-down-hover.png b/src/src/assets/gtk-2.0/assets-pink-dark/spin-rtl-down-hover.png new file mode 100644 index 00000000..af6410e7 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink-dark/spin-rtl-down-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink-dark/spin-rtl-down.png b/src/src/assets/gtk-2.0/assets-pink-dark/spin-rtl-down.png new file mode 100644 index 00000000..7eae4282 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink-dark/spin-rtl-down.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink-dark/spin-rtl-up-active.png b/src/src/assets/gtk-2.0/assets-pink-dark/spin-rtl-up-active.png new file mode 100644 index 00000000..9b77fd1e Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink-dark/spin-rtl-up-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink-dark/spin-rtl-up-disabled.png b/src/src/assets/gtk-2.0/assets-pink-dark/spin-rtl-up-disabled.png new file mode 100644 index 00000000..e229de47 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink-dark/spin-rtl-up-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink-dark/spin-rtl-up-hover.png b/src/src/assets/gtk-2.0/assets-pink-dark/spin-rtl-up-hover.png new file mode 100644 index 00000000..ed0c0ce8 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink-dark/spin-rtl-up-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink-dark/spin-rtl-up.png b/src/src/assets/gtk-2.0/assets-pink-dark/spin-rtl-up.png new file mode 100644 index 00000000..e3a59e86 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink-dark/spin-rtl-up.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink-dark/tab.png b/src/src/assets/gtk-2.0/assets-pink-dark/tab.png new file mode 100644 index 00000000..56b63037 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink-dark/tab.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink-dark/treeview-ltr-button-active.png b/src/src/assets/gtk-2.0/assets-pink-dark/treeview-ltr-button-active.png new file mode 100644 index 00000000..45da44f8 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink-dark/treeview-ltr-button-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink-dark/treeview-ltr-button-hover.png b/src/src/assets/gtk-2.0/assets-pink-dark/treeview-ltr-button-hover.png new file mode 100644 index 00000000..a240cb64 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink-dark/treeview-ltr-button-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink-dark/treeview-ltr-button.png b/src/src/assets/gtk-2.0/assets-pink-dark/treeview-ltr-button.png new file mode 100644 index 00000000..cc77fcc3 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink-dark/treeview-ltr-button.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink-dark/treeview-rtl-button-active.png b/src/src/assets/gtk-2.0/assets-pink-dark/treeview-rtl-button-active.png new file mode 100644 index 00000000..a5a46b99 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink-dark/treeview-rtl-button-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink-dark/treeview-rtl-button-hover.png b/src/src/assets/gtk-2.0/assets-pink-dark/treeview-rtl-button-hover.png new file mode 100644 index 00000000..810a277e Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink-dark/treeview-rtl-button-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink-dark/treeview-rtl-button.png b/src/src/assets/gtk-2.0/assets-pink-dark/treeview-rtl-button.png new file mode 100644 index 00000000..cc77fcc3 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink-dark/treeview-rtl-button.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink.svg b/src/src/assets/gtk-2.0/assets-pink.svg new file mode 100644 index 00000000..1c4a68d9 --- /dev/null +++ b/src/src/assets/gtk-2.0/assets-pink.svg @@ -0,0 +1,3516 @@ + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/src/assets/gtk-2.0/assets-pink/border.png b/src/src/assets/gtk-2.0/assets-pink/border.png new file mode 100644 index 00000000..b755468c Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink/border.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink/button-active.png b/src/src/assets/gtk-2.0/assets-pink/button-active.png new file mode 100644 index 00000000..6a3942cb Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink/button-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink/button-disabled.png b/src/src/assets/gtk-2.0/assets-pink/button-disabled.png new file mode 100644 index 00000000..0be273b6 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink/button-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink/button-hover.png b/src/src/assets/gtk-2.0/assets-pink/button-hover.png new file mode 100644 index 00000000..de5b6182 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink/button-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink/button.png b/src/src/assets/gtk-2.0/assets-pink/button.png new file mode 100644 index 00000000..daeaec77 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink/button.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink/checkbox-checked-active.png b/src/src/assets/gtk-2.0/assets-pink/checkbox-checked-active.png new file mode 100644 index 00000000..e4b743a8 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink/checkbox-checked-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink/checkbox-checked-disabled.png b/src/src/assets/gtk-2.0/assets-pink/checkbox-checked-disabled.png new file mode 100644 index 00000000..a3dffdd6 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink/checkbox-checked-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink/checkbox-checked-hover.png b/src/src/assets/gtk-2.0/assets-pink/checkbox-checked-hover.png new file mode 100644 index 00000000..8935e6ae Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink/checkbox-checked-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink/checkbox-checked.png b/src/src/assets/gtk-2.0/assets-pink/checkbox-checked.png new file mode 100644 index 00000000..bd03ba29 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink/checkbox-checked.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink/checkbox-mixed-active.png b/src/src/assets/gtk-2.0/assets-pink/checkbox-mixed-active.png new file mode 100644 index 00000000..c5d1b8bf Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink/checkbox-mixed-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink/checkbox-mixed-disabled.png b/src/src/assets/gtk-2.0/assets-pink/checkbox-mixed-disabled.png new file mode 100644 index 00000000..4a9b632d Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink/checkbox-mixed-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink/checkbox-mixed-hover.png b/src/src/assets/gtk-2.0/assets-pink/checkbox-mixed-hover.png new file mode 100644 index 00000000..bb0f3a47 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink/checkbox-mixed-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink/checkbox-mixed.png b/src/src/assets/gtk-2.0/assets-pink/checkbox-mixed.png new file mode 100644 index 00000000..68e69ec6 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink/checkbox-mixed.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink/checkbox-unchecked-active.png b/src/src/assets/gtk-2.0/assets-pink/checkbox-unchecked-active.png new file mode 100644 index 00000000..b2112ca5 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink/checkbox-unchecked-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink/checkbox-unchecked-disabled.png b/src/src/assets/gtk-2.0/assets-pink/checkbox-unchecked-disabled.png new file mode 100644 index 00000000..ca92669d Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink/checkbox-unchecked-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink/checkbox-unchecked-hover.png b/src/src/assets/gtk-2.0/assets-pink/checkbox-unchecked-hover.png new file mode 100644 index 00000000..95cb359f Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink/checkbox-unchecked-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink/checkbox-unchecked.png b/src/src/assets/gtk-2.0/assets-pink/checkbox-unchecked.png new file mode 100644 index 00000000..6496e929 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink/checkbox-unchecked.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink/combo-left-entry-active.png b/src/src/assets/gtk-2.0/assets-pink/combo-left-entry-active.png new file mode 100644 index 00000000..b0271811 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink/combo-left-entry-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink/combo-left-entry-disabled.png b/src/src/assets/gtk-2.0/assets-pink/combo-left-entry-disabled.png new file mode 100644 index 00000000..bec439a2 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink/combo-left-entry-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink/combo-left-entry-hover.png b/src/src/assets/gtk-2.0/assets-pink/combo-left-entry-hover.png new file mode 100644 index 00000000..d896386e Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink/combo-left-entry-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink/combo-left-entry.png b/src/src/assets/gtk-2.0/assets-pink/combo-left-entry.png new file mode 100644 index 00000000..943fac58 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink/combo-left-entry.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink/combo-right-entry-active.png b/src/src/assets/gtk-2.0/assets-pink/combo-right-entry-active.png new file mode 100644 index 00000000..a32acb3d Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink/combo-right-entry-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink/combo-right-entry-disabled.png b/src/src/assets/gtk-2.0/assets-pink/combo-right-entry-disabled.png new file mode 100644 index 00000000..52934069 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink/combo-right-entry-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink/combo-right-entry-hover.png b/src/src/assets/gtk-2.0/assets-pink/combo-right-entry-hover.png new file mode 100644 index 00000000..05548f30 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink/combo-right-entry-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink/combo-right-entry.png b/src/src/assets/gtk-2.0/assets-pink/combo-right-entry.png new file mode 100644 index 00000000..dd2118a6 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink/combo-right-entry.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink/entry-active.png b/src/src/assets/gtk-2.0/assets-pink/entry-active.png new file mode 100644 index 00000000..46056dc1 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink/entry-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink/entry-background-disabled.png b/src/src/assets/gtk-2.0/assets-pink/entry-background-disabled.png new file mode 100644 index 00000000..7f3aa5ee Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink/entry-background-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink/entry-background.png b/src/src/assets/gtk-2.0/assets-pink/entry-background.png new file mode 100644 index 00000000..72facdb0 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink/entry-background.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink/entry-disabled.png b/src/src/assets/gtk-2.0/assets-pink/entry-disabled.png new file mode 100644 index 00000000..0be273b6 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink/entry-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink/entry-hover.png b/src/src/assets/gtk-2.0/assets-pink/entry-hover.png new file mode 100644 index 00000000..1e7804c7 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink/entry-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink/entry.png b/src/src/assets/gtk-2.0/assets-pink/entry.png new file mode 100644 index 00000000..daeaec77 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink/entry.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink/flat-button-active.png b/src/src/assets/gtk-2.0/assets-pink/flat-button-active.png new file mode 100644 index 00000000..6a3942cb Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink/flat-button-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink/flat-button-disabled.png b/src/src/assets/gtk-2.0/assets-pink/flat-button-disabled.png new file mode 100644 index 00000000..34d490f1 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink/flat-button-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink/flat-button-hover.png b/src/src/assets/gtk-2.0/assets-pink/flat-button-hover.png new file mode 100644 index 00000000..de5b6182 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink/flat-button-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink/flat-button.png b/src/src/assets/gtk-2.0/assets-pink/flat-button.png new file mode 100644 index 00000000..34d490f1 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink/flat-button.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink/focus.png b/src/src/assets/gtk-2.0/assets-pink/focus.png new file mode 100644 index 00000000..cf26e66f Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink/focus.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink/frame-inline.png b/src/src/assets/gtk-2.0/assets-pink/frame-inline.png new file mode 100644 index 00000000..34703f89 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink/frame-inline.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink/frame-notebook.png b/src/src/assets/gtk-2.0/assets-pink/frame-notebook.png new file mode 100644 index 00000000..ddb51968 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink/frame-notebook.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink/frame.png b/src/src/assets/gtk-2.0/assets-pink/frame.png new file mode 100644 index 00000000..bd3e8516 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink/frame.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink/handle-horz-active.png b/src/src/assets/gtk-2.0/assets-pink/handle-horz-active.png new file mode 100644 index 00000000..982db3de Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink/handle-horz-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink/handle-horz-hover.png b/src/src/assets/gtk-2.0/assets-pink/handle-horz-hover.png new file mode 100644 index 00000000..af9f1f49 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink/handle-horz-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink/handle-horz.png b/src/src/assets/gtk-2.0/assets-pink/handle-horz.png new file mode 100644 index 00000000..a7263884 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink/handle-horz.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink/handle-vert-active.png b/src/src/assets/gtk-2.0/assets-pink/handle-vert-active.png new file mode 100644 index 00000000..e44fc648 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink/handle-vert-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink/handle-vert-hover.png b/src/src/assets/gtk-2.0/assets-pink/handle-vert-hover.png new file mode 100644 index 00000000..d14f0049 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink/handle-vert-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink/handle-vert.png b/src/src/assets/gtk-2.0/assets-pink/handle-vert.png new file mode 100644 index 00000000..567a2814 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink/handle-vert.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink/menu-checkbox-checked-disabled.png b/src/src/assets/gtk-2.0/assets-pink/menu-checkbox-checked-disabled.png new file mode 100644 index 00000000..b05f22b6 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink/menu-checkbox-checked-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink/menu-checkbox-checked.png b/src/src/assets/gtk-2.0/assets-pink/menu-checkbox-checked.png new file mode 100644 index 00000000..11f6f4b2 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink/menu-checkbox-checked.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink/menu-checkbox-mixed-disabled.png b/src/src/assets/gtk-2.0/assets-pink/menu-checkbox-mixed-disabled.png new file mode 100644 index 00000000..ae9e2348 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink/menu-checkbox-mixed-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink/menu-checkbox-mixed.png b/src/src/assets/gtk-2.0/assets-pink/menu-checkbox-mixed.png new file mode 100644 index 00000000..47e6804f Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink/menu-checkbox-mixed.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink/menu-checkbox-unchecked-disabled.png b/src/src/assets/gtk-2.0/assets-pink/menu-checkbox-unchecked-disabled.png new file mode 100644 index 00000000..e8de0556 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink/menu-checkbox-unchecked-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink/menu-checkbox-unchecked.png b/src/src/assets/gtk-2.0/assets-pink/menu-checkbox-unchecked.png new file mode 100644 index 00000000..5846b31d Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink/menu-checkbox-unchecked.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink/menu-radio-checked-disabled.png b/src/src/assets/gtk-2.0/assets-pink/menu-radio-checked-disabled.png new file mode 100644 index 00000000..8077efc4 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink/menu-radio-checked-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink/menu-radio-checked.png b/src/src/assets/gtk-2.0/assets-pink/menu-radio-checked.png new file mode 100644 index 00000000..435557b3 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink/menu-radio-checked.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink/menu-radio-mixed-disabled.png b/src/src/assets/gtk-2.0/assets-pink/menu-radio-mixed-disabled.png new file mode 100644 index 00000000..ae9e2348 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink/menu-radio-mixed-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink/menu-radio-mixed.png b/src/src/assets/gtk-2.0/assets-pink/menu-radio-mixed.png new file mode 100644 index 00000000..47e6804f Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink/menu-radio-mixed.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink/menu-radio-unchecked-disabled.png b/src/src/assets/gtk-2.0/assets-pink/menu-radio-unchecked-disabled.png new file mode 100644 index 00000000..e8de0556 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink/menu-radio-unchecked-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink/menu-radio-unchecked.png b/src/src/assets/gtk-2.0/assets-pink/menu-radio-unchecked.png new file mode 100644 index 00000000..5846b31d Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink/menu-radio-unchecked.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink/pan-down-alt-disabled.png b/src/src/assets/gtk-2.0/assets-pink/pan-down-alt-disabled.png new file mode 100644 index 00000000..db1d3614 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink/pan-down-alt-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink/pan-down-alt.png b/src/src/assets/gtk-2.0/assets-pink/pan-down-alt.png new file mode 100644 index 00000000..820e026c Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink/pan-down-alt.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink/pan-down-disabled.png b/src/src/assets/gtk-2.0/assets-pink/pan-down-disabled.png new file mode 100644 index 00000000..567f441a Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink/pan-down-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink/pan-down.png b/src/src/assets/gtk-2.0/assets-pink/pan-down.png new file mode 100644 index 00000000..f664be1c Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink/pan-down.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink/pan-left-alt-disabled.png b/src/src/assets/gtk-2.0/assets-pink/pan-left-alt-disabled.png new file mode 100644 index 00000000..d25e4b63 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink/pan-left-alt-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink/pan-left-alt.png b/src/src/assets/gtk-2.0/assets-pink/pan-left-alt.png new file mode 100644 index 00000000..6309016a Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink/pan-left-alt.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink/pan-left-disabled.png b/src/src/assets/gtk-2.0/assets-pink/pan-left-disabled.png new file mode 100644 index 00000000..f0f94da2 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink/pan-left-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink/pan-left-semi.png b/src/src/assets/gtk-2.0/assets-pink/pan-left-semi.png new file mode 100644 index 00000000..efe18079 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink/pan-left-semi.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink/pan-left.png b/src/src/assets/gtk-2.0/assets-pink/pan-left.png new file mode 100644 index 00000000..ae7f93db Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink/pan-left.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink/pan-right-alt-disabled.png b/src/src/assets/gtk-2.0/assets-pink/pan-right-alt-disabled.png new file mode 100644 index 00000000..d11562a4 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink/pan-right-alt-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink/pan-right-alt.png b/src/src/assets/gtk-2.0/assets-pink/pan-right-alt.png new file mode 100644 index 00000000..3acb33bc Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink/pan-right-alt.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink/pan-right-disabled.png b/src/src/assets/gtk-2.0/assets-pink/pan-right-disabled.png new file mode 100644 index 00000000..f49afaeb Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink/pan-right-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink/pan-right-semi.png b/src/src/assets/gtk-2.0/assets-pink/pan-right-semi.png new file mode 100644 index 00000000..331a3066 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink/pan-right-semi.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink/pan-right.png b/src/src/assets/gtk-2.0/assets-pink/pan-right.png new file mode 100644 index 00000000..59754753 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink/pan-right.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink/pan-up-alt-disabled.png b/src/src/assets/gtk-2.0/assets-pink/pan-up-alt-disabled.png new file mode 100644 index 00000000..361acb33 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink/pan-up-alt-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink/pan-up-alt.png b/src/src/assets/gtk-2.0/assets-pink/pan-up-alt.png new file mode 100644 index 00000000..dcdf2ec2 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink/pan-up-alt.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink/pan-up-disabled.png b/src/src/assets/gtk-2.0/assets-pink/pan-up-disabled.png new file mode 100644 index 00000000..8a52366f Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink/pan-up-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink/pan-up.png b/src/src/assets/gtk-2.0/assets-pink/pan-up.png new file mode 100644 index 00000000..031ac461 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink/pan-up.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink/progressbar-progress.png b/src/src/assets/gtk-2.0/assets-pink/progressbar-progress.png new file mode 100644 index 00000000..0198be0e Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink/progressbar-progress.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink/progressbar-trough.png b/src/src/assets/gtk-2.0/assets-pink/progressbar-trough.png new file mode 100644 index 00000000..9c4c5957 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink/progressbar-trough.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink/radio-checked-active.png b/src/src/assets/gtk-2.0/assets-pink/radio-checked-active.png new file mode 100644 index 00000000..23648bda Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink/radio-checked-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink/radio-checked-disabled.png b/src/src/assets/gtk-2.0/assets-pink/radio-checked-disabled.png new file mode 100644 index 00000000..0a4a4109 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink/radio-checked-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink/radio-checked-hover.png b/src/src/assets/gtk-2.0/assets-pink/radio-checked-hover.png new file mode 100644 index 00000000..c7a8f297 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink/radio-checked-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink/radio-checked.png b/src/src/assets/gtk-2.0/assets-pink/radio-checked.png new file mode 100644 index 00000000..56a3dd72 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink/radio-checked.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink/radio-mixed-active.png b/src/src/assets/gtk-2.0/assets-pink/radio-mixed-active.png new file mode 100644 index 00000000..c5d1b8bf Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink/radio-mixed-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink/radio-mixed-disabled.png b/src/src/assets/gtk-2.0/assets-pink/radio-mixed-disabled.png new file mode 100644 index 00000000..4a9b632d Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink/radio-mixed-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink/radio-mixed-hover.png b/src/src/assets/gtk-2.0/assets-pink/radio-mixed-hover.png new file mode 100644 index 00000000..bb0f3a47 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink/radio-mixed-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink/radio-mixed.png b/src/src/assets/gtk-2.0/assets-pink/radio-mixed.png new file mode 100644 index 00000000..68e69ec6 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink/radio-mixed.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink/radio-unchecked-active.png b/src/src/assets/gtk-2.0/assets-pink/radio-unchecked-active.png new file mode 100644 index 00000000..b2112ca5 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink/radio-unchecked-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink/radio-unchecked-disabled.png b/src/src/assets/gtk-2.0/assets-pink/radio-unchecked-disabled.png new file mode 100644 index 00000000..ca92669d Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink/radio-unchecked-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink/radio-unchecked-hover.png b/src/src/assets/gtk-2.0/assets-pink/radio-unchecked-hover.png new file mode 100644 index 00000000..95cb359f Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink/radio-unchecked-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink/radio-unchecked.png b/src/src/assets/gtk-2.0/assets-pink/radio-unchecked.png new file mode 100644 index 00000000..6496e929 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink/radio-unchecked.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink/scale-horz-trough-active.png b/src/src/assets/gtk-2.0/assets-pink/scale-horz-trough-active.png new file mode 100644 index 00000000..45482e24 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink/scale-horz-trough-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink/scale-horz-trough-disabled.png b/src/src/assets/gtk-2.0/assets-pink/scale-horz-trough-disabled.png new file mode 100644 index 00000000..e38cec0e Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink/scale-horz-trough-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink/scale-horz-trough.png b/src/src/assets/gtk-2.0/assets-pink/scale-horz-trough.png new file mode 100644 index 00000000..85e94865 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink/scale-horz-trough.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink/scale-slider-active.png b/src/src/assets/gtk-2.0/assets-pink/scale-slider-active.png new file mode 100644 index 00000000..5c853755 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink/scale-slider-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink/scale-slider-disabled.png b/src/src/assets/gtk-2.0/assets-pink/scale-slider-disabled.png new file mode 100644 index 00000000..9e2860da Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink/scale-slider-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink/scale-slider-hover.png b/src/src/assets/gtk-2.0/assets-pink/scale-slider-hover.png new file mode 100644 index 00000000..3668fd48 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink/scale-slider-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink/scale-slider.png b/src/src/assets/gtk-2.0/assets-pink/scale-slider.png new file mode 100644 index 00000000..cf119355 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink/scale-slider.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink/scale-vert-trough-active.png b/src/src/assets/gtk-2.0/assets-pink/scale-vert-trough-active.png new file mode 100644 index 00000000..31653dde Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink/scale-vert-trough-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink/scale-vert-trough-disabled.png b/src/src/assets/gtk-2.0/assets-pink/scale-vert-trough-disabled.png new file mode 100644 index 00000000..f976e3ac Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink/scale-vert-trough-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink/scale-vert-trough.png b/src/src/assets/gtk-2.0/assets-pink/scale-vert-trough.png new file mode 100644 index 00000000..ef79e783 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink/scale-vert-trough.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink/scrollbar-horz-slider-active.png b/src/src/assets/gtk-2.0/assets-pink/scrollbar-horz-slider-active.png new file mode 100644 index 00000000..060da6db Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink/scrollbar-horz-slider-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink/scrollbar-horz-slider-disabled.png b/src/src/assets/gtk-2.0/assets-pink/scrollbar-horz-slider-disabled.png new file mode 100644 index 00000000..9617e3f9 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink/scrollbar-horz-slider-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink/scrollbar-horz-slider-hover.png b/src/src/assets/gtk-2.0/assets-pink/scrollbar-horz-slider-hover.png new file mode 100644 index 00000000..bb6d9b06 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink/scrollbar-horz-slider-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink/scrollbar-horz-slider.png b/src/src/assets/gtk-2.0/assets-pink/scrollbar-horz-slider.png new file mode 100644 index 00000000..45e4bd90 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink/scrollbar-horz-slider.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink/scrollbar-horz-trough.png b/src/src/assets/gtk-2.0/assets-pink/scrollbar-horz-trough.png new file mode 100644 index 00000000..0394def8 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink/scrollbar-horz-trough.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink/scrollbar-vert-ltr-slider-active.png b/src/src/assets/gtk-2.0/assets-pink/scrollbar-vert-ltr-slider-active.png new file mode 100644 index 00000000..475b1afd Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink/scrollbar-vert-ltr-slider-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink/scrollbar-vert-ltr-slider-disabled.png b/src/src/assets/gtk-2.0/assets-pink/scrollbar-vert-ltr-slider-disabled.png new file mode 100644 index 00000000..d27871ed Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink/scrollbar-vert-ltr-slider-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink/scrollbar-vert-ltr-slider-hover.png b/src/src/assets/gtk-2.0/assets-pink/scrollbar-vert-ltr-slider-hover.png new file mode 100644 index 00000000..4739b684 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink/scrollbar-vert-ltr-slider-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink/scrollbar-vert-ltr-slider.png b/src/src/assets/gtk-2.0/assets-pink/scrollbar-vert-ltr-slider.png new file mode 100644 index 00000000..dcab8053 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink/scrollbar-vert-ltr-slider.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink/scrollbar-vert-ltr-trough.png b/src/src/assets/gtk-2.0/assets-pink/scrollbar-vert-ltr-trough.png new file mode 100644 index 00000000..06b93b5c Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink/scrollbar-vert-ltr-trough.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink/scrollbar-vert-rtl-slider-active.png b/src/src/assets/gtk-2.0/assets-pink/scrollbar-vert-rtl-slider-active.png new file mode 100644 index 00000000..dcc9e9ff Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink/scrollbar-vert-rtl-slider-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink/scrollbar-vert-rtl-slider-disabled.png b/src/src/assets/gtk-2.0/assets-pink/scrollbar-vert-rtl-slider-disabled.png new file mode 100644 index 00000000..96562d1c Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink/scrollbar-vert-rtl-slider-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink/scrollbar-vert-rtl-slider-hover.png b/src/src/assets/gtk-2.0/assets-pink/scrollbar-vert-rtl-slider-hover.png new file mode 100644 index 00000000..378bfa09 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink/scrollbar-vert-rtl-slider-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink/scrollbar-vert-rtl-slider.png b/src/src/assets/gtk-2.0/assets-pink/scrollbar-vert-rtl-slider.png new file mode 100644 index 00000000..5f5dd82f Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink/scrollbar-vert-rtl-slider.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink/scrollbar-vert-rtl-trough.png b/src/src/assets/gtk-2.0/assets-pink/scrollbar-vert-rtl-trough.png new file mode 100644 index 00000000..4d6a6aa4 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink/scrollbar-vert-rtl-trough.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink/spin-ltr-down-active.png b/src/src/assets/gtk-2.0/assets-pink/spin-ltr-down-active.png new file mode 100644 index 00000000..122f0d56 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink/spin-ltr-down-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink/spin-ltr-down-disabled.png b/src/src/assets/gtk-2.0/assets-pink/spin-ltr-down-disabled.png new file mode 100644 index 00000000..d7715014 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink/spin-ltr-down-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink/spin-ltr-down-hover.png b/src/src/assets/gtk-2.0/assets-pink/spin-ltr-down-hover.png new file mode 100644 index 00000000..d8f4c370 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink/spin-ltr-down-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink/spin-ltr-down.png b/src/src/assets/gtk-2.0/assets-pink/spin-ltr-down.png new file mode 100644 index 00000000..d44a3dd6 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink/spin-ltr-down.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink/spin-ltr-up-active.png b/src/src/assets/gtk-2.0/assets-pink/spin-ltr-up-active.png new file mode 100644 index 00000000..7dd53087 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink/spin-ltr-up-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink/spin-ltr-up-disabled.png b/src/src/assets/gtk-2.0/assets-pink/spin-ltr-up-disabled.png new file mode 100644 index 00000000..108a1073 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink/spin-ltr-up-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink/spin-ltr-up-hover.png b/src/src/assets/gtk-2.0/assets-pink/spin-ltr-up-hover.png new file mode 100644 index 00000000..6a4d2cd7 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink/spin-ltr-up-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink/spin-ltr-up.png b/src/src/assets/gtk-2.0/assets-pink/spin-ltr-up.png new file mode 100644 index 00000000..b735ea2f Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink/spin-ltr-up.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink/spin-rtl-down-active.png b/src/src/assets/gtk-2.0/assets-pink/spin-rtl-down-active.png new file mode 100644 index 00000000..da4a11b8 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink/spin-rtl-down-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink/spin-rtl-down-disabled.png b/src/src/assets/gtk-2.0/assets-pink/spin-rtl-down-disabled.png new file mode 100644 index 00000000..a7052083 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink/spin-rtl-down-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink/spin-rtl-down-hover.png b/src/src/assets/gtk-2.0/assets-pink/spin-rtl-down-hover.png new file mode 100644 index 00000000..35364e53 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink/spin-rtl-down-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink/spin-rtl-down.png b/src/src/assets/gtk-2.0/assets-pink/spin-rtl-down.png new file mode 100644 index 00000000..74ba4d67 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink/spin-rtl-down.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink/spin-rtl-up-active.png b/src/src/assets/gtk-2.0/assets-pink/spin-rtl-up-active.png new file mode 100644 index 00000000..e2a3aba0 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink/spin-rtl-up-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink/spin-rtl-up-disabled.png b/src/src/assets/gtk-2.0/assets-pink/spin-rtl-up-disabled.png new file mode 100644 index 00000000..95f42b7c Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink/spin-rtl-up-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink/spin-rtl-up-hover.png b/src/src/assets/gtk-2.0/assets-pink/spin-rtl-up-hover.png new file mode 100644 index 00000000..5d839967 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink/spin-rtl-up-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink/spin-rtl-up.png b/src/src/assets/gtk-2.0/assets-pink/spin-rtl-up.png new file mode 100644 index 00000000..08c266ae Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink/spin-rtl-up.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink/tab.png b/src/src/assets/gtk-2.0/assets-pink/tab.png new file mode 100644 index 00000000..bf652657 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink/tab.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink/treeview-ltr-button-active.png b/src/src/assets/gtk-2.0/assets-pink/treeview-ltr-button-active.png new file mode 100644 index 00000000..365523e0 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink/treeview-ltr-button-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink/treeview-ltr-button-hover.png b/src/src/assets/gtk-2.0/assets-pink/treeview-ltr-button-hover.png new file mode 100644 index 00000000..e43317ce Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink/treeview-ltr-button-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink/treeview-ltr-button.png b/src/src/assets/gtk-2.0/assets-pink/treeview-ltr-button.png new file mode 100644 index 00000000..862ac323 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink/treeview-ltr-button.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink/treeview-rtl-button-active.png b/src/src/assets/gtk-2.0/assets-pink/treeview-rtl-button-active.png new file mode 100644 index 00000000..3dc0f5a2 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink/treeview-rtl-button-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink/treeview-rtl-button-hover.png b/src/src/assets/gtk-2.0/assets-pink/treeview-rtl-button-hover.png new file mode 100644 index 00000000..f6dce3b4 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink/treeview-rtl-button-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-pink/treeview-rtl-button.png b/src/src/assets/gtk-2.0/assets-pink/treeview-rtl-button.png new file mode 100644 index 00000000..04b779bf Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-pink/treeview-rtl-button.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple-dark.svg b/src/src/assets/gtk-2.0/assets-purple-dark.svg new file mode 100644 index 00000000..45e9460e --- /dev/null +++ b/src/src/assets/gtk-2.0/assets-purple-dark.svg @@ -0,0 +1,3204 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/src/assets/gtk-2.0/assets-purple-dark/border.png b/src/src/assets/gtk-2.0/assets-purple-dark/border.png new file mode 100644 index 00000000..20d503bf Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple-dark/border.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple-dark/button-active.png b/src/src/assets/gtk-2.0/assets-purple-dark/button-active.png new file mode 100644 index 00000000..ca25ccce Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple-dark/button-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple-dark/button-disabled.png b/src/src/assets/gtk-2.0/assets-purple-dark/button-disabled.png new file mode 100644 index 00000000..6578ba7d Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple-dark/button-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple-dark/button-hover.png b/src/src/assets/gtk-2.0/assets-purple-dark/button-hover.png new file mode 100644 index 00000000..66e1fdd7 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple-dark/button-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple-dark/button.png b/src/src/assets/gtk-2.0/assets-purple-dark/button.png new file mode 100644 index 00000000..3fe12c70 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple-dark/button.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple-dark/checkbox-checked-active.png b/src/src/assets/gtk-2.0/assets-purple-dark/checkbox-checked-active.png new file mode 100644 index 00000000..445ba75b Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple-dark/checkbox-checked-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple-dark/checkbox-checked-disabled.png b/src/src/assets/gtk-2.0/assets-purple-dark/checkbox-checked-disabled.png new file mode 100644 index 00000000..c64e5bb0 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple-dark/checkbox-checked-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple-dark/checkbox-checked-hover.png b/src/src/assets/gtk-2.0/assets-purple-dark/checkbox-checked-hover.png new file mode 100644 index 00000000..1188f893 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple-dark/checkbox-checked-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple-dark/checkbox-checked.png b/src/src/assets/gtk-2.0/assets-purple-dark/checkbox-checked.png new file mode 100644 index 00000000..1cd35e80 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple-dark/checkbox-checked.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple-dark/checkbox-mixed-active.png b/src/src/assets/gtk-2.0/assets-purple-dark/checkbox-mixed-active.png new file mode 100644 index 00000000..5c8398ae Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple-dark/checkbox-mixed-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple-dark/checkbox-mixed-disabled.png b/src/src/assets/gtk-2.0/assets-purple-dark/checkbox-mixed-disabled.png new file mode 100644 index 00000000..eda2652e Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple-dark/checkbox-mixed-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple-dark/checkbox-mixed-hover.png b/src/src/assets/gtk-2.0/assets-purple-dark/checkbox-mixed-hover.png new file mode 100644 index 00000000..ed5cefb5 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple-dark/checkbox-mixed-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple-dark/checkbox-mixed.png b/src/src/assets/gtk-2.0/assets-purple-dark/checkbox-mixed.png new file mode 100644 index 00000000..d81be8e8 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple-dark/checkbox-mixed.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple-dark/checkbox-unchecked-active.png b/src/src/assets/gtk-2.0/assets-purple-dark/checkbox-unchecked-active.png new file mode 100644 index 00000000..f6948e7a Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple-dark/checkbox-unchecked-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple-dark/checkbox-unchecked-disabled.png b/src/src/assets/gtk-2.0/assets-purple-dark/checkbox-unchecked-disabled.png new file mode 100644 index 00000000..73e42bdf Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple-dark/checkbox-unchecked-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple-dark/checkbox-unchecked-hover.png b/src/src/assets/gtk-2.0/assets-purple-dark/checkbox-unchecked-hover.png new file mode 100644 index 00000000..191738b7 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple-dark/checkbox-unchecked-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple-dark/checkbox-unchecked.png b/src/src/assets/gtk-2.0/assets-purple-dark/checkbox-unchecked.png new file mode 100644 index 00000000..e310c022 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple-dark/checkbox-unchecked.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple-dark/combo-left-entry-active.png b/src/src/assets/gtk-2.0/assets-purple-dark/combo-left-entry-active.png new file mode 100644 index 00000000..ad6832f9 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple-dark/combo-left-entry-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple-dark/combo-left-entry-disabled.png b/src/src/assets/gtk-2.0/assets-purple-dark/combo-left-entry-disabled.png new file mode 100644 index 00000000..6a9d9dd2 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple-dark/combo-left-entry-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple-dark/combo-left-entry-hover.png b/src/src/assets/gtk-2.0/assets-purple-dark/combo-left-entry-hover.png new file mode 100644 index 00000000..c65ced02 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple-dark/combo-left-entry-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple-dark/combo-left-entry.png b/src/src/assets/gtk-2.0/assets-purple-dark/combo-left-entry.png new file mode 100644 index 00000000..255e3dc3 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple-dark/combo-left-entry.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple-dark/combo-right-entry-active.png b/src/src/assets/gtk-2.0/assets-purple-dark/combo-right-entry-active.png new file mode 100644 index 00000000..17b65bcb Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple-dark/combo-right-entry-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple-dark/combo-right-entry-disabled.png b/src/src/assets/gtk-2.0/assets-purple-dark/combo-right-entry-disabled.png new file mode 100644 index 00000000..67cfcc78 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple-dark/combo-right-entry-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple-dark/combo-right-entry-hover.png b/src/src/assets/gtk-2.0/assets-purple-dark/combo-right-entry-hover.png new file mode 100644 index 00000000..8d643bd3 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple-dark/combo-right-entry-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple-dark/combo-right-entry.png b/src/src/assets/gtk-2.0/assets-purple-dark/combo-right-entry.png new file mode 100644 index 00000000..5d232339 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple-dark/combo-right-entry.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple-dark/entry-active.png b/src/src/assets/gtk-2.0/assets-purple-dark/entry-active.png new file mode 100644 index 00000000..bb9b4837 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple-dark/entry-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple-dark/entry-background-disabled.png b/src/src/assets/gtk-2.0/assets-purple-dark/entry-background-disabled.png new file mode 100644 index 00000000..ce14ba81 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple-dark/entry-background-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple-dark/entry-background.png b/src/src/assets/gtk-2.0/assets-purple-dark/entry-background.png new file mode 100644 index 00000000..fdf26ab3 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple-dark/entry-background.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple-dark/entry-disabled.png b/src/src/assets/gtk-2.0/assets-purple-dark/entry-disabled.png new file mode 100644 index 00000000..6578ba7d Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple-dark/entry-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple-dark/entry-hover.png b/src/src/assets/gtk-2.0/assets-purple-dark/entry-hover.png new file mode 100644 index 00000000..57332392 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple-dark/entry-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple-dark/entry.png b/src/src/assets/gtk-2.0/assets-purple-dark/entry.png new file mode 100644 index 00000000..3fe12c70 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple-dark/entry.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple-dark/flat-button-active.png b/src/src/assets/gtk-2.0/assets-purple-dark/flat-button-active.png new file mode 100644 index 00000000..ca25ccce Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple-dark/flat-button-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple-dark/flat-button-disabled.png b/src/src/assets/gtk-2.0/assets-purple-dark/flat-button-disabled.png new file mode 100644 index 00000000..96f9995d Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple-dark/flat-button-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple-dark/flat-button-hover.png b/src/src/assets/gtk-2.0/assets-purple-dark/flat-button-hover.png new file mode 100644 index 00000000..66e1fdd7 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple-dark/flat-button-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple-dark/flat-button.png b/src/src/assets/gtk-2.0/assets-purple-dark/flat-button.png new file mode 100644 index 00000000..96f9995d Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple-dark/flat-button.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple-dark/focus.png b/src/src/assets/gtk-2.0/assets-purple-dark/focus.png new file mode 100644 index 00000000..3e8d13db Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple-dark/focus.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple-dark/frame-inline.png b/src/src/assets/gtk-2.0/assets-purple-dark/frame-inline.png new file mode 100644 index 00000000..7d10ff19 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple-dark/frame-inline.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple-dark/frame-notebook.png b/src/src/assets/gtk-2.0/assets-purple-dark/frame-notebook.png new file mode 100644 index 00000000..7b5020ee Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple-dark/frame-notebook.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple-dark/frame.png b/src/src/assets/gtk-2.0/assets-purple-dark/frame.png new file mode 100644 index 00000000..1562a81b Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple-dark/frame.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple-dark/handle-horz-active.png b/src/src/assets/gtk-2.0/assets-purple-dark/handle-horz-active.png new file mode 100644 index 00000000..f1c519ef Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple-dark/handle-horz-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple-dark/handle-horz-hover.png b/src/src/assets/gtk-2.0/assets-purple-dark/handle-horz-hover.png new file mode 100644 index 00000000..e7e40d69 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple-dark/handle-horz-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple-dark/handle-horz.png b/src/src/assets/gtk-2.0/assets-purple-dark/handle-horz.png new file mode 100644 index 00000000..ef1738d0 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple-dark/handle-horz.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple-dark/handle-vert-active.png b/src/src/assets/gtk-2.0/assets-purple-dark/handle-vert-active.png new file mode 100644 index 00000000..0cec1dc5 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple-dark/handle-vert-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple-dark/handle-vert-hover.png b/src/src/assets/gtk-2.0/assets-purple-dark/handle-vert-hover.png new file mode 100644 index 00000000..600fb08b Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple-dark/handle-vert-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple-dark/handle-vert.png b/src/src/assets/gtk-2.0/assets-purple-dark/handle-vert.png new file mode 100644 index 00000000..377fdf0b Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple-dark/handle-vert.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple-dark/menu-checkbox-checked-disabled.png b/src/src/assets/gtk-2.0/assets-purple-dark/menu-checkbox-checked-disabled.png new file mode 100644 index 00000000..dac80f00 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple-dark/menu-checkbox-checked-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple-dark/menu-checkbox-checked.png b/src/src/assets/gtk-2.0/assets-purple-dark/menu-checkbox-checked.png new file mode 100644 index 00000000..e50001ec Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple-dark/menu-checkbox-checked.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple-dark/menu-checkbox-mixed-disabled.png b/src/src/assets/gtk-2.0/assets-purple-dark/menu-checkbox-mixed-disabled.png new file mode 100644 index 00000000..2ae288c1 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple-dark/menu-checkbox-mixed-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple-dark/menu-checkbox-mixed.png b/src/src/assets/gtk-2.0/assets-purple-dark/menu-checkbox-mixed.png new file mode 100644 index 00000000..8216ec4b Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple-dark/menu-checkbox-mixed.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple-dark/menu-checkbox-unchecked-disabled.png b/src/src/assets/gtk-2.0/assets-purple-dark/menu-checkbox-unchecked-disabled.png new file mode 100644 index 00000000..4b8fbb54 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple-dark/menu-checkbox-unchecked-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple-dark/menu-checkbox-unchecked.png b/src/src/assets/gtk-2.0/assets-purple-dark/menu-checkbox-unchecked.png new file mode 100644 index 00000000..5317874c Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple-dark/menu-checkbox-unchecked.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple-dark/menu-radio-checked-disabled.png b/src/src/assets/gtk-2.0/assets-purple-dark/menu-radio-checked-disabled.png new file mode 100644 index 00000000..a37f819e Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple-dark/menu-radio-checked-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple-dark/menu-radio-checked.png b/src/src/assets/gtk-2.0/assets-purple-dark/menu-radio-checked.png new file mode 100644 index 00000000..0e74e947 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple-dark/menu-radio-checked.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple-dark/menu-radio-mixed-disabled.png b/src/src/assets/gtk-2.0/assets-purple-dark/menu-radio-mixed-disabled.png new file mode 100644 index 00000000..2ae288c1 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple-dark/menu-radio-mixed-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple-dark/menu-radio-mixed.png b/src/src/assets/gtk-2.0/assets-purple-dark/menu-radio-mixed.png new file mode 100644 index 00000000..8216ec4b Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple-dark/menu-radio-mixed.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple-dark/menu-radio-unchecked-disabled.png b/src/src/assets/gtk-2.0/assets-purple-dark/menu-radio-unchecked-disabled.png new file mode 100644 index 00000000..4b8fbb54 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple-dark/menu-radio-unchecked-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple-dark/menu-radio-unchecked.png b/src/src/assets/gtk-2.0/assets-purple-dark/menu-radio-unchecked.png new file mode 100644 index 00000000..5317874c Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple-dark/menu-radio-unchecked.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple-dark/pan-down-alt-disabled.png b/src/src/assets/gtk-2.0/assets-purple-dark/pan-down-alt-disabled.png new file mode 100644 index 00000000..11a69853 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple-dark/pan-down-alt-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple-dark/pan-down-alt.png b/src/src/assets/gtk-2.0/assets-purple-dark/pan-down-alt.png new file mode 100644 index 00000000..974686c7 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple-dark/pan-down-alt.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple-dark/pan-down-disabled.png b/src/src/assets/gtk-2.0/assets-purple-dark/pan-down-disabled.png new file mode 100644 index 00000000..8aa63318 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple-dark/pan-down-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple-dark/pan-down.png b/src/src/assets/gtk-2.0/assets-purple-dark/pan-down.png new file mode 100644 index 00000000..2f28e41e Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple-dark/pan-down.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple-dark/pan-left-alt-disabled.png b/src/src/assets/gtk-2.0/assets-purple-dark/pan-left-alt-disabled.png new file mode 100644 index 00000000..44e26b6d Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple-dark/pan-left-alt-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple-dark/pan-left-alt.png b/src/src/assets/gtk-2.0/assets-purple-dark/pan-left-alt.png new file mode 100644 index 00000000..529b5e4c Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple-dark/pan-left-alt.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple-dark/pan-left-disabled.png b/src/src/assets/gtk-2.0/assets-purple-dark/pan-left-disabled.png new file mode 100644 index 00000000..ff7c8521 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple-dark/pan-left-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple-dark/pan-left-semi.png b/src/src/assets/gtk-2.0/assets-purple-dark/pan-left-semi.png new file mode 100644 index 00000000..955e801f Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple-dark/pan-left-semi.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple-dark/pan-left.png b/src/src/assets/gtk-2.0/assets-purple-dark/pan-left.png new file mode 100644 index 00000000..c9cb53ac Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple-dark/pan-left.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple-dark/pan-right-alt-disabled.png b/src/src/assets/gtk-2.0/assets-purple-dark/pan-right-alt-disabled.png new file mode 100644 index 00000000..42e5877b Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple-dark/pan-right-alt-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple-dark/pan-right-alt.png b/src/src/assets/gtk-2.0/assets-purple-dark/pan-right-alt.png new file mode 100644 index 00000000..d7405064 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple-dark/pan-right-alt.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple-dark/pan-right-disabled.png b/src/src/assets/gtk-2.0/assets-purple-dark/pan-right-disabled.png new file mode 100644 index 00000000..e8e14e80 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple-dark/pan-right-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple-dark/pan-right-semi.png b/src/src/assets/gtk-2.0/assets-purple-dark/pan-right-semi.png new file mode 100644 index 00000000..d7d5af02 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple-dark/pan-right-semi.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple-dark/pan-right.png b/src/src/assets/gtk-2.0/assets-purple-dark/pan-right.png new file mode 100644 index 00000000..6cf201d9 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple-dark/pan-right.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple-dark/pan-up-alt-disabled.png b/src/src/assets/gtk-2.0/assets-purple-dark/pan-up-alt-disabled.png new file mode 100644 index 00000000..56a417c0 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple-dark/pan-up-alt-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple-dark/pan-up-alt.png b/src/src/assets/gtk-2.0/assets-purple-dark/pan-up-alt.png new file mode 100644 index 00000000..5df7be82 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple-dark/pan-up-alt.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple-dark/pan-up-disabled.png b/src/src/assets/gtk-2.0/assets-purple-dark/pan-up-disabled.png new file mode 100644 index 00000000..d3ae5113 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple-dark/pan-up-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple-dark/pan-up.png b/src/src/assets/gtk-2.0/assets-purple-dark/pan-up.png new file mode 100644 index 00000000..a99f7cf0 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple-dark/pan-up.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple-dark/progressbar-progress.png b/src/src/assets/gtk-2.0/assets-purple-dark/progressbar-progress.png new file mode 100644 index 00000000..2a87f151 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple-dark/progressbar-progress.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple-dark/progressbar-trough.png b/src/src/assets/gtk-2.0/assets-purple-dark/progressbar-trough.png new file mode 100644 index 00000000..aba61d56 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple-dark/progressbar-trough.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple-dark/radio-checked-active.png b/src/src/assets/gtk-2.0/assets-purple-dark/radio-checked-active.png new file mode 100644 index 00000000..791492d2 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple-dark/radio-checked-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple-dark/radio-checked-disabled.png b/src/src/assets/gtk-2.0/assets-purple-dark/radio-checked-disabled.png new file mode 100644 index 00000000..b5ae34f1 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple-dark/radio-checked-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple-dark/radio-checked-hover.png b/src/src/assets/gtk-2.0/assets-purple-dark/radio-checked-hover.png new file mode 100644 index 00000000..9d4a868b Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple-dark/radio-checked-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple-dark/radio-checked.png b/src/src/assets/gtk-2.0/assets-purple-dark/radio-checked.png new file mode 100644 index 00000000..2f14fd5d Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple-dark/radio-checked.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple-dark/radio-mixed-active.png b/src/src/assets/gtk-2.0/assets-purple-dark/radio-mixed-active.png new file mode 100644 index 00000000..5c8398ae Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple-dark/radio-mixed-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple-dark/radio-mixed-disabled.png b/src/src/assets/gtk-2.0/assets-purple-dark/radio-mixed-disabled.png new file mode 100644 index 00000000..eda2652e Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple-dark/radio-mixed-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple-dark/radio-mixed-hover.png b/src/src/assets/gtk-2.0/assets-purple-dark/radio-mixed-hover.png new file mode 100644 index 00000000..ed5cefb5 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple-dark/radio-mixed-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple-dark/radio-mixed.png b/src/src/assets/gtk-2.0/assets-purple-dark/radio-mixed.png new file mode 100644 index 00000000..d81be8e8 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple-dark/radio-mixed.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple-dark/radio-unchecked-active.png b/src/src/assets/gtk-2.0/assets-purple-dark/radio-unchecked-active.png new file mode 100644 index 00000000..f6948e7a Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple-dark/radio-unchecked-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple-dark/radio-unchecked-disabled.png b/src/src/assets/gtk-2.0/assets-purple-dark/radio-unchecked-disabled.png new file mode 100644 index 00000000..73e42bdf Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple-dark/radio-unchecked-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple-dark/radio-unchecked-hover.png b/src/src/assets/gtk-2.0/assets-purple-dark/radio-unchecked-hover.png new file mode 100644 index 00000000..191738b7 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple-dark/radio-unchecked-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple-dark/radio-unchecked.png b/src/src/assets/gtk-2.0/assets-purple-dark/radio-unchecked.png new file mode 100644 index 00000000..e310c022 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple-dark/radio-unchecked.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple-dark/scale-horz-trough-active.png b/src/src/assets/gtk-2.0/assets-purple-dark/scale-horz-trough-active.png new file mode 100644 index 00000000..cc9f2469 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple-dark/scale-horz-trough-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple-dark/scale-horz-trough-disabled.png b/src/src/assets/gtk-2.0/assets-purple-dark/scale-horz-trough-disabled.png new file mode 100644 index 00000000..10cf142e Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple-dark/scale-horz-trough-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple-dark/scale-horz-trough.png b/src/src/assets/gtk-2.0/assets-purple-dark/scale-horz-trough.png new file mode 100644 index 00000000..8a0adf1d Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple-dark/scale-horz-trough.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple-dark/scale-slider-active.png b/src/src/assets/gtk-2.0/assets-purple-dark/scale-slider-active.png new file mode 100644 index 00000000..29eee6a8 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple-dark/scale-slider-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple-dark/scale-slider-disabled.png b/src/src/assets/gtk-2.0/assets-purple-dark/scale-slider-disabled.png new file mode 100644 index 00000000..eb1a1ae2 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple-dark/scale-slider-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple-dark/scale-slider-hover.png b/src/src/assets/gtk-2.0/assets-purple-dark/scale-slider-hover.png new file mode 100644 index 00000000..36d26ea8 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple-dark/scale-slider-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple-dark/scale-slider.png b/src/src/assets/gtk-2.0/assets-purple-dark/scale-slider.png new file mode 100644 index 00000000..5fb3728a Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple-dark/scale-slider.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple-dark/scale-vert-trough-active.png b/src/src/assets/gtk-2.0/assets-purple-dark/scale-vert-trough-active.png new file mode 100644 index 00000000..90daaeaf Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple-dark/scale-vert-trough-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple-dark/scale-vert-trough-disabled.png b/src/src/assets/gtk-2.0/assets-purple-dark/scale-vert-trough-disabled.png new file mode 100644 index 00000000..7e38ad6c Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple-dark/scale-vert-trough-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple-dark/scale-vert-trough.png b/src/src/assets/gtk-2.0/assets-purple-dark/scale-vert-trough.png new file mode 100644 index 00000000..6c6d3360 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple-dark/scale-vert-trough.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple-dark/scrollbar-horz-slider-active.png b/src/src/assets/gtk-2.0/assets-purple-dark/scrollbar-horz-slider-active.png new file mode 100644 index 00000000..9b3802ab Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple-dark/scrollbar-horz-slider-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple-dark/scrollbar-horz-slider-disabled.png b/src/src/assets/gtk-2.0/assets-purple-dark/scrollbar-horz-slider-disabled.png new file mode 100644 index 00000000..a0e78e25 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple-dark/scrollbar-horz-slider-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple-dark/scrollbar-horz-slider-hover.png b/src/src/assets/gtk-2.0/assets-purple-dark/scrollbar-horz-slider-hover.png new file mode 100644 index 00000000..c44bf539 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple-dark/scrollbar-horz-slider-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple-dark/scrollbar-horz-slider.png b/src/src/assets/gtk-2.0/assets-purple-dark/scrollbar-horz-slider.png new file mode 100644 index 00000000..7d453476 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple-dark/scrollbar-horz-slider.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple-dark/scrollbar-horz-trough.png b/src/src/assets/gtk-2.0/assets-purple-dark/scrollbar-horz-trough.png new file mode 100644 index 00000000..e5e9d5b4 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple-dark/scrollbar-horz-trough.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple-dark/scrollbar-vert-ltr-slider-active.png b/src/src/assets/gtk-2.0/assets-purple-dark/scrollbar-vert-ltr-slider-active.png new file mode 100644 index 00000000..86a7e94d Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple-dark/scrollbar-vert-ltr-slider-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple-dark/scrollbar-vert-ltr-slider-disabled.png b/src/src/assets/gtk-2.0/assets-purple-dark/scrollbar-vert-ltr-slider-disabled.png new file mode 100644 index 00000000..e1bd86ac Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple-dark/scrollbar-vert-ltr-slider-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple-dark/scrollbar-vert-ltr-slider-hover.png b/src/src/assets/gtk-2.0/assets-purple-dark/scrollbar-vert-ltr-slider-hover.png new file mode 100644 index 00000000..0eab6abe Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple-dark/scrollbar-vert-ltr-slider-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple-dark/scrollbar-vert-ltr-slider.png b/src/src/assets/gtk-2.0/assets-purple-dark/scrollbar-vert-ltr-slider.png new file mode 100644 index 00000000..bd8227ac Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple-dark/scrollbar-vert-ltr-slider.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple-dark/scrollbar-vert-ltr-trough.png b/src/src/assets/gtk-2.0/assets-purple-dark/scrollbar-vert-ltr-trough.png new file mode 100644 index 00000000..5e356392 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple-dark/scrollbar-vert-ltr-trough.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple-dark/scrollbar-vert-rtl-slider-active.png b/src/src/assets/gtk-2.0/assets-purple-dark/scrollbar-vert-rtl-slider-active.png new file mode 100644 index 00000000..f219ede0 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple-dark/scrollbar-vert-rtl-slider-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple-dark/scrollbar-vert-rtl-slider-disabled.png b/src/src/assets/gtk-2.0/assets-purple-dark/scrollbar-vert-rtl-slider-disabled.png new file mode 100644 index 00000000..e8cf3269 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple-dark/scrollbar-vert-rtl-slider-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple-dark/scrollbar-vert-rtl-slider-hover.png b/src/src/assets/gtk-2.0/assets-purple-dark/scrollbar-vert-rtl-slider-hover.png new file mode 100644 index 00000000..fc02be48 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple-dark/scrollbar-vert-rtl-slider-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple-dark/scrollbar-vert-rtl-slider.png b/src/src/assets/gtk-2.0/assets-purple-dark/scrollbar-vert-rtl-slider.png new file mode 100644 index 00000000..8ab9c686 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple-dark/scrollbar-vert-rtl-slider.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple-dark/scrollbar-vert-rtl-trough.png b/src/src/assets/gtk-2.0/assets-purple-dark/scrollbar-vert-rtl-trough.png new file mode 100644 index 00000000..056290d9 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple-dark/scrollbar-vert-rtl-trough.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple-dark/spin-ltr-down-active.png b/src/src/assets/gtk-2.0/assets-purple-dark/spin-ltr-down-active.png new file mode 100644 index 00000000..ea243892 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple-dark/spin-ltr-down-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple-dark/spin-ltr-down-disabled.png b/src/src/assets/gtk-2.0/assets-purple-dark/spin-ltr-down-disabled.png new file mode 100644 index 00000000..19139fdd Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple-dark/spin-ltr-down-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple-dark/spin-ltr-down-hover.png b/src/src/assets/gtk-2.0/assets-purple-dark/spin-ltr-down-hover.png new file mode 100644 index 00000000..64e8a4ce Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple-dark/spin-ltr-down-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple-dark/spin-ltr-down.png b/src/src/assets/gtk-2.0/assets-purple-dark/spin-ltr-down.png new file mode 100644 index 00000000..020deb5f Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple-dark/spin-ltr-down.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple-dark/spin-ltr-up-active.png b/src/src/assets/gtk-2.0/assets-purple-dark/spin-ltr-up-active.png new file mode 100644 index 00000000..92fa7fe7 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple-dark/spin-ltr-up-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple-dark/spin-ltr-up-disabled.png b/src/src/assets/gtk-2.0/assets-purple-dark/spin-ltr-up-disabled.png new file mode 100644 index 00000000..dcf55afe Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple-dark/spin-ltr-up-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple-dark/spin-ltr-up-hover.png b/src/src/assets/gtk-2.0/assets-purple-dark/spin-ltr-up-hover.png new file mode 100644 index 00000000..4631e6fa Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple-dark/spin-ltr-up-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple-dark/spin-ltr-up.png b/src/src/assets/gtk-2.0/assets-purple-dark/spin-ltr-up.png new file mode 100644 index 00000000..f9b8eb67 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple-dark/spin-ltr-up.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple-dark/spin-rtl-down-active.png b/src/src/assets/gtk-2.0/assets-purple-dark/spin-rtl-down-active.png new file mode 100644 index 00000000..a4d1ef35 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple-dark/spin-rtl-down-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple-dark/spin-rtl-down-disabled.png b/src/src/assets/gtk-2.0/assets-purple-dark/spin-rtl-down-disabled.png new file mode 100644 index 00000000..4c5e3b17 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple-dark/spin-rtl-down-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple-dark/spin-rtl-down-hover.png b/src/src/assets/gtk-2.0/assets-purple-dark/spin-rtl-down-hover.png new file mode 100644 index 00000000..af6410e7 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple-dark/spin-rtl-down-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple-dark/spin-rtl-down.png b/src/src/assets/gtk-2.0/assets-purple-dark/spin-rtl-down.png new file mode 100644 index 00000000..7eae4282 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple-dark/spin-rtl-down.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple-dark/spin-rtl-up-active.png b/src/src/assets/gtk-2.0/assets-purple-dark/spin-rtl-up-active.png new file mode 100644 index 00000000..1b475a85 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple-dark/spin-rtl-up-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple-dark/spin-rtl-up-disabled.png b/src/src/assets/gtk-2.0/assets-purple-dark/spin-rtl-up-disabled.png new file mode 100644 index 00000000..e229de47 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple-dark/spin-rtl-up-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple-dark/spin-rtl-up-hover.png b/src/src/assets/gtk-2.0/assets-purple-dark/spin-rtl-up-hover.png new file mode 100644 index 00000000..ed0c0ce8 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple-dark/spin-rtl-up-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple-dark/spin-rtl-up.png b/src/src/assets/gtk-2.0/assets-purple-dark/spin-rtl-up.png new file mode 100644 index 00000000..e3a59e86 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple-dark/spin-rtl-up.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple-dark/tab.png b/src/src/assets/gtk-2.0/assets-purple-dark/tab.png new file mode 100644 index 00000000..d9038766 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple-dark/tab.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple-dark/treeview-ltr-button-active.png b/src/src/assets/gtk-2.0/assets-purple-dark/treeview-ltr-button-active.png new file mode 100644 index 00000000..45da44f8 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple-dark/treeview-ltr-button-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple-dark/treeview-ltr-button-hover.png b/src/src/assets/gtk-2.0/assets-purple-dark/treeview-ltr-button-hover.png new file mode 100644 index 00000000..a240cb64 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple-dark/treeview-ltr-button-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple-dark/treeview-ltr-button.png b/src/src/assets/gtk-2.0/assets-purple-dark/treeview-ltr-button.png new file mode 100644 index 00000000..cc77fcc3 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple-dark/treeview-ltr-button.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple-dark/treeview-rtl-button-active.png b/src/src/assets/gtk-2.0/assets-purple-dark/treeview-rtl-button-active.png new file mode 100644 index 00000000..a5a46b99 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple-dark/treeview-rtl-button-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple-dark/treeview-rtl-button-hover.png b/src/src/assets/gtk-2.0/assets-purple-dark/treeview-rtl-button-hover.png new file mode 100644 index 00000000..810a277e Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple-dark/treeview-rtl-button-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple-dark/treeview-rtl-button.png b/src/src/assets/gtk-2.0/assets-purple-dark/treeview-rtl-button.png new file mode 100644 index 00000000..cc77fcc3 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple-dark/treeview-rtl-button.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple.svg b/src/src/assets/gtk-2.0/assets-purple.svg new file mode 100644 index 00000000..b0cb5b02 --- /dev/null +++ b/src/src/assets/gtk-2.0/assets-purple.svg @@ -0,0 +1,3516 @@ + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/src/assets/gtk-2.0/assets-purple/border.png b/src/src/assets/gtk-2.0/assets-purple/border.png new file mode 100644 index 00000000..b755468c Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple/border.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple/button-active.png b/src/src/assets/gtk-2.0/assets-purple/button-active.png new file mode 100644 index 00000000..6a3942cb Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple/button-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple/button-disabled.png b/src/src/assets/gtk-2.0/assets-purple/button-disabled.png new file mode 100644 index 00000000..0be273b6 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple/button-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple/button-hover.png b/src/src/assets/gtk-2.0/assets-purple/button-hover.png new file mode 100644 index 00000000..de5b6182 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple/button-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple/button.png b/src/src/assets/gtk-2.0/assets-purple/button.png new file mode 100644 index 00000000..daeaec77 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple/button.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple/checkbox-checked-active.png b/src/src/assets/gtk-2.0/assets-purple/checkbox-checked-active.png new file mode 100644 index 00000000..0024dd2e Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple/checkbox-checked-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple/checkbox-checked-disabled.png b/src/src/assets/gtk-2.0/assets-purple/checkbox-checked-disabled.png new file mode 100644 index 00000000..b17436bf Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple/checkbox-checked-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple/checkbox-checked-hover.png b/src/src/assets/gtk-2.0/assets-purple/checkbox-checked-hover.png new file mode 100644 index 00000000..662ee0b0 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple/checkbox-checked-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple/checkbox-checked.png b/src/src/assets/gtk-2.0/assets-purple/checkbox-checked.png new file mode 100644 index 00000000..acc3523a Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple/checkbox-checked.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple/checkbox-mixed-active.png b/src/src/assets/gtk-2.0/assets-purple/checkbox-mixed-active.png new file mode 100644 index 00000000..0c5be7e9 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple/checkbox-mixed-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple/checkbox-mixed-disabled.png b/src/src/assets/gtk-2.0/assets-purple/checkbox-mixed-disabled.png new file mode 100644 index 00000000..db8af890 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple/checkbox-mixed-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple/checkbox-mixed-hover.png b/src/src/assets/gtk-2.0/assets-purple/checkbox-mixed-hover.png new file mode 100644 index 00000000..13185e8e Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple/checkbox-mixed-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple/checkbox-mixed.png b/src/src/assets/gtk-2.0/assets-purple/checkbox-mixed.png new file mode 100644 index 00000000..01117533 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple/checkbox-mixed.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple/checkbox-unchecked-active.png b/src/src/assets/gtk-2.0/assets-purple/checkbox-unchecked-active.png new file mode 100644 index 00000000..b2112ca5 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple/checkbox-unchecked-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple/checkbox-unchecked-disabled.png b/src/src/assets/gtk-2.0/assets-purple/checkbox-unchecked-disabled.png new file mode 100644 index 00000000..ca92669d Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple/checkbox-unchecked-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple/checkbox-unchecked-hover.png b/src/src/assets/gtk-2.0/assets-purple/checkbox-unchecked-hover.png new file mode 100644 index 00000000..95cb359f Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple/checkbox-unchecked-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple/checkbox-unchecked.png b/src/src/assets/gtk-2.0/assets-purple/checkbox-unchecked.png new file mode 100644 index 00000000..6496e929 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple/checkbox-unchecked.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple/combo-left-entry-active.png b/src/src/assets/gtk-2.0/assets-purple/combo-left-entry-active.png new file mode 100644 index 00000000..02c7b5e9 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple/combo-left-entry-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple/combo-left-entry-disabled.png b/src/src/assets/gtk-2.0/assets-purple/combo-left-entry-disabled.png new file mode 100644 index 00000000..bec439a2 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple/combo-left-entry-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple/combo-left-entry-hover.png b/src/src/assets/gtk-2.0/assets-purple/combo-left-entry-hover.png new file mode 100644 index 00000000..d896386e Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple/combo-left-entry-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple/combo-left-entry.png b/src/src/assets/gtk-2.0/assets-purple/combo-left-entry.png new file mode 100644 index 00000000..943fac58 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple/combo-left-entry.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple/combo-right-entry-active.png b/src/src/assets/gtk-2.0/assets-purple/combo-right-entry-active.png new file mode 100644 index 00000000..722de409 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple/combo-right-entry-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple/combo-right-entry-disabled.png b/src/src/assets/gtk-2.0/assets-purple/combo-right-entry-disabled.png new file mode 100644 index 00000000..52934069 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple/combo-right-entry-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple/combo-right-entry-hover.png b/src/src/assets/gtk-2.0/assets-purple/combo-right-entry-hover.png new file mode 100644 index 00000000..05548f30 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple/combo-right-entry-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple/combo-right-entry.png b/src/src/assets/gtk-2.0/assets-purple/combo-right-entry.png new file mode 100644 index 00000000..dd2118a6 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple/combo-right-entry.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple/entry-active.png b/src/src/assets/gtk-2.0/assets-purple/entry-active.png new file mode 100644 index 00000000..22986548 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple/entry-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple/entry-background-disabled.png b/src/src/assets/gtk-2.0/assets-purple/entry-background-disabled.png new file mode 100644 index 00000000..7f3aa5ee Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple/entry-background-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple/entry-background.png b/src/src/assets/gtk-2.0/assets-purple/entry-background.png new file mode 100644 index 00000000..72facdb0 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple/entry-background.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple/entry-disabled.png b/src/src/assets/gtk-2.0/assets-purple/entry-disabled.png new file mode 100644 index 00000000..0be273b6 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple/entry-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple/entry-hover.png b/src/src/assets/gtk-2.0/assets-purple/entry-hover.png new file mode 100644 index 00000000..1e7804c7 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple/entry-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple/entry.png b/src/src/assets/gtk-2.0/assets-purple/entry.png new file mode 100644 index 00000000..daeaec77 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple/entry.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple/flat-button-active.png b/src/src/assets/gtk-2.0/assets-purple/flat-button-active.png new file mode 100644 index 00000000..6a3942cb Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple/flat-button-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple/flat-button-disabled.png b/src/src/assets/gtk-2.0/assets-purple/flat-button-disabled.png new file mode 100644 index 00000000..34d490f1 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple/flat-button-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple/flat-button-hover.png b/src/src/assets/gtk-2.0/assets-purple/flat-button-hover.png new file mode 100644 index 00000000..de5b6182 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple/flat-button-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple/flat-button.png b/src/src/assets/gtk-2.0/assets-purple/flat-button.png new file mode 100644 index 00000000..34d490f1 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple/flat-button.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple/focus.png b/src/src/assets/gtk-2.0/assets-purple/focus.png new file mode 100644 index 00000000..cf26e66f Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple/focus.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple/frame-inline.png b/src/src/assets/gtk-2.0/assets-purple/frame-inline.png new file mode 100644 index 00000000..34703f89 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple/frame-inline.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple/frame-notebook.png b/src/src/assets/gtk-2.0/assets-purple/frame-notebook.png new file mode 100644 index 00000000..ddb51968 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple/frame-notebook.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple/frame.png b/src/src/assets/gtk-2.0/assets-purple/frame.png new file mode 100644 index 00000000..bd3e8516 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple/frame.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple/handle-horz-active.png b/src/src/assets/gtk-2.0/assets-purple/handle-horz-active.png new file mode 100644 index 00000000..982db3de Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple/handle-horz-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple/handle-horz-hover.png b/src/src/assets/gtk-2.0/assets-purple/handle-horz-hover.png new file mode 100644 index 00000000..af9f1f49 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple/handle-horz-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple/handle-horz.png b/src/src/assets/gtk-2.0/assets-purple/handle-horz.png new file mode 100644 index 00000000..a7263884 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple/handle-horz.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple/handle-vert-active.png b/src/src/assets/gtk-2.0/assets-purple/handle-vert-active.png new file mode 100644 index 00000000..e44fc648 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple/handle-vert-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple/handle-vert-hover.png b/src/src/assets/gtk-2.0/assets-purple/handle-vert-hover.png new file mode 100644 index 00000000..d14f0049 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple/handle-vert-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple/handle-vert.png b/src/src/assets/gtk-2.0/assets-purple/handle-vert.png new file mode 100644 index 00000000..567a2814 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple/handle-vert.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple/menu-checkbox-checked-disabled.png b/src/src/assets/gtk-2.0/assets-purple/menu-checkbox-checked-disabled.png new file mode 100644 index 00000000..50838797 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple/menu-checkbox-checked-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple/menu-checkbox-checked.png b/src/src/assets/gtk-2.0/assets-purple/menu-checkbox-checked.png new file mode 100644 index 00000000..6421e2e4 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple/menu-checkbox-checked.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple/menu-checkbox-mixed-disabled.png b/src/src/assets/gtk-2.0/assets-purple/menu-checkbox-mixed-disabled.png new file mode 100644 index 00000000..0bb8ce98 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple/menu-checkbox-mixed-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple/menu-checkbox-mixed.png b/src/src/assets/gtk-2.0/assets-purple/menu-checkbox-mixed.png new file mode 100644 index 00000000..ef702903 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple/menu-checkbox-mixed.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple/menu-checkbox-unchecked-disabled.png b/src/src/assets/gtk-2.0/assets-purple/menu-checkbox-unchecked-disabled.png new file mode 100644 index 00000000..e8de0556 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple/menu-checkbox-unchecked-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple/menu-checkbox-unchecked.png b/src/src/assets/gtk-2.0/assets-purple/menu-checkbox-unchecked.png new file mode 100644 index 00000000..5846b31d Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple/menu-checkbox-unchecked.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple/menu-radio-checked-disabled.png b/src/src/assets/gtk-2.0/assets-purple/menu-radio-checked-disabled.png new file mode 100644 index 00000000..f5572e5f Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple/menu-radio-checked-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple/menu-radio-checked.png b/src/src/assets/gtk-2.0/assets-purple/menu-radio-checked.png new file mode 100644 index 00000000..f703a058 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple/menu-radio-checked.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple/menu-radio-mixed-disabled.png b/src/src/assets/gtk-2.0/assets-purple/menu-radio-mixed-disabled.png new file mode 100644 index 00000000..0bb8ce98 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple/menu-radio-mixed-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple/menu-radio-mixed.png b/src/src/assets/gtk-2.0/assets-purple/menu-radio-mixed.png new file mode 100644 index 00000000..ef702903 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple/menu-radio-mixed.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple/menu-radio-unchecked-disabled.png b/src/src/assets/gtk-2.0/assets-purple/menu-radio-unchecked-disabled.png new file mode 100644 index 00000000..e8de0556 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple/menu-radio-unchecked-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple/menu-radio-unchecked.png b/src/src/assets/gtk-2.0/assets-purple/menu-radio-unchecked.png new file mode 100644 index 00000000..5846b31d Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple/menu-radio-unchecked.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple/pan-down-alt-disabled.png b/src/src/assets/gtk-2.0/assets-purple/pan-down-alt-disabled.png new file mode 100644 index 00000000..db1d3614 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple/pan-down-alt-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple/pan-down-alt.png b/src/src/assets/gtk-2.0/assets-purple/pan-down-alt.png new file mode 100644 index 00000000..820e026c Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple/pan-down-alt.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple/pan-down-disabled.png b/src/src/assets/gtk-2.0/assets-purple/pan-down-disabled.png new file mode 100644 index 00000000..567f441a Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple/pan-down-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple/pan-down.png b/src/src/assets/gtk-2.0/assets-purple/pan-down.png new file mode 100644 index 00000000..f664be1c Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple/pan-down.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple/pan-left-alt-disabled.png b/src/src/assets/gtk-2.0/assets-purple/pan-left-alt-disabled.png new file mode 100644 index 00000000..d25e4b63 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple/pan-left-alt-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple/pan-left-alt.png b/src/src/assets/gtk-2.0/assets-purple/pan-left-alt.png new file mode 100644 index 00000000..6309016a Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple/pan-left-alt.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple/pan-left-disabled.png b/src/src/assets/gtk-2.0/assets-purple/pan-left-disabled.png new file mode 100644 index 00000000..f0f94da2 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple/pan-left-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple/pan-left-semi.png b/src/src/assets/gtk-2.0/assets-purple/pan-left-semi.png new file mode 100644 index 00000000..efe18079 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple/pan-left-semi.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple/pan-left.png b/src/src/assets/gtk-2.0/assets-purple/pan-left.png new file mode 100644 index 00000000..ae7f93db Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple/pan-left.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple/pan-right-alt-disabled.png b/src/src/assets/gtk-2.0/assets-purple/pan-right-alt-disabled.png new file mode 100644 index 00000000..d11562a4 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple/pan-right-alt-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple/pan-right-alt.png b/src/src/assets/gtk-2.0/assets-purple/pan-right-alt.png new file mode 100644 index 00000000..3acb33bc Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple/pan-right-alt.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple/pan-right-disabled.png b/src/src/assets/gtk-2.0/assets-purple/pan-right-disabled.png new file mode 100644 index 00000000..f49afaeb Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple/pan-right-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple/pan-right-semi.png b/src/src/assets/gtk-2.0/assets-purple/pan-right-semi.png new file mode 100644 index 00000000..331a3066 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple/pan-right-semi.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple/pan-right.png b/src/src/assets/gtk-2.0/assets-purple/pan-right.png new file mode 100644 index 00000000..59754753 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple/pan-right.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple/pan-up-alt-disabled.png b/src/src/assets/gtk-2.0/assets-purple/pan-up-alt-disabled.png new file mode 100644 index 00000000..361acb33 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple/pan-up-alt-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple/pan-up-alt.png b/src/src/assets/gtk-2.0/assets-purple/pan-up-alt.png new file mode 100644 index 00000000..dcdf2ec2 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple/pan-up-alt.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple/pan-up-disabled.png b/src/src/assets/gtk-2.0/assets-purple/pan-up-disabled.png new file mode 100644 index 00000000..8a52366f Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple/pan-up-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple/pan-up.png b/src/src/assets/gtk-2.0/assets-purple/pan-up.png new file mode 100644 index 00000000..031ac461 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple/pan-up.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple/progressbar-progress.png b/src/src/assets/gtk-2.0/assets-purple/progressbar-progress.png new file mode 100644 index 00000000..befb5df1 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple/progressbar-progress.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple/progressbar-trough.png b/src/src/assets/gtk-2.0/assets-purple/progressbar-trough.png new file mode 100644 index 00000000..9c4c5957 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple/progressbar-trough.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple/radio-checked-active.png b/src/src/assets/gtk-2.0/assets-purple/radio-checked-active.png new file mode 100644 index 00000000..ff12b66a Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple/radio-checked-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple/radio-checked-disabled.png b/src/src/assets/gtk-2.0/assets-purple/radio-checked-disabled.png new file mode 100644 index 00000000..c1852403 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple/radio-checked-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple/radio-checked-hover.png b/src/src/assets/gtk-2.0/assets-purple/radio-checked-hover.png new file mode 100644 index 00000000..5a38f948 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple/radio-checked-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple/radio-checked.png b/src/src/assets/gtk-2.0/assets-purple/radio-checked.png new file mode 100644 index 00000000..49591411 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple/radio-checked.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple/radio-mixed-active.png b/src/src/assets/gtk-2.0/assets-purple/radio-mixed-active.png new file mode 100644 index 00000000..0c5be7e9 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple/radio-mixed-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple/radio-mixed-disabled.png b/src/src/assets/gtk-2.0/assets-purple/radio-mixed-disabled.png new file mode 100644 index 00000000..db8af890 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple/radio-mixed-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple/radio-mixed-hover.png b/src/src/assets/gtk-2.0/assets-purple/radio-mixed-hover.png new file mode 100644 index 00000000..13185e8e Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple/radio-mixed-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple/radio-mixed.png b/src/src/assets/gtk-2.0/assets-purple/radio-mixed.png new file mode 100644 index 00000000..01117533 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple/radio-mixed.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple/radio-unchecked-active.png b/src/src/assets/gtk-2.0/assets-purple/radio-unchecked-active.png new file mode 100644 index 00000000..b2112ca5 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple/radio-unchecked-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple/radio-unchecked-disabled.png b/src/src/assets/gtk-2.0/assets-purple/radio-unchecked-disabled.png new file mode 100644 index 00000000..ca92669d Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple/radio-unchecked-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple/radio-unchecked-hover.png b/src/src/assets/gtk-2.0/assets-purple/radio-unchecked-hover.png new file mode 100644 index 00000000..95cb359f Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple/radio-unchecked-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple/radio-unchecked.png b/src/src/assets/gtk-2.0/assets-purple/radio-unchecked.png new file mode 100644 index 00000000..6496e929 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple/radio-unchecked.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple/scale-horz-trough-active.png b/src/src/assets/gtk-2.0/assets-purple/scale-horz-trough-active.png new file mode 100644 index 00000000..a5b5cee7 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple/scale-horz-trough-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple/scale-horz-trough-disabled.png b/src/src/assets/gtk-2.0/assets-purple/scale-horz-trough-disabled.png new file mode 100644 index 00000000..e38cec0e Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple/scale-horz-trough-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple/scale-horz-trough.png b/src/src/assets/gtk-2.0/assets-purple/scale-horz-trough.png new file mode 100644 index 00000000..85e94865 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple/scale-horz-trough.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple/scale-slider-active.png b/src/src/assets/gtk-2.0/assets-purple/scale-slider-active.png new file mode 100644 index 00000000..38532b6e Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple/scale-slider-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple/scale-slider-disabled.png b/src/src/assets/gtk-2.0/assets-purple/scale-slider-disabled.png new file mode 100644 index 00000000..9e2860da Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple/scale-slider-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple/scale-slider-hover.png b/src/src/assets/gtk-2.0/assets-purple/scale-slider-hover.png new file mode 100644 index 00000000..5a5a83b6 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple/scale-slider-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple/scale-slider.png b/src/src/assets/gtk-2.0/assets-purple/scale-slider.png new file mode 100644 index 00000000..e3e4ae17 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple/scale-slider.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple/scale-vert-trough-active.png b/src/src/assets/gtk-2.0/assets-purple/scale-vert-trough-active.png new file mode 100644 index 00000000..26f441e2 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple/scale-vert-trough-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple/scale-vert-trough-disabled.png b/src/src/assets/gtk-2.0/assets-purple/scale-vert-trough-disabled.png new file mode 100644 index 00000000..f976e3ac Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple/scale-vert-trough-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple/scale-vert-trough.png b/src/src/assets/gtk-2.0/assets-purple/scale-vert-trough.png new file mode 100644 index 00000000..ef79e783 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple/scale-vert-trough.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple/scrollbar-horz-slider-active.png b/src/src/assets/gtk-2.0/assets-purple/scrollbar-horz-slider-active.png new file mode 100644 index 00000000..060da6db Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple/scrollbar-horz-slider-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple/scrollbar-horz-slider-disabled.png b/src/src/assets/gtk-2.0/assets-purple/scrollbar-horz-slider-disabled.png new file mode 100644 index 00000000..9617e3f9 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple/scrollbar-horz-slider-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple/scrollbar-horz-slider-hover.png b/src/src/assets/gtk-2.0/assets-purple/scrollbar-horz-slider-hover.png new file mode 100644 index 00000000..bb6d9b06 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple/scrollbar-horz-slider-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple/scrollbar-horz-slider.png b/src/src/assets/gtk-2.0/assets-purple/scrollbar-horz-slider.png new file mode 100644 index 00000000..45e4bd90 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple/scrollbar-horz-slider.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple/scrollbar-horz-trough.png b/src/src/assets/gtk-2.0/assets-purple/scrollbar-horz-trough.png new file mode 100644 index 00000000..0394def8 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple/scrollbar-horz-trough.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple/scrollbar-vert-ltr-slider-active.png b/src/src/assets/gtk-2.0/assets-purple/scrollbar-vert-ltr-slider-active.png new file mode 100644 index 00000000..475b1afd Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple/scrollbar-vert-ltr-slider-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple/scrollbar-vert-ltr-slider-disabled.png b/src/src/assets/gtk-2.0/assets-purple/scrollbar-vert-ltr-slider-disabled.png new file mode 100644 index 00000000..d27871ed Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple/scrollbar-vert-ltr-slider-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple/scrollbar-vert-ltr-slider-hover.png b/src/src/assets/gtk-2.0/assets-purple/scrollbar-vert-ltr-slider-hover.png new file mode 100644 index 00000000..4739b684 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple/scrollbar-vert-ltr-slider-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple/scrollbar-vert-ltr-slider.png b/src/src/assets/gtk-2.0/assets-purple/scrollbar-vert-ltr-slider.png new file mode 100644 index 00000000..dcab8053 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple/scrollbar-vert-ltr-slider.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple/scrollbar-vert-ltr-trough.png b/src/src/assets/gtk-2.0/assets-purple/scrollbar-vert-ltr-trough.png new file mode 100644 index 00000000..06b93b5c Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple/scrollbar-vert-ltr-trough.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple/scrollbar-vert-rtl-slider-active.png b/src/src/assets/gtk-2.0/assets-purple/scrollbar-vert-rtl-slider-active.png new file mode 100644 index 00000000..dcc9e9ff Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple/scrollbar-vert-rtl-slider-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple/scrollbar-vert-rtl-slider-disabled.png b/src/src/assets/gtk-2.0/assets-purple/scrollbar-vert-rtl-slider-disabled.png new file mode 100644 index 00000000..96562d1c Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple/scrollbar-vert-rtl-slider-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple/scrollbar-vert-rtl-slider-hover.png b/src/src/assets/gtk-2.0/assets-purple/scrollbar-vert-rtl-slider-hover.png new file mode 100644 index 00000000..378bfa09 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple/scrollbar-vert-rtl-slider-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple/scrollbar-vert-rtl-slider.png b/src/src/assets/gtk-2.0/assets-purple/scrollbar-vert-rtl-slider.png new file mode 100644 index 00000000..5f5dd82f Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple/scrollbar-vert-rtl-slider.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple/scrollbar-vert-rtl-trough.png b/src/src/assets/gtk-2.0/assets-purple/scrollbar-vert-rtl-trough.png new file mode 100644 index 00000000..4d6a6aa4 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple/scrollbar-vert-rtl-trough.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple/spin-ltr-down-active.png b/src/src/assets/gtk-2.0/assets-purple/spin-ltr-down-active.png new file mode 100644 index 00000000..653daa8a Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple/spin-ltr-down-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple/spin-ltr-down-disabled.png b/src/src/assets/gtk-2.0/assets-purple/spin-ltr-down-disabled.png new file mode 100644 index 00000000..d7715014 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple/spin-ltr-down-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple/spin-ltr-down-hover.png b/src/src/assets/gtk-2.0/assets-purple/spin-ltr-down-hover.png new file mode 100644 index 00000000..d8f4c370 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple/spin-ltr-down-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple/spin-ltr-down.png b/src/src/assets/gtk-2.0/assets-purple/spin-ltr-down.png new file mode 100644 index 00000000..d44a3dd6 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple/spin-ltr-down.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple/spin-ltr-up-active.png b/src/src/assets/gtk-2.0/assets-purple/spin-ltr-up-active.png new file mode 100644 index 00000000..ad081535 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple/spin-ltr-up-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple/spin-ltr-up-disabled.png b/src/src/assets/gtk-2.0/assets-purple/spin-ltr-up-disabled.png new file mode 100644 index 00000000..108a1073 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple/spin-ltr-up-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple/spin-ltr-up-hover.png b/src/src/assets/gtk-2.0/assets-purple/spin-ltr-up-hover.png new file mode 100644 index 00000000..6a4d2cd7 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple/spin-ltr-up-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple/spin-ltr-up.png b/src/src/assets/gtk-2.0/assets-purple/spin-ltr-up.png new file mode 100644 index 00000000..b735ea2f Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple/spin-ltr-up.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple/spin-rtl-down-active.png b/src/src/assets/gtk-2.0/assets-purple/spin-rtl-down-active.png new file mode 100644 index 00000000..939849f8 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple/spin-rtl-down-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple/spin-rtl-down-disabled.png b/src/src/assets/gtk-2.0/assets-purple/spin-rtl-down-disabled.png new file mode 100644 index 00000000..a7052083 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple/spin-rtl-down-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple/spin-rtl-down-hover.png b/src/src/assets/gtk-2.0/assets-purple/spin-rtl-down-hover.png new file mode 100644 index 00000000..35364e53 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple/spin-rtl-down-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple/spin-rtl-down.png b/src/src/assets/gtk-2.0/assets-purple/spin-rtl-down.png new file mode 100644 index 00000000..74ba4d67 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple/spin-rtl-down.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple/spin-rtl-up-active.png b/src/src/assets/gtk-2.0/assets-purple/spin-rtl-up-active.png new file mode 100644 index 00000000..39df0ad1 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple/spin-rtl-up-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple/spin-rtl-up-disabled.png b/src/src/assets/gtk-2.0/assets-purple/spin-rtl-up-disabled.png new file mode 100644 index 00000000..95f42b7c Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple/spin-rtl-up-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple/spin-rtl-up-hover.png b/src/src/assets/gtk-2.0/assets-purple/spin-rtl-up-hover.png new file mode 100644 index 00000000..5d839967 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple/spin-rtl-up-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple/spin-rtl-up.png b/src/src/assets/gtk-2.0/assets-purple/spin-rtl-up.png new file mode 100644 index 00000000..08c266ae Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple/spin-rtl-up.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple/tab.png b/src/src/assets/gtk-2.0/assets-purple/tab.png new file mode 100644 index 00000000..5621fd30 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple/tab.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple/treeview-ltr-button-active.png b/src/src/assets/gtk-2.0/assets-purple/treeview-ltr-button-active.png new file mode 100644 index 00000000..365523e0 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple/treeview-ltr-button-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple/treeview-ltr-button-hover.png b/src/src/assets/gtk-2.0/assets-purple/treeview-ltr-button-hover.png new file mode 100644 index 00000000..e43317ce Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple/treeview-ltr-button-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple/treeview-ltr-button.png b/src/src/assets/gtk-2.0/assets-purple/treeview-ltr-button.png new file mode 100644 index 00000000..862ac323 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple/treeview-ltr-button.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple/treeview-rtl-button-active.png b/src/src/assets/gtk-2.0/assets-purple/treeview-rtl-button-active.png new file mode 100644 index 00000000..3dc0f5a2 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple/treeview-rtl-button-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple/treeview-rtl-button-hover.png b/src/src/assets/gtk-2.0/assets-purple/treeview-rtl-button-hover.png new file mode 100644 index 00000000..f6dce3b4 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple/treeview-rtl-button-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-purple/treeview-rtl-button.png b/src/src/assets/gtk-2.0/assets-purple/treeview-rtl-button.png new file mode 100644 index 00000000..04b779bf Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-purple/treeview-rtl-button.png differ diff --git a/src/src/assets/gtk-2.0/assets-red-dark.svg b/src/src/assets/gtk-2.0/assets-red-dark.svg new file mode 100644 index 00000000..66d5f250 --- /dev/null +++ b/src/src/assets/gtk-2.0/assets-red-dark.svg @@ -0,0 +1,3204 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/src/assets/gtk-2.0/assets-red-dark/border.png b/src/src/assets/gtk-2.0/assets-red-dark/border.png new file mode 100644 index 00000000..20d503bf Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red-dark/border.png differ diff --git a/src/src/assets/gtk-2.0/assets-red-dark/button-active.png b/src/src/assets/gtk-2.0/assets-red-dark/button-active.png new file mode 100644 index 00000000..ca25ccce Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red-dark/button-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-red-dark/button-disabled.png b/src/src/assets/gtk-2.0/assets-red-dark/button-disabled.png new file mode 100644 index 00000000..6578ba7d Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red-dark/button-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-red-dark/button-hover.png b/src/src/assets/gtk-2.0/assets-red-dark/button-hover.png new file mode 100644 index 00000000..66e1fdd7 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red-dark/button-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-red-dark/button.png b/src/src/assets/gtk-2.0/assets-red-dark/button.png new file mode 100644 index 00000000..3fe12c70 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red-dark/button.png differ diff --git a/src/src/assets/gtk-2.0/assets-red-dark/checkbox-checked-active.png b/src/src/assets/gtk-2.0/assets-red-dark/checkbox-checked-active.png new file mode 100644 index 00000000..9d38e213 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red-dark/checkbox-checked-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-red-dark/checkbox-checked-disabled.png b/src/src/assets/gtk-2.0/assets-red-dark/checkbox-checked-disabled.png new file mode 100644 index 00000000..9e13b63d Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red-dark/checkbox-checked-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-red-dark/checkbox-checked-hover.png b/src/src/assets/gtk-2.0/assets-red-dark/checkbox-checked-hover.png new file mode 100644 index 00000000..6b38f452 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red-dark/checkbox-checked-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-red-dark/checkbox-checked.png b/src/src/assets/gtk-2.0/assets-red-dark/checkbox-checked.png new file mode 100644 index 00000000..e6d1ec64 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red-dark/checkbox-checked.png differ diff --git a/src/src/assets/gtk-2.0/assets-red-dark/checkbox-mixed-active.png b/src/src/assets/gtk-2.0/assets-red-dark/checkbox-mixed-active.png new file mode 100644 index 00000000..0018150c Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red-dark/checkbox-mixed-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-red-dark/checkbox-mixed-disabled.png b/src/src/assets/gtk-2.0/assets-red-dark/checkbox-mixed-disabled.png new file mode 100644 index 00000000..feeae7cb Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red-dark/checkbox-mixed-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-red-dark/checkbox-mixed-hover.png b/src/src/assets/gtk-2.0/assets-red-dark/checkbox-mixed-hover.png new file mode 100644 index 00000000..f7376f9c Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red-dark/checkbox-mixed-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-red-dark/checkbox-mixed.png b/src/src/assets/gtk-2.0/assets-red-dark/checkbox-mixed.png new file mode 100644 index 00000000..2c0aae72 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red-dark/checkbox-mixed.png differ diff --git a/src/src/assets/gtk-2.0/assets-red-dark/checkbox-unchecked-active.png b/src/src/assets/gtk-2.0/assets-red-dark/checkbox-unchecked-active.png new file mode 100644 index 00000000..f6948e7a Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red-dark/checkbox-unchecked-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-red-dark/checkbox-unchecked-disabled.png b/src/src/assets/gtk-2.0/assets-red-dark/checkbox-unchecked-disabled.png new file mode 100644 index 00000000..73e42bdf Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red-dark/checkbox-unchecked-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-red-dark/checkbox-unchecked-hover.png b/src/src/assets/gtk-2.0/assets-red-dark/checkbox-unchecked-hover.png new file mode 100644 index 00000000..191738b7 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red-dark/checkbox-unchecked-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-red-dark/checkbox-unchecked.png b/src/src/assets/gtk-2.0/assets-red-dark/checkbox-unchecked.png new file mode 100644 index 00000000..e310c022 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red-dark/checkbox-unchecked.png differ diff --git a/src/src/assets/gtk-2.0/assets-red-dark/combo-left-entry-active.png b/src/src/assets/gtk-2.0/assets-red-dark/combo-left-entry-active.png new file mode 100644 index 00000000..1b5ebaee Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red-dark/combo-left-entry-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-red-dark/combo-left-entry-disabled.png b/src/src/assets/gtk-2.0/assets-red-dark/combo-left-entry-disabled.png new file mode 100644 index 00000000..6a9d9dd2 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red-dark/combo-left-entry-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-red-dark/combo-left-entry-hover.png b/src/src/assets/gtk-2.0/assets-red-dark/combo-left-entry-hover.png new file mode 100644 index 00000000..c65ced02 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red-dark/combo-left-entry-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-red-dark/combo-left-entry.png b/src/src/assets/gtk-2.0/assets-red-dark/combo-left-entry.png new file mode 100644 index 00000000..255e3dc3 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red-dark/combo-left-entry.png differ diff --git a/src/src/assets/gtk-2.0/assets-red-dark/combo-right-entry-active.png b/src/src/assets/gtk-2.0/assets-red-dark/combo-right-entry-active.png new file mode 100644 index 00000000..aedac9f3 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red-dark/combo-right-entry-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-red-dark/combo-right-entry-disabled.png b/src/src/assets/gtk-2.0/assets-red-dark/combo-right-entry-disabled.png new file mode 100644 index 00000000..67cfcc78 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red-dark/combo-right-entry-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-red-dark/combo-right-entry-hover.png b/src/src/assets/gtk-2.0/assets-red-dark/combo-right-entry-hover.png new file mode 100644 index 00000000..8d643bd3 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red-dark/combo-right-entry-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-red-dark/combo-right-entry.png b/src/src/assets/gtk-2.0/assets-red-dark/combo-right-entry.png new file mode 100644 index 00000000..5d232339 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red-dark/combo-right-entry.png differ diff --git a/src/src/assets/gtk-2.0/assets-red-dark/entry-active.png b/src/src/assets/gtk-2.0/assets-red-dark/entry-active.png new file mode 100644 index 00000000..7c3af02f Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red-dark/entry-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-red-dark/entry-background-disabled.png b/src/src/assets/gtk-2.0/assets-red-dark/entry-background-disabled.png new file mode 100644 index 00000000..ce14ba81 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red-dark/entry-background-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-red-dark/entry-background.png b/src/src/assets/gtk-2.0/assets-red-dark/entry-background.png new file mode 100644 index 00000000..fdf26ab3 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red-dark/entry-background.png differ diff --git a/src/src/assets/gtk-2.0/assets-red-dark/entry-disabled.png b/src/src/assets/gtk-2.0/assets-red-dark/entry-disabled.png new file mode 100644 index 00000000..6578ba7d Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red-dark/entry-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-red-dark/entry-hover.png b/src/src/assets/gtk-2.0/assets-red-dark/entry-hover.png new file mode 100644 index 00000000..57332392 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red-dark/entry-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-red-dark/entry.png b/src/src/assets/gtk-2.0/assets-red-dark/entry.png new file mode 100644 index 00000000..3fe12c70 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red-dark/entry.png differ diff --git a/src/src/assets/gtk-2.0/assets-red-dark/flat-button-active.png b/src/src/assets/gtk-2.0/assets-red-dark/flat-button-active.png new file mode 100644 index 00000000..ca25ccce Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red-dark/flat-button-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-red-dark/flat-button-disabled.png b/src/src/assets/gtk-2.0/assets-red-dark/flat-button-disabled.png new file mode 100644 index 00000000..96f9995d Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red-dark/flat-button-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-red-dark/flat-button-hover.png b/src/src/assets/gtk-2.0/assets-red-dark/flat-button-hover.png new file mode 100644 index 00000000..66e1fdd7 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red-dark/flat-button-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-red-dark/flat-button.png b/src/src/assets/gtk-2.0/assets-red-dark/flat-button.png new file mode 100644 index 00000000..96f9995d Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red-dark/flat-button.png differ diff --git a/src/src/assets/gtk-2.0/assets-red-dark/focus.png b/src/src/assets/gtk-2.0/assets-red-dark/focus.png new file mode 100644 index 00000000..3e8d13db Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red-dark/focus.png differ diff --git a/src/src/assets/gtk-2.0/assets-red-dark/frame-inline.png b/src/src/assets/gtk-2.0/assets-red-dark/frame-inline.png new file mode 100644 index 00000000..7d10ff19 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red-dark/frame-inline.png differ diff --git a/src/src/assets/gtk-2.0/assets-red-dark/frame-notebook.png b/src/src/assets/gtk-2.0/assets-red-dark/frame-notebook.png new file mode 100644 index 00000000..7b5020ee Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red-dark/frame-notebook.png differ diff --git a/src/src/assets/gtk-2.0/assets-red-dark/frame.png b/src/src/assets/gtk-2.0/assets-red-dark/frame.png new file mode 100644 index 00000000..1562a81b Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red-dark/frame.png differ diff --git a/src/src/assets/gtk-2.0/assets-red-dark/handle-horz-active.png b/src/src/assets/gtk-2.0/assets-red-dark/handle-horz-active.png new file mode 100644 index 00000000..f1c519ef Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red-dark/handle-horz-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-red-dark/handle-horz-hover.png b/src/src/assets/gtk-2.0/assets-red-dark/handle-horz-hover.png new file mode 100644 index 00000000..e7e40d69 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red-dark/handle-horz-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-red-dark/handle-horz.png b/src/src/assets/gtk-2.0/assets-red-dark/handle-horz.png new file mode 100644 index 00000000..ef1738d0 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red-dark/handle-horz.png differ diff --git a/src/src/assets/gtk-2.0/assets-red-dark/handle-vert-active.png b/src/src/assets/gtk-2.0/assets-red-dark/handle-vert-active.png new file mode 100644 index 00000000..0cec1dc5 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red-dark/handle-vert-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-red-dark/handle-vert-hover.png b/src/src/assets/gtk-2.0/assets-red-dark/handle-vert-hover.png new file mode 100644 index 00000000..600fb08b Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red-dark/handle-vert-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-red-dark/handle-vert.png b/src/src/assets/gtk-2.0/assets-red-dark/handle-vert.png new file mode 100644 index 00000000..377fdf0b Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red-dark/handle-vert.png differ diff --git a/src/src/assets/gtk-2.0/assets-red-dark/menu-checkbox-checked-disabled.png b/src/src/assets/gtk-2.0/assets-red-dark/menu-checkbox-checked-disabled.png new file mode 100644 index 00000000..4f4351ca Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red-dark/menu-checkbox-checked-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-red-dark/menu-checkbox-checked.png b/src/src/assets/gtk-2.0/assets-red-dark/menu-checkbox-checked.png new file mode 100644 index 00000000..9bf28255 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red-dark/menu-checkbox-checked.png differ diff --git a/src/src/assets/gtk-2.0/assets-red-dark/menu-checkbox-mixed-disabled.png b/src/src/assets/gtk-2.0/assets-red-dark/menu-checkbox-mixed-disabled.png new file mode 100644 index 00000000..1b8bfb86 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red-dark/menu-checkbox-mixed-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-red-dark/menu-checkbox-mixed.png b/src/src/assets/gtk-2.0/assets-red-dark/menu-checkbox-mixed.png new file mode 100644 index 00000000..18fba541 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red-dark/menu-checkbox-mixed.png differ diff --git a/src/src/assets/gtk-2.0/assets-red-dark/menu-checkbox-unchecked-disabled.png b/src/src/assets/gtk-2.0/assets-red-dark/menu-checkbox-unchecked-disabled.png new file mode 100644 index 00000000..4b8fbb54 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red-dark/menu-checkbox-unchecked-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-red-dark/menu-checkbox-unchecked.png b/src/src/assets/gtk-2.0/assets-red-dark/menu-checkbox-unchecked.png new file mode 100644 index 00000000..5317874c Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red-dark/menu-checkbox-unchecked.png differ diff --git a/src/src/assets/gtk-2.0/assets-red-dark/menu-radio-checked-disabled.png b/src/src/assets/gtk-2.0/assets-red-dark/menu-radio-checked-disabled.png new file mode 100644 index 00000000..b582851e Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red-dark/menu-radio-checked-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-red-dark/menu-radio-checked.png b/src/src/assets/gtk-2.0/assets-red-dark/menu-radio-checked.png new file mode 100644 index 00000000..d396d11d Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red-dark/menu-radio-checked.png differ diff --git a/src/src/assets/gtk-2.0/assets-red-dark/menu-radio-mixed-disabled.png b/src/src/assets/gtk-2.0/assets-red-dark/menu-radio-mixed-disabled.png new file mode 100644 index 00000000..1b8bfb86 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red-dark/menu-radio-mixed-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-red-dark/menu-radio-mixed.png b/src/src/assets/gtk-2.0/assets-red-dark/menu-radio-mixed.png new file mode 100644 index 00000000..18fba541 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red-dark/menu-radio-mixed.png differ diff --git a/src/src/assets/gtk-2.0/assets-red-dark/menu-radio-unchecked-disabled.png b/src/src/assets/gtk-2.0/assets-red-dark/menu-radio-unchecked-disabled.png new file mode 100644 index 00000000..4b8fbb54 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red-dark/menu-radio-unchecked-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-red-dark/menu-radio-unchecked.png b/src/src/assets/gtk-2.0/assets-red-dark/menu-radio-unchecked.png new file mode 100644 index 00000000..5317874c Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red-dark/menu-radio-unchecked.png differ diff --git a/src/src/assets/gtk-2.0/assets-red-dark/pan-down-alt-disabled.png b/src/src/assets/gtk-2.0/assets-red-dark/pan-down-alt-disabled.png new file mode 100644 index 00000000..11a69853 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red-dark/pan-down-alt-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-red-dark/pan-down-alt.png b/src/src/assets/gtk-2.0/assets-red-dark/pan-down-alt.png new file mode 100644 index 00000000..974686c7 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red-dark/pan-down-alt.png differ diff --git a/src/src/assets/gtk-2.0/assets-red-dark/pan-down-disabled.png b/src/src/assets/gtk-2.0/assets-red-dark/pan-down-disabled.png new file mode 100644 index 00000000..8aa63318 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red-dark/pan-down-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-red-dark/pan-down.png b/src/src/assets/gtk-2.0/assets-red-dark/pan-down.png new file mode 100644 index 00000000..2f28e41e Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red-dark/pan-down.png differ diff --git a/src/src/assets/gtk-2.0/assets-red-dark/pan-left-alt-disabled.png b/src/src/assets/gtk-2.0/assets-red-dark/pan-left-alt-disabled.png new file mode 100644 index 00000000..44e26b6d Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red-dark/pan-left-alt-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-red-dark/pan-left-alt.png b/src/src/assets/gtk-2.0/assets-red-dark/pan-left-alt.png new file mode 100644 index 00000000..529b5e4c Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red-dark/pan-left-alt.png differ diff --git a/src/src/assets/gtk-2.0/assets-red-dark/pan-left-disabled.png b/src/src/assets/gtk-2.0/assets-red-dark/pan-left-disabled.png new file mode 100644 index 00000000..ff7c8521 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red-dark/pan-left-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-red-dark/pan-left-semi.png b/src/src/assets/gtk-2.0/assets-red-dark/pan-left-semi.png new file mode 100644 index 00000000..955e801f Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red-dark/pan-left-semi.png differ diff --git a/src/src/assets/gtk-2.0/assets-red-dark/pan-left.png b/src/src/assets/gtk-2.0/assets-red-dark/pan-left.png new file mode 100644 index 00000000..c9cb53ac Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red-dark/pan-left.png differ diff --git a/src/src/assets/gtk-2.0/assets-red-dark/pan-right-alt-disabled.png b/src/src/assets/gtk-2.0/assets-red-dark/pan-right-alt-disabled.png new file mode 100644 index 00000000..42e5877b Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red-dark/pan-right-alt-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-red-dark/pan-right-alt.png b/src/src/assets/gtk-2.0/assets-red-dark/pan-right-alt.png new file mode 100644 index 00000000..d7405064 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red-dark/pan-right-alt.png differ diff --git a/src/src/assets/gtk-2.0/assets-red-dark/pan-right-disabled.png b/src/src/assets/gtk-2.0/assets-red-dark/pan-right-disabled.png new file mode 100644 index 00000000..e8e14e80 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red-dark/pan-right-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-red-dark/pan-right-semi.png b/src/src/assets/gtk-2.0/assets-red-dark/pan-right-semi.png new file mode 100644 index 00000000..d7d5af02 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red-dark/pan-right-semi.png differ diff --git a/src/src/assets/gtk-2.0/assets-red-dark/pan-right.png b/src/src/assets/gtk-2.0/assets-red-dark/pan-right.png new file mode 100644 index 00000000..6cf201d9 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red-dark/pan-right.png differ diff --git a/src/src/assets/gtk-2.0/assets-red-dark/pan-up-alt-disabled.png b/src/src/assets/gtk-2.0/assets-red-dark/pan-up-alt-disabled.png new file mode 100644 index 00000000..56a417c0 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red-dark/pan-up-alt-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-red-dark/pan-up-alt.png b/src/src/assets/gtk-2.0/assets-red-dark/pan-up-alt.png new file mode 100644 index 00000000..5df7be82 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red-dark/pan-up-alt.png differ diff --git a/src/src/assets/gtk-2.0/assets-red-dark/pan-up-disabled.png b/src/src/assets/gtk-2.0/assets-red-dark/pan-up-disabled.png new file mode 100644 index 00000000..d3ae5113 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red-dark/pan-up-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-red-dark/pan-up.png b/src/src/assets/gtk-2.0/assets-red-dark/pan-up.png new file mode 100644 index 00000000..a99f7cf0 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red-dark/pan-up.png differ diff --git a/src/src/assets/gtk-2.0/assets-red-dark/progressbar-progress.png b/src/src/assets/gtk-2.0/assets-red-dark/progressbar-progress.png new file mode 100644 index 00000000..aa68f529 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red-dark/progressbar-progress.png differ diff --git a/src/src/assets/gtk-2.0/assets-red-dark/progressbar-trough.png b/src/src/assets/gtk-2.0/assets-red-dark/progressbar-trough.png new file mode 100644 index 00000000..aba61d56 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red-dark/progressbar-trough.png differ diff --git a/src/src/assets/gtk-2.0/assets-red-dark/radio-checked-active.png b/src/src/assets/gtk-2.0/assets-red-dark/radio-checked-active.png new file mode 100644 index 00000000..0da5c729 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red-dark/radio-checked-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-red-dark/radio-checked-disabled.png b/src/src/assets/gtk-2.0/assets-red-dark/radio-checked-disabled.png new file mode 100644 index 00000000..6b08549b Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red-dark/radio-checked-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-red-dark/radio-checked-hover.png b/src/src/assets/gtk-2.0/assets-red-dark/radio-checked-hover.png new file mode 100644 index 00000000..648edb59 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red-dark/radio-checked-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-red-dark/radio-checked.png b/src/src/assets/gtk-2.0/assets-red-dark/radio-checked.png new file mode 100644 index 00000000..3b85ac63 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red-dark/radio-checked.png differ diff --git a/src/src/assets/gtk-2.0/assets-red-dark/radio-mixed-active.png b/src/src/assets/gtk-2.0/assets-red-dark/radio-mixed-active.png new file mode 100644 index 00000000..0018150c Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red-dark/radio-mixed-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-red-dark/radio-mixed-disabled.png b/src/src/assets/gtk-2.0/assets-red-dark/radio-mixed-disabled.png new file mode 100644 index 00000000..feeae7cb Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red-dark/radio-mixed-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-red-dark/radio-mixed-hover.png b/src/src/assets/gtk-2.0/assets-red-dark/radio-mixed-hover.png new file mode 100644 index 00000000..f7376f9c Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red-dark/radio-mixed-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-red-dark/radio-mixed.png b/src/src/assets/gtk-2.0/assets-red-dark/radio-mixed.png new file mode 100644 index 00000000..2c0aae72 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red-dark/radio-mixed.png differ diff --git a/src/src/assets/gtk-2.0/assets-red-dark/radio-unchecked-active.png b/src/src/assets/gtk-2.0/assets-red-dark/radio-unchecked-active.png new file mode 100644 index 00000000..f6948e7a Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red-dark/radio-unchecked-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-red-dark/radio-unchecked-disabled.png b/src/src/assets/gtk-2.0/assets-red-dark/radio-unchecked-disabled.png new file mode 100644 index 00000000..73e42bdf Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red-dark/radio-unchecked-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-red-dark/radio-unchecked-hover.png b/src/src/assets/gtk-2.0/assets-red-dark/radio-unchecked-hover.png new file mode 100644 index 00000000..191738b7 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red-dark/radio-unchecked-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-red-dark/radio-unchecked.png b/src/src/assets/gtk-2.0/assets-red-dark/radio-unchecked.png new file mode 100644 index 00000000..e310c022 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red-dark/radio-unchecked.png differ diff --git a/src/src/assets/gtk-2.0/assets-red-dark/scale-horz-trough-active.png b/src/src/assets/gtk-2.0/assets-red-dark/scale-horz-trough-active.png new file mode 100644 index 00000000..b7d15d59 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red-dark/scale-horz-trough-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-red-dark/scale-horz-trough-disabled.png b/src/src/assets/gtk-2.0/assets-red-dark/scale-horz-trough-disabled.png new file mode 100644 index 00000000..10cf142e Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red-dark/scale-horz-trough-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-red-dark/scale-horz-trough.png b/src/src/assets/gtk-2.0/assets-red-dark/scale-horz-trough.png new file mode 100644 index 00000000..8a0adf1d Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red-dark/scale-horz-trough.png differ diff --git a/src/src/assets/gtk-2.0/assets-red-dark/scale-slider-active.png b/src/src/assets/gtk-2.0/assets-red-dark/scale-slider-active.png new file mode 100644 index 00000000..7b5efbbe Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red-dark/scale-slider-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-red-dark/scale-slider-disabled.png b/src/src/assets/gtk-2.0/assets-red-dark/scale-slider-disabled.png new file mode 100644 index 00000000..eb1a1ae2 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red-dark/scale-slider-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-red-dark/scale-slider-hover.png b/src/src/assets/gtk-2.0/assets-red-dark/scale-slider-hover.png new file mode 100644 index 00000000..7c5fbbe2 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red-dark/scale-slider-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-red-dark/scale-slider.png b/src/src/assets/gtk-2.0/assets-red-dark/scale-slider.png new file mode 100644 index 00000000..47f555ce Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red-dark/scale-slider.png differ diff --git a/src/src/assets/gtk-2.0/assets-red-dark/scale-vert-trough-active.png b/src/src/assets/gtk-2.0/assets-red-dark/scale-vert-trough-active.png new file mode 100644 index 00000000..7dd7e410 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red-dark/scale-vert-trough-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-red-dark/scale-vert-trough-disabled.png b/src/src/assets/gtk-2.0/assets-red-dark/scale-vert-trough-disabled.png new file mode 100644 index 00000000..7e38ad6c Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red-dark/scale-vert-trough-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-red-dark/scale-vert-trough.png b/src/src/assets/gtk-2.0/assets-red-dark/scale-vert-trough.png new file mode 100644 index 00000000..6c6d3360 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red-dark/scale-vert-trough.png differ diff --git a/src/src/assets/gtk-2.0/assets-red-dark/scrollbar-horz-slider-active.png b/src/src/assets/gtk-2.0/assets-red-dark/scrollbar-horz-slider-active.png new file mode 100644 index 00000000..9b3802ab Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red-dark/scrollbar-horz-slider-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-red-dark/scrollbar-horz-slider-disabled.png b/src/src/assets/gtk-2.0/assets-red-dark/scrollbar-horz-slider-disabled.png new file mode 100644 index 00000000..a0e78e25 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red-dark/scrollbar-horz-slider-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-red-dark/scrollbar-horz-slider-hover.png b/src/src/assets/gtk-2.0/assets-red-dark/scrollbar-horz-slider-hover.png new file mode 100644 index 00000000..c44bf539 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red-dark/scrollbar-horz-slider-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-red-dark/scrollbar-horz-slider.png b/src/src/assets/gtk-2.0/assets-red-dark/scrollbar-horz-slider.png new file mode 100644 index 00000000..7d453476 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red-dark/scrollbar-horz-slider.png differ diff --git a/src/src/assets/gtk-2.0/assets-red-dark/scrollbar-horz-trough.png b/src/src/assets/gtk-2.0/assets-red-dark/scrollbar-horz-trough.png new file mode 100644 index 00000000..e5e9d5b4 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red-dark/scrollbar-horz-trough.png differ diff --git a/src/src/assets/gtk-2.0/assets-red-dark/scrollbar-vert-ltr-slider-active.png b/src/src/assets/gtk-2.0/assets-red-dark/scrollbar-vert-ltr-slider-active.png new file mode 100644 index 00000000..86a7e94d Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red-dark/scrollbar-vert-ltr-slider-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-red-dark/scrollbar-vert-ltr-slider-disabled.png b/src/src/assets/gtk-2.0/assets-red-dark/scrollbar-vert-ltr-slider-disabled.png new file mode 100644 index 00000000..e1bd86ac Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red-dark/scrollbar-vert-ltr-slider-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-red-dark/scrollbar-vert-ltr-slider-hover.png b/src/src/assets/gtk-2.0/assets-red-dark/scrollbar-vert-ltr-slider-hover.png new file mode 100644 index 00000000..0eab6abe Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red-dark/scrollbar-vert-ltr-slider-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-red-dark/scrollbar-vert-ltr-slider.png b/src/src/assets/gtk-2.0/assets-red-dark/scrollbar-vert-ltr-slider.png new file mode 100644 index 00000000..bd8227ac Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red-dark/scrollbar-vert-ltr-slider.png differ diff --git a/src/src/assets/gtk-2.0/assets-red-dark/scrollbar-vert-ltr-trough.png b/src/src/assets/gtk-2.0/assets-red-dark/scrollbar-vert-ltr-trough.png new file mode 100644 index 00000000..5e356392 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red-dark/scrollbar-vert-ltr-trough.png differ diff --git a/src/src/assets/gtk-2.0/assets-red-dark/scrollbar-vert-rtl-slider-active.png b/src/src/assets/gtk-2.0/assets-red-dark/scrollbar-vert-rtl-slider-active.png new file mode 100644 index 00000000..f219ede0 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red-dark/scrollbar-vert-rtl-slider-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-red-dark/scrollbar-vert-rtl-slider-disabled.png b/src/src/assets/gtk-2.0/assets-red-dark/scrollbar-vert-rtl-slider-disabled.png new file mode 100644 index 00000000..e8cf3269 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red-dark/scrollbar-vert-rtl-slider-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-red-dark/scrollbar-vert-rtl-slider-hover.png b/src/src/assets/gtk-2.0/assets-red-dark/scrollbar-vert-rtl-slider-hover.png new file mode 100644 index 00000000..fc02be48 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red-dark/scrollbar-vert-rtl-slider-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-red-dark/scrollbar-vert-rtl-slider.png b/src/src/assets/gtk-2.0/assets-red-dark/scrollbar-vert-rtl-slider.png new file mode 100644 index 00000000..8ab9c686 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red-dark/scrollbar-vert-rtl-slider.png differ diff --git a/src/src/assets/gtk-2.0/assets-red-dark/scrollbar-vert-rtl-trough.png b/src/src/assets/gtk-2.0/assets-red-dark/scrollbar-vert-rtl-trough.png new file mode 100644 index 00000000..056290d9 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red-dark/scrollbar-vert-rtl-trough.png differ diff --git a/src/src/assets/gtk-2.0/assets-red-dark/spin-ltr-down-active.png b/src/src/assets/gtk-2.0/assets-red-dark/spin-ltr-down-active.png new file mode 100644 index 00000000..4a624d8c Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red-dark/spin-ltr-down-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-red-dark/spin-ltr-down-disabled.png b/src/src/assets/gtk-2.0/assets-red-dark/spin-ltr-down-disabled.png new file mode 100644 index 00000000..19139fdd Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red-dark/spin-ltr-down-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-red-dark/spin-ltr-down-hover.png b/src/src/assets/gtk-2.0/assets-red-dark/spin-ltr-down-hover.png new file mode 100644 index 00000000..64e8a4ce Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red-dark/spin-ltr-down-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-red-dark/spin-ltr-down.png b/src/src/assets/gtk-2.0/assets-red-dark/spin-ltr-down.png new file mode 100644 index 00000000..020deb5f Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red-dark/spin-ltr-down.png differ diff --git a/src/src/assets/gtk-2.0/assets-red-dark/spin-ltr-up-active.png b/src/src/assets/gtk-2.0/assets-red-dark/spin-ltr-up-active.png new file mode 100644 index 00000000..e952def5 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red-dark/spin-ltr-up-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-red-dark/spin-ltr-up-disabled.png b/src/src/assets/gtk-2.0/assets-red-dark/spin-ltr-up-disabled.png new file mode 100644 index 00000000..dcf55afe Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red-dark/spin-ltr-up-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-red-dark/spin-ltr-up-hover.png b/src/src/assets/gtk-2.0/assets-red-dark/spin-ltr-up-hover.png new file mode 100644 index 00000000..4631e6fa Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red-dark/spin-ltr-up-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-red-dark/spin-ltr-up.png b/src/src/assets/gtk-2.0/assets-red-dark/spin-ltr-up.png new file mode 100644 index 00000000..f9b8eb67 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red-dark/spin-ltr-up.png differ diff --git a/src/src/assets/gtk-2.0/assets-red-dark/spin-rtl-down-active.png b/src/src/assets/gtk-2.0/assets-red-dark/spin-rtl-down-active.png new file mode 100644 index 00000000..07cc2456 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red-dark/spin-rtl-down-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-red-dark/spin-rtl-down-disabled.png b/src/src/assets/gtk-2.0/assets-red-dark/spin-rtl-down-disabled.png new file mode 100644 index 00000000..4c5e3b17 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red-dark/spin-rtl-down-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-red-dark/spin-rtl-down-hover.png b/src/src/assets/gtk-2.0/assets-red-dark/spin-rtl-down-hover.png new file mode 100644 index 00000000..af6410e7 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red-dark/spin-rtl-down-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-red-dark/spin-rtl-down.png b/src/src/assets/gtk-2.0/assets-red-dark/spin-rtl-down.png new file mode 100644 index 00000000..7eae4282 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red-dark/spin-rtl-down.png differ diff --git a/src/src/assets/gtk-2.0/assets-red-dark/spin-rtl-up-active.png b/src/src/assets/gtk-2.0/assets-red-dark/spin-rtl-up-active.png new file mode 100644 index 00000000..593fb1e5 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red-dark/spin-rtl-up-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-red-dark/spin-rtl-up-disabled.png b/src/src/assets/gtk-2.0/assets-red-dark/spin-rtl-up-disabled.png new file mode 100644 index 00000000..e229de47 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red-dark/spin-rtl-up-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-red-dark/spin-rtl-up-hover.png b/src/src/assets/gtk-2.0/assets-red-dark/spin-rtl-up-hover.png new file mode 100644 index 00000000..ed0c0ce8 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red-dark/spin-rtl-up-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-red-dark/spin-rtl-up.png b/src/src/assets/gtk-2.0/assets-red-dark/spin-rtl-up.png new file mode 100644 index 00000000..e3a59e86 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red-dark/spin-rtl-up.png differ diff --git a/src/src/assets/gtk-2.0/assets-red-dark/tab.png b/src/src/assets/gtk-2.0/assets-red-dark/tab.png new file mode 100644 index 00000000..14ac6060 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red-dark/tab.png differ diff --git a/src/src/assets/gtk-2.0/assets-red-dark/treeview-ltr-button-active.png b/src/src/assets/gtk-2.0/assets-red-dark/treeview-ltr-button-active.png new file mode 100644 index 00000000..45da44f8 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red-dark/treeview-ltr-button-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-red-dark/treeview-ltr-button-hover.png b/src/src/assets/gtk-2.0/assets-red-dark/treeview-ltr-button-hover.png new file mode 100644 index 00000000..a240cb64 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red-dark/treeview-ltr-button-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-red-dark/treeview-ltr-button.png b/src/src/assets/gtk-2.0/assets-red-dark/treeview-ltr-button.png new file mode 100644 index 00000000..cc77fcc3 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red-dark/treeview-ltr-button.png differ diff --git a/src/src/assets/gtk-2.0/assets-red-dark/treeview-rtl-button-active.png b/src/src/assets/gtk-2.0/assets-red-dark/treeview-rtl-button-active.png new file mode 100644 index 00000000..a5a46b99 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red-dark/treeview-rtl-button-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-red-dark/treeview-rtl-button-hover.png b/src/src/assets/gtk-2.0/assets-red-dark/treeview-rtl-button-hover.png new file mode 100644 index 00000000..810a277e Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red-dark/treeview-rtl-button-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-red-dark/treeview-rtl-button.png b/src/src/assets/gtk-2.0/assets-red-dark/treeview-rtl-button.png new file mode 100644 index 00000000..cc77fcc3 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red-dark/treeview-rtl-button.png differ diff --git a/src/src/assets/gtk-2.0/assets-red.svg b/src/src/assets/gtk-2.0/assets-red.svg new file mode 100644 index 00000000..8c21cda9 --- /dev/null +++ b/src/src/assets/gtk-2.0/assets-red.svg @@ -0,0 +1,3516 @@ + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/src/assets/gtk-2.0/assets-red/border.png b/src/src/assets/gtk-2.0/assets-red/border.png new file mode 100644 index 00000000..b755468c Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red/border.png differ diff --git a/src/src/assets/gtk-2.0/assets-red/button-active.png b/src/src/assets/gtk-2.0/assets-red/button-active.png new file mode 100644 index 00000000..6a3942cb Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red/button-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-red/button-disabled.png b/src/src/assets/gtk-2.0/assets-red/button-disabled.png new file mode 100644 index 00000000..0be273b6 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red/button-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-red/button-hover.png b/src/src/assets/gtk-2.0/assets-red/button-hover.png new file mode 100644 index 00000000..de5b6182 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red/button-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-red/button.png b/src/src/assets/gtk-2.0/assets-red/button.png new file mode 100644 index 00000000..daeaec77 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red/button.png differ diff --git a/src/src/assets/gtk-2.0/assets-red/checkbox-checked-active.png b/src/src/assets/gtk-2.0/assets-red/checkbox-checked-active.png new file mode 100644 index 00000000..5b02b3ab Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red/checkbox-checked-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-red/checkbox-checked-disabled.png b/src/src/assets/gtk-2.0/assets-red/checkbox-checked-disabled.png new file mode 100644 index 00000000..ae17177e Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red/checkbox-checked-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-red/checkbox-checked-hover.png b/src/src/assets/gtk-2.0/assets-red/checkbox-checked-hover.png new file mode 100644 index 00000000..162fd6cd Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red/checkbox-checked-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-red/checkbox-checked.png b/src/src/assets/gtk-2.0/assets-red/checkbox-checked.png new file mode 100644 index 00000000..e5a14dd5 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red/checkbox-checked.png differ diff --git a/src/src/assets/gtk-2.0/assets-red/checkbox-mixed-active.png b/src/src/assets/gtk-2.0/assets-red/checkbox-mixed-active.png new file mode 100644 index 00000000..3cab136f Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red/checkbox-mixed-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-red/checkbox-mixed-disabled.png b/src/src/assets/gtk-2.0/assets-red/checkbox-mixed-disabled.png new file mode 100644 index 00000000..d7465e9d Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red/checkbox-mixed-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-red/checkbox-mixed-hover.png b/src/src/assets/gtk-2.0/assets-red/checkbox-mixed-hover.png new file mode 100644 index 00000000..7add9a71 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red/checkbox-mixed-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-red/checkbox-mixed.png b/src/src/assets/gtk-2.0/assets-red/checkbox-mixed.png new file mode 100644 index 00000000..bffd7dd2 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red/checkbox-mixed.png differ diff --git a/src/src/assets/gtk-2.0/assets-red/checkbox-unchecked-active.png b/src/src/assets/gtk-2.0/assets-red/checkbox-unchecked-active.png new file mode 100644 index 00000000..b2112ca5 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red/checkbox-unchecked-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-red/checkbox-unchecked-disabled.png b/src/src/assets/gtk-2.0/assets-red/checkbox-unchecked-disabled.png new file mode 100644 index 00000000..ca92669d Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red/checkbox-unchecked-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-red/checkbox-unchecked-hover.png b/src/src/assets/gtk-2.0/assets-red/checkbox-unchecked-hover.png new file mode 100644 index 00000000..95cb359f Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red/checkbox-unchecked-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-red/checkbox-unchecked.png b/src/src/assets/gtk-2.0/assets-red/checkbox-unchecked.png new file mode 100644 index 00000000..6496e929 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red/checkbox-unchecked.png differ diff --git a/src/src/assets/gtk-2.0/assets-red/combo-left-entry-active.png b/src/src/assets/gtk-2.0/assets-red/combo-left-entry-active.png new file mode 100644 index 00000000..0fb72eea Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red/combo-left-entry-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-red/combo-left-entry-disabled.png b/src/src/assets/gtk-2.0/assets-red/combo-left-entry-disabled.png new file mode 100644 index 00000000..bec439a2 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red/combo-left-entry-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-red/combo-left-entry-hover.png b/src/src/assets/gtk-2.0/assets-red/combo-left-entry-hover.png new file mode 100644 index 00000000..d896386e Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red/combo-left-entry-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-red/combo-left-entry.png b/src/src/assets/gtk-2.0/assets-red/combo-left-entry.png new file mode 100644 index 00000000..943fac58 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red/combo-left-entry.png differ diff --git a/src/src/assets/gtk-2.0/assets-red/combo-right-entry-active.png b/src/src/assets/gtk-2.0/assets-red/combo-right-entry-active.png new file mode 100644 index 00000000..f2d24822 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red/combo-right-entry-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-red/combo-right-entry-disabled.png b/src/src/assets/gtk-2.0/assets-red/combo-right-entry-disabled.png new file mode 100644 index 00000000..52934069 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red/combo-right-entry-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-red/combo-right-entry-hover.png b/src/src/assets/gtk-2.0/assets-red/combo-right-entry-hover.png new file mode 100644 index 00000000..05548f30 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red/combo-right-entry-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-red/combo-right-entry.png b/src/src/assets/gtk-2.0/assets-red/combo-right-entry.png new file mode 100644 index 00000000..dd2118a6 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red/combo-right-entry.png differ diff --git a/src/src/assets/gtk-2.0/assets-red/entry-active.png b/src/src/assets/gtk-2.0/assets-red/entry-active.png new file mode 100644 index 00000000..6d3eb8c2 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red/entry-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-red/entry-background-disabled.png b/src/src/assets/gtk-2.0/assets-red/entry-background-disabled.png new file mode 100644 index 00000000..7f3aa5ee Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red/entry-background-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-red/entry-background.png b/src/src/assets/gtk-2.0/assets-red/entry-background.png new file mode 100644 index 00000000..72facdb0 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red/entry-background.png differ diff --git a/src/src/assets/gtk-2.0/assets-red/entry-disabled.png b/src/src/assets/gtk-2.0/assets-red/entry-disabled.png new file mode 100644 index 00000000..0be273b6 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red/entry-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-red/entry-hover.png b/src/src/assets/gtk-2.0/assets-red/entry-hover.png new file mode 100644 index 00000000..1e7804c7 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red/entry-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-red/entry.png b/src/src/assets/gtk-2.0/assets-red/entry.png new file mode 100644 index 00000000..daeaec77 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red/entry.png differ diff --git a/src/src/assets/gtk-2.0/assets-red/flat-button-active.png b/src/src/assets/gtk-2.0/assets-red/flat-button-active.png new file mode 100644 index 00000000..6a3942cb Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red/flat-button-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-red/flat-button-disabled.png b/src/src/assets/gtk-2.0/assets-red/flat-button-disabled.png new file mode 100644 index 00000000..34d490f1 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red/flat-button-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-red/flat-button-hover.png b/src/src/assets/gtk-2.0/assets-red/flat-button-hover.png new file mode 100644 index 00000000..de5b6182 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red/flat-button-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-red/flat-button.png b/src/src/assets/gtk-2.0/assets-red/flat-button.png new file mode 100644 index 00000000..34d490f1 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red/flat-button.png differ diff --git a/src/src/assets/gtk-2.0/assets-red/focus.png b/src/src/assets/gtk-2.0/assets-red/focus.png new file mode 100644 index 00000000..cf26e66f Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red/focus.png differ diff --git a/src/src/assets/gtk-2.0/assets-red/frame-inline.png b/src/src/assets/gtk-2.0/assets-red/frame-inline.png new file mode 100644 index 00000000..34703f89 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red/frame-inline.png differ diff --git a/src/src/assets/gtk-2.0/assets-red/frame-notebook.png b/src/src/assets/gtk-2.0/assets-red/frame-notebook.png new file mode 100644 index 00000000..ddb51968 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red/frame-notebook.png differ diff --git a/src/src/assets/gtk-2.0/assets-red/frame.png b/src/src/assets/gtk-2.0/assets-red/frame.png new file mode 100644 index 00000000..bd3e8516 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red/frame.png differ diff --git a/src/src/assets/gtk-2.0/assets-red/handle-horz-active.png b/src/src/assets/gtk-2.0/assets-red/handle-horz-active.png new file mode 100644 index 00000000..982db3de Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red/handle-horz-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-red/handle-horz-hover.png b/src/src/assets/gtk-2.0/assets-red/handle-horz-hover.png new file mode 100644 index 00000000..af9f1f49 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red/handle-horz-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-red/handle-horz.png b/src/src/assets/gtk-2.0/assets-red/handle-horz.png new file mode 100644 index 00000000..a7263884 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red/handle-horz.png differ diff --git a/src/src/assets/gtk-2.0/assets-red/handle-vert-active.png b/src/src/assets/gtk-2.0/assets-red/handle-vert-active.png new file mode 100644 index 00000000..e44fc648 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red/handle-vert-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-red/handle-vert-hover.png b/src/src/assets/gtk-2.0/assets-red/handle-vert-hover.png new file mode 100644 index 00000000..d14f0049 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red/handle-vert-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-red/handle-vert.png b/src/src/assets/gtk-2.0/assets-red/handle-vert.png new file mode 100644 index 00000000..567a2814 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red/handle-vert.png differ diff --git a/src/src/assets/gtk-2.0/assets-red/menu-checkbox-checked-disabled.png b/src/src/assets/gtk-2.0/assets-red/menu-checkbox-checked-disabled.png new file mode 100644 index 00000000..c5a11f9f Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red/menu-checkbox-checked-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-red/menu-checkbox-checked.png b/src/src/assets/gtk-2.0/assets-red/menu-checkbox-checked.png new file mode 100644 index 00000000..0cec03e1 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red/menu-checkbox-checked.png differ diff --git a/src/src/assets/gtk-2.0/assets-red/menu-checkbox-mixed-disabled.png b/src/src/assets/gtk-2.0/assets-red/menu-checkbox-mixed-disabled.png new file mode 100644 index 00000000..5e0fb81c Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red/menu-checkbox-mixed-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-red/menu-checkbox-mixed.png b/src/src/assets/gtk-2.0/assets-red/menu-checkbox-mixed.png new file mode 100644 index 00000000..cbdd2fbb Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red/menu-checkbox-mixed.png differ diff --git a/src/src/assets/gtk-2.0/assets-red/menu-checkbox-unchecked-disabled.png b/src/src/assets/gtk-2.0/assets-red/menu-checkbox-unchecked-disabled.png new file mode 100644 index 00000000..e8de0556 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red/menu-checkbox-unchecked-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-red/menu-checkbox-unchecked.png b/src/src/assets/gtk-2.0/assets-red/menu-checkbox-unchecked.png new file mode 100644 index 00000000..5846b31d Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red/menu-checkbox-unchecked.png differ diff --git a/src/src/assets/gtk-2.0/assets-red/menu-radio-checked-disabled.png b/src/src/assets/gtk-2.0/assets-red/menu-radio-checked-disabled.png new file mode 100644 index 00000000..0ba90b27 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red/menu-radio-checked-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-red/menu-radio-checked.png b/src/src/assets/gtk-2.0/assets-red/menu-radio-checked.png new file mode 100644 index 00000000..dd8571fc Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red/menu-radio-checked.png differ diff --git a/src/src/assets/gtk-2.0/assets-red/menu-radio-mixed-disabled.png b/src/src/assets/gtk-2.0/assets-red/menu-radio-mixed-disabled.png new file mode 100644 index 00000000..5e0fb81c Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red/menu-radio-mixed-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-red/menu-radio-mixed.png b/src/src/assets/gtk-2.0/assets-red/menu-radio-mixed.png new file mode 100644 index 00000000..cbdd2fbb Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red/menu-radio-mixed.png differ diff --git a/src/src/assets/gtk-2.0/assets-red/menu-radio-unchecked-disabled.png b/src/src/assets/gtk-2.0/assets-red/menu-radio-unchecked-disabled.png new file mode 100644 index 00000000..e8de0556 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red/menu-radio-unchecked-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-red/menu-radio-unchecked.png b/src/src/assets/gtk-2.0/assets-red/menu-radio-unchecked.png new file mode 100644 index 00000000..5846b31d Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red/menu-radio-unchecked.png differ diff --git a/src/src/assets/gtk-2.0/assets-red/pan-down-alt-disabled.png b/src/src/assets/gtk-2.0/assets-red/pan-down-alt-disabled.png new file mode 100644 index 00000000..db1d3614 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red/pan-down-alt-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-red/pan-down-alt.png b/src/src/assets/gtk-2.0/assets-red/pan-down-alt.png new file mode 100644 index 00000000..820e026c Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red/pan-down-alt.png differ diff --git a/src/src/assets/gtk-2.0/assets-red/pan-down-disabled.png b/src/src/assets/gtk-2.0/assets-red/pan-down-disabled.png new file mode 100644 index 00000000..567f441a Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red/pan-down-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-red/pan-down.png b/src/src/assets/gtk-2.0/assets-red/pan-down.png new file mode 100644 index 00000000..f664be1c Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red/pan-down.png differ diff --git a/src/src/assets/gtk-2.0/assets-red/pan-left-alt-disabled.png b/src/src/assets/gtk-2.0/assets-red/pan-left-alt-disabled.png new file mode 100644 index 00000000..d25e4b63 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red/pan-left-alt-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-red/pan-left-alt.png b/src/src/assets/gtk-2.0/assets-red/pan-left-alt.png new file mode 100644 index 00000000..6309016a Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red/pan-left-alt.png differ diff --git a/src/src/assets/gtk-2.0/assets-red/pan-left-disabled.png b/src/src/assets/gtk-2.0/assets-red/pan-left-disabled.png new file mode 100644 index 00000000..f0f94da2 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red/pan-left-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-red/pan-left-semi.png b/src/src/assets/gtk-2.0/assets-red/pan-left-semi.png new file mode 100644 index 00000000..efe18079 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red/pan-left-semi.png differ diff --git a/src/src/assets/gtk-2.0/assets-red/pan-left.png b/src/src/assets/gtk-2.0/assets-red/pan-left.png new file mode 100644 index 00000000..ae7f93db Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red/pan-left.png differ diff --git a/src/src/assets/gtk-2.0/assets-red/pan-right-alt-disabled.png b/src/src/assets/gtk-2.0/assets-red/pan-right-alt-disabled.png new file mode 100644 index 00000000..d11562a4 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red/pan-right-alt-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-red/pan-right-alt.png b/src/src/assets/gtk-2.0/assets-red/pan-right-alt.png new file mode 100644 index 00000000..3acb33bc Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red/pan-right-alt.png differ diff --git a/src/src/assets/gtk-2.0/assets-red/pan-right-disabled.png b/src/src/assets/gtk-2.0/assets-red/pan-right-disabled.png new file mode 100644 index 00000000..f49afaeb Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red/pan-right-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-red/pan-right-semi.png b/src/src/assets/gtk-2.0/assets-red/pan-right-semi.png new file mode 100644 index 00000000..331a3066 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red/pan-right-semi.png differ diff --git a/src/src/assets/gtk-2.0/assets-red/pan-right.png b/src/src/assets/gtk-2.0/assets-red/pan-right.png new file mode 100644 index 00000000..59754753 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red/pan-right.png differ diff --git a/src/src/assets/gtk-2.0/assets-red/pan-up-alt-disabled.png b/src/src/assets/gtk-2.0/assets-red/pan-up-alt-disabled.png new file mode 100644 index 00000000..361acb33 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red/pan-up-alt-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-red/pan-up-alt.png b/src/src/assets/gtk-2.0/assets-red/pan-up-alt.png new file mode 100644 index 00000000..dcdf2ec2 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red/pan-up-alt.png differ diff --git a/src/src/assets/gtk-2.0/assets-red/pan-up-disabled.png b/src/src/assets/gtk-2.0/assets-red/pan-up-disabled.png new file mode 100644 index 00000000..8a52366f Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red/pan-up-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-red/pan-up.png b/src/src/assets/gtk-2.0/assets-red/pan-up.png new file mode 100644 index 00000000..031ac461 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red/pan-up.png differ diff --git a/src/src/assets/gtk-2.0/assets-red/progressbar-progress.png b/src/src/assets/gtk-2.0/assets-red/progressbar-progress.png new file mode 100644 index 00000000..7cfb5a8e Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red/progressbar-progress.png differ diff --git a/src/src/assets/gtk-2.0/assets-red/progressbar-trough.png b/src/src/assets/gtk-2.0/assets-red/progressbar-trough.png new file mode 100644 index 00000000..9c4c5957 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red/progressbar-trough.png differ diff --git a/src/src/assets/gtk-2.0/assets-red/radio-checked-active.png b/src/src/assets/gtk-2.0/assets-red/radio-checked-active.png new file mode 100644 index 00000000..e8638f1b Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red/radio-checked-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-red/radio-checked-disabled.png b/src/src/assets/gtk-2.0/assets-red/radio-checked-disabled.png new file mode 100644 index 00000000..2be70891 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red/radio-checked-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-red/radio-checked-hover.png b/src/src/assets/gtk-2.0/assets-red/radio-checked-hover.png new file mode 100644 index 00000000..ae62c7f8 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red/radio-checked-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-red/radio-checked.png b/src/src/assets/gtk-2.0/assets-red/radio-checked.png new file mode 100644 index 00000000..ba4ad759 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red/radio-checked.png differ diff --git a/src/src/assets/gtk-2.0/assets-red/radio-mixed-active.png b/src/src/assets/gtk-2.0/assets-red/radio-mixed-active.png new file mode 100644 index 00000000..3cab136f Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red/radio-mixed-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-red/radio-mixed-disabled.png b/src/src/assets/gtk-2.0/assets-red/radio-mixed-disabled.png new file mode 100644 index 00000000..d7465e9d Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red/radio-mixed-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-red/radio-mixed-hover.png b/src/src/assets/gtk-2.0/assets-red/radio-mixed-hover.png new file mode 100644 index 00000000..7add9a71 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red/radio-mixed-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-red/radio-mixed.png b/src/src/assets/gtk-2.0/assets-red/radio-mixed.png new file mode 100644 index 00000000..bffd7dd2 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red/radio-mixed.png differ diff --git a/src/src/assets/gtk-2.0/assets-red/radio-unchecked-active.png b/src/src/assets/gtk-2.0/assets-red/radio-unchecked-active.png new file mode 100644 index 00000000..b2112ca5 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red/radio-unchecked-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-red/radio-unchecked-disabled.png b/src/src/assets/gtk-2.0/assets-red/radio-unchecked-disabled.png new file mode 100644 index 00000000..ca92669d Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red/radio-unchecked-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-red/radio-unchecked-hover.png b/src/src/assets/gtk-2.0/assets-red/radio-unchecked-hover.png new file mode 100644 index 00000000..95cb359f Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red/radio-unchecked-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-red/radio-unchecked.png b/src/src/assets/gtk-2.0/assets-red/radio-unchecked.png new file mode 100644 index 00000000..6496e929 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red/radio-unchecked.png differ diff --git a/src/src/assets/gtk-2.0/assets-red/scale-horz-trough-active.png b/src/src/assets/gtk-2.0/assets-red/scale-horz-trough-active.png new file mode 100644 index 00000000..60752efb Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red/scale-horz-trough-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-red/scale-horz-trough-disabled.png b/src/src/assets/gtk-2.0/assets-red/scale-horz-trough-disabled.png new file mode 100644 index 00000000..e38cec0e Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red/scale-horz-trough-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-red/scale-horz-trough.png b/src/src/assets/gtk-2.0/assets-red/scale-horz-trough.png new file mode 100644 index 00000000..85e94865 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red/scale-horz-trough.png differ diff --git a/src/src/assets/gtk-2.0/assets-red/scale-slider-active.png b/src/src/assets/gtk-2.0/assets-red/scale-slider-active.png new file mode 100644 index 00000000..245ec8db Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red/scale-slider-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-red/scale-slider-disabled.png b/src/src/assets/gtk-2.0/assets-red/scale-slider-disabled.png new file mode 100644 index 00000000..9e2860da Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red/scale-slider-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-red/scale-slider-hover.png b/src/src/assets/gtk-2.0/assets-red/scale-slider-hover.png new file mode 100644 index 00000000..ab38b605 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red/scale-slider-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-red/scale-slider.png b/src/src/assets/gtk-2.0/assets-red/scale-slider.png new file mode 100644 index 00000000..b3f5fd8e Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red/scale-slider.png differ diff --git a/src/src/assets/gtk-2.0/assets-red/scale-vert-trough-active.png b/src/src/assets/gtk-2.0/assets-red/scale-vert-trough-active.png new file mode 100644 index 00000000..65ae84bd Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red/scale-vert-trough-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-red/scale-vert-trough-disabled.png b/src/src/assets/gtk-2.0/assets-red/scale-vert-trough-disabled.png new file mode 100644 index 00000000..f976e3ac Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red/scale-vert-trough-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-red/scale-vert-trough.png b/src/src/assets/gtk-2.0/assets-red/scale-vert-trough.png new file mode 100644 index 00000000..ef79e783 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red/scale-vert-trough.png differ diff --git a/src/src/assets/gtk-2.0/assets-red/scrollbar-horz-slider-active.png b/src/src/assets/gtk-2.0/assets-red/scrollbar-horz-slider-active.png new file mode 100644 index 00000000..060da6db Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red/scrollbar-horz-slider-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-red/scrollbar-horz-slider-disabled.png b/src/src/assets/gtk-2.0/assets-red/scrollbar-horz-slider-disabled.png new file mode 100644 index 00000000..9617e3f9 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red/scrollbar-horz-slider-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-red/scrollbar-horz-slider-hover.png b/src/src/assets/gtk-2.0/assets-red/scrollbar-horz-slider-hover.png new file mode 100644 index 00000000..bb6d9b06 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red/scrollbar-horz-slider-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-red/scrollbar-horz-slider.png b/src/src/assets/gtk-2.0/assets-red/scrollbar-horz-slider.png new file mode 100644 index 00000000..45e4bd90 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red/scrollbar-horz-slider.png differ diff --git a/src/src/assets/gtk-2.0/assets-red/scrollbar-horz-trough.png b/src/src/assets/gtk-2.0/assets-red/scrollbar-horz-trough.png new file mode 100644 index 00000000..0394def8 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red/scrollbar-horz-trough.png differ diff --git a/src/src/assets/gtk-2.0/assets-red/scrollbar-vert-ltr-slider-active.png b/src/src/assets/gtk-2.0/assets-red/scrollbar-vert-ltr-slider-active.png new file mode 100644 index 00000000..475b1afd Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red/scrollbar-vert-ltr-slider-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-red/scrollbar-vert-ltr-slider-disabled.png b/src/src/assets/gtk-2.0/assets-red/scrollbar-vert-ltr-slider-disabled.png new file mode 100644 index 00000000..d27871ed Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red/scrollbar-vert-ltr-slider-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-red/scrollbar-vert-ltr-slider-hover.png b/src/src/assets/gtk-2.0/assets-red/scrollbar-vert-ltr-slider-hover.png new file mode 100644 index 00000000..4739b684 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red/scrollbar-vert-ltr-slider-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-red/scrollbar-vert-ltr-slider.png b/src/src/assets/gtk-2.0/assets-red/scrollbar-vert-ltr-slider.png new file mode 100644 index 00000000..dcab8053 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red/scrollbar-vert-ltr-slider.png differ diff --git a/src/src/assets/gtk-2.0/assets-red/scrollbar-vert-ltr-trough.png b/src/src/assets/gtk-2.0/assets-red/scrollbar-vert-ltr-trough.png new file mode 100644 index 00000000..06b93b5c Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red/scrollbar-vert-ltr-trough.png differ diff --git a/src/src/assets/gtk-2.0/assets-red/scrollbar-vert-rtl-slider-active.png b/src/src/assets/gtk-2.0/assets-red/scrollbar-vert-rtl-slider-active.png new file mode 100644 index 00000000..dcc9e9ff Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red/scrollbar-vert-rtl-slider-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-red/scrollbar-vert-rtl-slider-disabled.png b/src/src/assets/gtk-2.0/assets-red/scrollbar-vert-rtl-slider-disabled.png new file mode 100644 index 00000000..96562d1c Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red/scrollbar-vert-rtl-slider-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-red/scrollbar-vert-rtl-slider-hover.png b/src/src/assets/gtk-2.0/assets-red/scrollbar-vert-rtl-slider-hover.png new file mode 100644 index 00000000..378bfa09 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red/scrollbar-vert-rtl-slider-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-red/scrollbar-vert-rtl-slider.png b/src/src/assets/gtk-2.0/assets-red/scrollbar-vert-rtl-slider.png new file mode 100644 index 00000000..5f5dd82f Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red/scrollbar-vert-rtl-slider.png differ diff --git a/src/src/assets/gtk-2.0/assets-red/scrollbar-vert-rtl-trough.png b/src/src/assets/gtk-2.0/assets-red/scrollbar-vert-rtl-trough.png new file mode 100644 index 00000000..4d6a6aa4 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red/scrollbar-vert-rtl-trough.png differ diff --git a/src/src/assets/gtk-2.0/assets-red/spin-ltr-down-active.png b/src/src/assets/gtk-2.0/assets-red/spin-ltr-down-active.png new file mode 100644 index 00000000..2b698f0f Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red/spin-ltr-down-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-red/spin-ltr-down-disabled.png b/src/src/assets/gtk-2.0/assets-red/spin-ltr-down-disabled.png new file mode 100644 index 00000000..d7715014 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red/spin-ltr-down-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-red/spin-ltr-down-hover.png b/src/src/assets/gtk-2.0/assets-red/spin-ltr-down-hover.png new file mode 100644 index 00000000..d8f4c370 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red/spin-ltr-down-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-red/spin-ltr-down.png b/src/src/assets/gtk-2.0/assets-red/spin-ltr-down.png new file mode 100644 index 00000000..d44a3dd6 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red/spin-ltr-down.png differ diff --git a/src/src/assets/gtk-2.0/assets-red/spin-ltr-up-active.png b/src/src/assets/gtk-2.0/assets-red/spin-ltr-up-active.png new file mode 100644 index 00000000..bdb821bf Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red/spin-ltr-up-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-red/spin-ltr-up-disabled.png b/src/src/assets/gtk-2.0/assets-red/spin-ltr-up-disabled.png new file mode 100644 index 00000000..108a1073 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red/spin-ltr-up-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-red/spin-ltr-up-hover.png b/src/src/assets/gtk-2.0/assets-red/spin-ltr-up-hover.png new file mode 100644 index 00000000..6a4d2cd7 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red/spin-ltr-up-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-red/spin-ltr-up.png b/src/src/assets/gtk-2.0/assets-red/spin-ltr-up.png new file mode 100644 index 00000000..b735ea2f Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red/spin-ltr-up.png differ diff --git a/src/src/assets/gtk-2.0/assets-red/spin-rtl-down-active.png b/src/src/assets/gtk-2.0/assets-red/spin-rtl-down-active.png new file mode 100644 index 00000000..897a6cbf Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red/spin-rtl-down-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-red/spin-rtl-down-disabled.png b/src/src/assets/gtk-2.0/assets-red/spin-rtl-down-disabled.png new file mode 100644 index 00000000..a7052083 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red/spin-rtl-down-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-red/spin-rtl-down-hover.png b/src/src/assets/gtk-2.0/assets-red/spin-rtl-down-hover.png new file mode 100644 index 00000000..35364e53 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red/spin-rtl-down-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-red/spin-rtl-down.png b/src/src/assets/gtk-2.0/assets-red/spin-rtl-down.png new file mode 100644 index 00000000..74ba4d67 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red/spin-rtl-down.png differ diff --git a/src/src/assets/gtk-2.0/assets-red/spin-rtl-up-active.png b/src/src/assets/gtk-2.0/assets-red/spin-rtl-up-active.png new file mode 100644 index 00000000..92bc32de Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red/spin-rtl-up-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-red/spin-rtl-up-disabled.png b/src/src/assets/gtk-2.0/assets-red/spin-rtl-up-disabled.png new file mode 100644 index 00000000..95f42b7c Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red/spin-rtl-up-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-red/spin-rtl-up-hover.png b/src/src/assets/gtk-2.0/assets-red/spin-rtl-up-hover.png new file mode 100644 index 00000000..5d839967 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red/spin-rtl-up-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-red/spin-rtl-up.png b/src/src/assets/gtk-2.0/assets-red/spin-rtl-up.png new file mode 100644 index 00000000..08c266ae Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red/spin-rtl-up.png differ diff --git a/src/src/assets/gtk-2.0/assets-red/tab.png b/src/src/assets/gtk-2.0/assets-red/tab.png new file mode 100644 index 00000000..bfeb1e15 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red/tab.png differ diff --git a/src/src/assets/gtk-2.0/assets-red/treeview-ltr-button-active.png b/src/src/assets/gtk-2.0/assets-red/treeview-ltr-button-active.png new file mode 100644 index 00000000..365523e0 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red/treeview-ltr-button-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-red/treeview-ltr-button-hover.png b/src/src/assets/gtk-2.0/assets-red/treeview-ltr-button-hover.png new file mode 100644 index 00000000..e43317ce Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red/treeview-ltr-button-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-red/treeview-ltr-button.png b/src/src/assets/gtk-2.0/assets-red/treeview-ltr-button.png new file mode 100644 index 00000000..862ac323 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red/treeview-ltr-button.png differ diff --git a/src/src/assets/gtk-2.0/assets-red/treeview-rtl-button-active.png b/src/src/assets/gtk-2.0/assets-red/treeview-rtl-button-active.png new file mode 100644 index 00000000..3dc0f5a2 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red/treeview-rtl-button-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-red/treeview-rtl-button-hover.png b/src/src/assets/gtk-2.0/assets-red/treeview-rtl-button-hover.png new file mode 100644 index 00000000..f6dce3b4 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red/treeview-rtl-button-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-red/treeview-rtl-button.png b/src/src/assets/gtk-2.0/assets-red/treeview-rtl-button.png new file mode 100644 index 00000000..04b779bf Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-red/treeview-rtl-button.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal-dark/border.png b/src/src/assets/gtk-2.0/assets-teal-dark/border.png new file mode 100644 index 00000000..20d503bf Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal-dark/border.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal-dark/button-active.png b/src/src/assets/gtk-2.0/assets-teal-dark/button-active.png new file mode 100644 index 00000000..ca25ccce Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal-dark/button-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal-dark/button-disabled.png b/src/src/assets/gtk-2.0/assets-teal-dark/button-disabled.png new file mode 100644 index 00000000..6578ba7d Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal-dark/button-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal-dark/button-hover.png b/src/src/assets/gtk-2.0/assets-teal-dark/button-hover.png new file mode 100644 index 00000000..66e1fdd7 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal-dark/button-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal-dark/button.png b/src/src/assets/gtk-2.0/assets-teal-dark/button.png new file mode 100644 index 00000000..3fe12c70 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal-dark/button.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal-dark/checkbox-checked-active.png b/src/src/assets/gtk-2.0/assets-teal-dark/checkbox-checked-active.png new file mode 100644 index 00000000..373c77b4 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal-dark/checkbox-checked-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal-dark/checkbox-checked-disabled.png b/src/src/assets/gtk-2.0/assets-teal-dark/checkbox-checked-disabled.png new file mode 100644 index 00000000..a29a117b Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal-dark/checkbox-checked-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal-dark/checkbox-checked-hover.png b/src/src/assets/gtk-2.0/assets-teal-dark/checkbox-checked-hover.png new file mode 100644 index 00000000..e101429a Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal-dark/checkbox-checked-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal-dark/checkbox-checked.png b/src/src/assets/gtk-2.0/assets-teal-dark/checkbox-checked.png new file mode 100644 index 00000000..d39d78ce Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal-dark/checkbox-checked.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal-dark/checkbox-mixed-active.png b/src/src/assets/gtk-2.0/assets-teal-dark/checkbox-mixed-active.png new file mode 100644 index 00000000..3222f211 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal-dark/checkbox-mixed-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal-dark/checkbox-mixed-disabled.png b/src/src/assets/gtk-2.0/assets-teal-dark/checkbox-mixed-disabled.png new file mode 100644 index 00000000..45d5349b Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal-dark/checkbox-mixed-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal-dark/checkbox-mixed-hover.png b/src/src/assets/gtk-2.0/assets-teal-dark/checkbox-mixed-hover.png new file mode 100644 index 00000000..ae1b5dc4 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal-dark/checkbox-mixed-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal-dark/checkbox-mixed.png b/src/src/assets/gtk-2.0/assets-teal-dark/checkbox-mixed.png new file mode 100644 index 00000000..49889df8 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal-dark/checkbox-mixed.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal-dark/checkbox-unchecked-active.png b/src/src/assets/gtk-2.0/assets-teal-dark/checkbox-unchecked-active.png new file mode 100644 index 00000000..f6948e7a Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal-dark/checkbox-unchecked-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal-dark/checkbox-unchecked-disabled.png b/src/src/assets/gtk-2.0/assets-teal-dark/checkbox-unchecked-disabled.png new file mode 100644 index 00000000..73e42bdf Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal-dark/checkbox-unchecked-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal-dark/checkbox-unchecked-hover.png b/src/src/assets/gtk-2.0/assets-teal-dark/checkbox-unchecked-hover.png new file mode 100644 index 00000000..191738b7 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal-dark/checkbox-unchecked-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal-dark/checkbox-unchecked.png b/src/src/assets/gtk-2.0/assets-teal-dark/checkbox-unchecked.png new file mode 100644 index 00000000..e310c022 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal-dark/checkbox-unchecked.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal-dark/combo-left-entry-active.png b/src/src/assets/gtk-2.0/assets-teal-dark/combo-left-entry-active.png new file mode 100644 index 00000000..484defd0 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal-dark/combo-left-entry-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal-dark/combo-left-entry-disabled.png b/src/src/assets/gtk-2.0/assets-teal-dark/combo-left-entry-disabled.png new file mode 100644 index 00000000..6a9d9dd2 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal-dark/combo-left-entry-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal-dark/combo-left-entry-hover.png b/src/src/assets/gtk-2.0/assets-teal-dark/combo-left-entry-hover.png new file mode 100644 index 00000000..c65ced02 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal-dark/combo-left-entry-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal-dark/combo-left-entry.png b/src/src/assets/gtk-2.0/assets-teal-dark/combo-left-entry.png new file mode 100644 index 00000000..255e3dc3 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal-dark/combo-left-entry.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal-dark/combo-right-entry-active.png b/src/src/assets/gtk-2.0/assets-teal-dark/combo-right-entry-active.png new file mode 100644 index 00000000..99fd130f Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal-dark/combo-right-entry-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal-dark/combo-right-entry-disabled.png b/src/src/assets/gtk-2.0/assets-teal-dark/combo-right-entry-disabled.png new file mode 100644 index 00000000..67cfcc78 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal-dark/combo-right-entry-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal-dark/combo-right-entry-hover.png b/src/src/assets/gtk-2.0/assets-teal-dark/combo-right-entry-hover.png new file mode 100644 index 00000000..8d643bd3 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal-dark/combo-right-entry-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal-dark/combo-right-entry.png b/src/src/assets/gtk-2.0/assets-teal-dark/combo-right-entry.png new file mode 100644 index 00000000..5d232339 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal-dark/combo-right-entry.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal-dark/entry-active.png b/src/src/assets/gtk-2.0/assets-teal-dark/entry-active.png new file mode 100644 index 00000000..4d261e15 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal-dark/entry-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal-dark/entry-background-disabled.png b/src/src/assets/gtk-2.0/assets-teal-dark/entry-background-disabled.png new file mode 100644 index 00000000..ce14ba81 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal-dark/entry-background-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal-dark/entry-background.png b/src/src/assets/gtk-2.0/assets-teal-dark/entry-background.png new file mode 100644 index 00000000..fdf26ab3 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal-dark/entry-background.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal-dark/entry-disabled.png b/src/src/assets/gtk-2.0/assets-teal-dark/entry-disabled.png new file mode 100644 index 00000000..6578ba7d Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal-dark/entry-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal-dark/entry-hover.png b/src/src/assets/gtk-2.0/assets-teal-dark/entry-hover.png new file mode 100644 index 00000000..57332392 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal-dark/entry-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal-dark/entry.png b/src/src/assets/gtk-2.0/assets-teal-dark/entry.png new file mode 100644 index 00000000..3fe12c70 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal-dark/entry.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal-dark/flat-button-active.png b/src/src/assets/gtk-2.0/assets-teal-dark/flat-button-active.png new file mode 100644 index 00000000..ca25ccce Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal-dark/flat-button-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal-dark/flat-button-disabled.png b/src/src/assets/gtk-2.0/assets-teal-dark/flat-button-disabled.png new file mode 100644 index 00000000..96f9995d Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal-dark/flat-button-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal-dark/flat-button-hover.png b/src/src/assets/gtk-2.0/assets-teal-dark/flat-button-hover.png new file mode 100644 index 00000000..66e1fdd7 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal-dark/flat-button-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal-dark/flat-button.png b/src/src/assets/gtk-2.0/assets-teal-dark/flat-button.png new file mode 100644 index 00000000..96f9995d Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal-dark/flat-button.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal-dark/focus.png b/src/src/assets/gtk-2.0/assets-teal-dark/focus.png new file mode 100644 index 00000000..3e8d13db Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal-dark/focus.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal-dark/frame-inline.png b/src/src/assets/gtk-2.0/assets-teal-dark/frame-inline.png new file mode 100644 index 00000000..7d10ff19 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal-dark/frame-inline.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal-dark/frame-notebook.png b/src/src/assets/gtk-2.0/assets-teal-dark/frame-notebook.png new file mode 100644 index 00000000..7b5020ee Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal-dark/frame-notebook.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal-dark/frame.png b/src/src/assets/gtk-2.0/assets-teal-dark/frame.png new file mode 100644 index 00000000..1562a81b Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal-dark/frame.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal-dark/handle-horz-active.png b/src/src/assets/gtk-2.0/assets-teal-dark/handle-horz-active.png new file mode 100644 index 00000000..f1c519ef Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal-dark/handle-horz-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal-dark/handle-horz-hover.png b/src/src/assets/gtk-2.0/assets-teal-dark/handle-horz-hover.png new file mode 100644 index 00000000..e7e40d69 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal-dark/handle-horz-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal-dark/handle-horz.png b/src/src/assets/gtk-2.0/assets-teal-dark/handle-horz.png new file mode 100644 index 00000000..ef1738d0 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal-dark/handle-horz.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal-dark/handle-vert-active.png b/src/src/assets/gtk-2.0/assets-teal-dark/handle-vert-active.png new file mode 100644 index 00000000..0cec1dc5 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal-dark/handle-vert-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal-dark/handle-vert-hover.png b/src/src/assets/gtk-2.0/assets-teal-dark/handle-vert-hover.png new file mode 100644 index 00000000..600fb08b Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal-dark/handle-vert-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal-dark/handle-vert.png b/src/src/assets/gtk-2.0/assets-teal-dark/handle-vert.png new file mode 100644 index 00000000..377fdf0b Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal-dark/handle-vert.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal-dark/menu-checkbox-checked-disabled.png b/src/src/assets/gtk-2.0/assets-teal-dark/menu-checkbox-checked-disabled.png new file mode 100644 index 00000000..db35b0dd Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal-dark/menu-checkbox-checked-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal-dark/menu-checkbox-checked.png b/src/src/assets/gtk-2.0/assets-teal-dark/menu-checkbox-checked.png new file mode 100644 index 00000000..40c35dd0 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal-dark/menu-checkbox-checked.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal-dark/menu-checkbox-mixed-disabled.png b/src/src/assets/gtk-2.0/assets-teal-dark/menu-checkbox-mixed-disabled.png new file mode 100644 index 00000000..3a88ecad Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal-dark/menu-checkbox-mixed-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal-dark/menu-checkbox-mixed.png b/src/src/assets/gtk-2.0/assets-teal-dark/menu-checkbox-mixed.png new file mode 100644 index 00000000..8b3d44f3 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal-dark/menu-checkbox-mixed.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal-dark/menu-checkbox-unchecked-disabled.png b/src/src/assets/gtk-2.0/assets-teal-dark/menu-checkbox-unchecked-disabled.png new file mode 100644 index 00000000..4b8fbb54 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal-dark/menu-checkbox-unchecked-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal-dark/menu-checkbox-unchecked.png b/src/src/assets/gtk-2.0/assets-teal-dark/menu-checkbox-unchecked.png new file mode 100644 index 00000000..5317874c Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal-dark/menu-checkbox-unchecked.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal-dark/menu-radio-checked-disabled.png b/src/src/assets/gtk-2.0/assets-teal-dark/menu-radio-checked-disabled.png new file mode 100644 index 00000000..1a5bedf8 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal-dark/menu-radio-checked-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal-dark/menu-radio-checked.png b/src/src/assets/gtk-2.0/assets-teal-dark/menu-radio-checked.png new file mode 100644 index 00000000..30e7dcd4 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal-dark/menu-radio-checked.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal-dark/menu-radio-mixed-disabled.png b/src/src/assets/gtk-2.0/assets-teal-dark/menu-radio-mixed-disabled.png new file mode 100644 index 00000000..3a88ecad Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal-dark/menu-radio-mixed-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal-dark/menu-radio-mixed.png b/src/src/assets/gtk-2.0/assets-teal-dark/menu-radio-mixed.png new file mode 100644 index 00000000..8b3d44f3 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal-dark/menu-radio-mixed.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal-dark/menu-radio-unchecked-disabled.png b/src/src/assets/gtk-2.0/assets-teal-dark/menu-radio-unchecked-disabled.png new file mode 100644 index 00000000..4b8fbb54 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal-dark/menu-radio-unchecked-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal-dark/menu-radio-unchecked.png b/src/src/assets/gtk-2.0/assets-teal-dark/menu-radio-unchecked.png new file mode 100644 index 00000000..5317874c Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal-dark/menu-radio-unchecked.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal-dark/pan-down-alt-disabled.png b/src/src/assets/gtk-2.0/assets-teal-dark/pan-down-alt-disabled.png new file mode 100644 index 00000000..11a69853 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal-dark/pan-down-alt-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal-dark/pan-down-alt.png b/src/src/assets/gtk-2.0/assets-teal-dark/pan-down-alt.png new file mode 100644 index 00000000..974686c7 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal-dark/pan-down-alt.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal-dark/pan-down-disabled.png b/src/src/assets/gtk-2.0/assets-teal-dark/pan-down-disabled.png new file mode 100644 index 00000000..8aa63318 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal-dark/pan-down-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal-dark/pan-down.png b/src/src/assets/gtk-2.0/assets-teal-dark/pan-down.png new file mode 100644 index 00000000..2f28e41e Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal-dark/pan-down.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal-dark/pan-left-alt-disabled.png b/src/src/assets/gtk-2.0/assets-teal-dark/pan-left-alt-disabled.png new file mode 100644 index 00000000..44e26b6d Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal-dark/pan-left-alt-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal-dark/pan-left-alt.png b/src/src/assets/gtk-2.0/assets-teal-dark/pan-left-alt.png new file mode 100644 index 00000000..529b5e4c Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal-dark/pan-left-alt.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal-dark/pan-left-disabled.png b/src/src/assets/gtk-2.0/assets-teal-dark/pan-left-disabled.png new file mode 100644 index 00000000..ff7c8521 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal-dark/pan-left-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal-dark/pan-left-semi.png b/src/src/assets/gtk-2.0/assets-teal-dark/pan-left-semi.png new file mode 100644 index 00000000..955e801f Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal-dark/pan-left-semi.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal-dark/pan-left.png b/src/src/assets/gtk-2.0/assets-teal-dark/pan-left.png new file mode 100644 index 00000000..c9cb53ac Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal-dark/pan-left.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal-dark/pan-right-alt-disabled.png b/src/src/assets/gtk-2.0/assets-teal-dark/pan-right-alt-disabled.png new file mode 100644 index 00000000..42e5877b Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal-dark/pan-right-alt-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal-dark/pan-right-alt.png b/src/src/assets/gtk-2.0/assets-teal-dark/pan-right-alt.png new file mode 100644 index 00000000..d7405064 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal-dark/pan-right-alt.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal-dark/pan-right-disabled.png b/src/src/assets/gtk-2.0/assets-teal-dark/pan-right-disabled.png new file mode 100644 index 00000000..e8e14e80 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal-dark/pan-right-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal-dark/pan-right-semi.png b/src/src/assets/gtk-2.0/assets-teal-dark/pan-right-semi.png new file mode 100644 index 00000000..d7d5af02 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal-dark/pan-right-semi.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal-dark/pan-right.png b/src/src/assets/gtk-2.0/assets-teal-dark/pan-right.png new file mode 100644 index 00000000..6cf201d9 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal-dark/pan-right.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal-dark/pan-up-alt-disabled.png b/src/src/assets/gtk-2.0/assets-teal-dark/pan-up-alt-disabled.png new file mode 100644 index 00000000..56a417c0 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal-dark/pan-up-alt-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal-dark/pan-up-alt.png b/src/src/assets/gtk-2.0/assets-teal-dark/pan-up-alt.png new file mode 100644 index 00000000..5df7be82 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal-dark/pan-up-alt.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal-dark/pan-up-disabled.png b/src/src/assets/gtk-2.0/assets-teal-dark/pan-up-disabled.png new file mode 100644 index 00000000..d3ae5113 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal-dark/pan-up-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal-dark/pan-up.png b/src/src/assets/gtk-2.0/assets-teal-dark/pan-up.png new file mode 100644 index 00000000..a99f7cf0 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal-dark/pan-up.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal-dark/progressbar-progress.png b/src/src/assets/gtk-2.0/assets-teal-dark/progressbar-progress.png new file mode 100644 index 00000000..5eb34a66 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal-dark/progressbar-progress.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal-dark/progressbar-trough.png b/src/src/assets/gtk-2.0/assets-teal-dark/progressbar-trough.png new file mode 100644 index 00000000..aba61d56 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal-dark/progressbar-trough.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal-dark/radio-checked-active.png b/src/src/assets/gtk-2.0/assets-teal-dark/radio-checked-active.png new file mode 100644 index 00000000..1f4c0e33 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal-dark/radio-checked-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal-dark/radio-checked-disabled.png b/src/src/assets/gtk-2.0/assets-teal-dark/radio-checked-disabled.png new file mode 100644 index 00000000..8fb3b9bb Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal-dark/radio-checked-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal-dark/radio-checked-hover.png b/src/src/assets/gtk-2.0/assets-teal-dark/radio-checked-hover.png new file mode 100644 index 00000000..6ed032cc Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal-dark/radio-checked-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal-dark/radio-checked.png b/src/src/assets/gtk-2.0/assets-teal-dark/radio-checked.png new file mode 100644 index 00000000..5e0e0ac8 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal-dark/radio-checked.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal-dark/radio-mixed-active.png b/src/src/assets/gtk-2.0/assets-teal-dark/radio-mixed-active.png new file mode 100644 index 00000000..3222f211 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal-dark/radio-mixed-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal-dark/radio-mixed-disabled.png b/src/src/assets/gtk-2.0/assets-teal-dark/radio-mixed-disabled.png new file mode 100644 index 00000000..45d5349b Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal-dark/radio-mixed-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal-dark/radio-mixed-hover.png b/src/src/assets/gtk-2.0/assets-teal-dark/radio-mixed-hover.png new file mode 100644 index 00000000..ae1b5dc4 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal-dark/radio-mixed-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal-dark/radio-mixed.png b/src/src/assets/gtk-2.0/assets-teal-dark/radio-mixed.png new file mode 100644 index 00000000..49889df8 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal-dark/radio-mixed.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal-dark/radio-unchecked-active.png b/src/src/assets/gtk-2.0/assets-teal-dark/radio-unchecked-active.png new file mode 100644 index 00000000..f6948e7a Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal-dark/radio-unchecked-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal-dark/radio-unchecked-disabled.png b/src/src/assets/gtk-2.0/assets-teal-dark/radio-unchecked-disabled.png new file mode 100644 index 00000000..73e42bdf Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal-dark/radio-unchecked-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal-dark/radio-unchecked-hover.png b/src/src/assets/gtk-2.0/assets-teal-dark/radio-unchecked-hover.png new file mode 100644 index 00000000..191738b7 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal-dark/radio-unchecked-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal-dark/radio-unchecked.png b/src/src/assets/gtk-2.0/assets-teal-dark/radio-unchecked.png new file mode 100644 index 00000000..e310c022 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal-dark/radio-unchecked.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal-dark/scale-horz-trough-active.png b/src/src/assets/gtk-2.0/assets-teal-dark/scale-horz-trough-active.png new file mode 100644 index 00000000..03060173 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal-dark/scale-horz-trough-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal-dark/scale-horz-trough-disabled.png b/src/src/assets/gtk-2.0/assets-teal-dark/scale-horz-trough-disabled.png new file mode 100644 index 00000000..10cf142e Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal-dark/scale-horz-trough-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal-dark/scale-horz-trough.png b/src/src/assets/gtk-2.0/assets-teal-dark/scale-horz-trough.png new file mode 100644 index 00000000..8a0adf1d Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal-dark/scale-horz-trough.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal-dark/scale-slider-active.png b/src/src/assets/gtk-2.0/assets-teal-dark/scale-slider-active.png new file mode 100644 index 00000000..8d5a7fd4 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal-dark/scale-slider-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal-dark/scale-slider-disabled.png b/src/src/assets/gtk-2.0/assets-teal-dark/scale-slider-disabled.png new file mode 100644 index 00000000..eb1a1ae2 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal-dark/scale-slider-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal-dark/scale-slider-hover.png b/src/src/assets/gtk-2.0/assets-teal-dark/scale-slider-hover.png new file mode 100644 index 00000000..f5984dc3 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal-dark/scale-slider-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal-dark/scale-slider.png b/src/src/assets/gtk-2.0/assets-teal-dark/scale-slider.png new file mode 100644 index 00000000..e85d1dba Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal-dark/scale-slider.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal-dark/scale-vert-trough-active.png b/src/src/assets/gtk-2.0/assets-teal-dark/scale-vert-trough-active.png new file mode 100644 index 00000000..32015f0b Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal-dark/scale-vert-trough-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal-dark/scale-vert-trough-disabled.png b/src/src/assets/gtk-2.0/assets-teal-dark/scale-vert-trough-disabled.png new file mode 100644 index 00000000..7e38ad6c Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal-dark/scale-vert-trough-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal-dark/scale-vert-trough.png b/src/src/assets/gtk-2.0/assets-teal-dark/scale-vert-trough.png new file mode 100644 index 00000000..6c6d3360 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal-dark/scale-vert-trough.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal-dark/scrollbar-horz-slider-active.png b/src/src/assets/gtk-2.0/assets-teal-dark/scrollbar-horz-slider-active.png new file mode 100644 index 00000000..9b3802ab Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal-dark/scrollbar-horz-slider-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal-dark/scrollbar-horz-slider-disabled.png b/src/src/assets/gtk-2.0/assets-teal-dark/scrollbar-horz-slider-disabled.png new file mode 100644 index 00000000..a0e78e25 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal-dark/scrollbar-horz-slider-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal-dark/scrollbar-horz-slider-hover.png b/src/src/assets/gtk-2.0/assets-teal-dark/scrollbar-horz-slider-hover.png new file mode 100644 index 00000000..c44bf539 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal-dark/scrollbar-horz-slider-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal-dark/scrollbar-horz-slider.png b/src/src/assets/gtk-2.0/assets-teal-dark/scrollbar-horz-slider.png new file mode 100644 index 00000000..7d453476 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal-dark/scrollbar-horz-slider.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal-dark/scrollbar-horz-trough.png b/src/src/assets/gtk-2.0/assets-teal-dark/scrollbar-horz-trough.png new file mode 100644 index 00000000..e5e9d5b4 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal-dark/scrollbar-horz-trough.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal-dark/scrollbar-vert-ltr-slider-active.png b/src/src/assets/gtk-2.0/assets-teal-dark/scrollbar-vert-ltr-slider-active.png new file mode 100644 index 00000000..86a7e94d Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal-dark/scrollbar-vert-ltr-slider-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal-dark/scrollbar-vert-ltr-slider-disabled.png b/src/src/assets/gtk-2.0/assets-teal-dark/scrollbar-vert-ltr-slider-disabled.png new file mode 100644 index 00000000..e1bd86ac Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal-dark/scrollbar-vert-ltr-slider-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal-dark/scrollbar-vert-ltr-slider-hover.png b/src/src/assets/gtk-2.0/assets-teal-dark/scrollbar-vert-ltr-slider-hover.png new file mode 100644 index 00000000..0eab6abe Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal-dark/scrollbar-vert-ltr-slider-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal-dark/scrollbar-vert-ltr-slider.png b/src/src/assets/gtk-2.0/assets-teal-dark/scrollbar-vert-ltr-slider.png new file mode 100644 index 00000000..bd8227ac Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal-dark/scrollbar-vert-ltr-slider.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal-dark/scrollbar-vert-ltr-trough.png b/src/src/assets/gtk-2.0/assets-teal-dark/scrollbar-vert-ltr-trough.png new file mode 100644 index 00000000..5e356392 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal-dark/scrollbar-vert-ltr-trough.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal-dark/scrollbar-vert-rtl-slider-active.png b/src/src/assets/gtk-2.0/assets-teal-dark/scrollbar-vert-rtl-slider-active.png new file mode 100644 index 00000000..f219ede0 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal-dark/scrollbar-vert-rtl-slider-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal-dark/scrollbar-vert-rtl-slider-disabled.png b/src/src/assets/gtk-2.0/assets-teal-dark/scrollbar-vert-rtl-slider-disabled.png new file mode 100644 index 00000000..e8cf3269 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal-dark/scrollbar-vert-rtl-slider-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal-dark/scrollbar-vert-rtl-slider-hover.png b/src/src/assets/gtk-2.0/assets-teal-dark/scrollbar-vert-rtl-slider-hover.png new file mode 100644 index 00000000..fc02be48 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal-dark/scrollbar-vert-rtl-slider-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal-dark/scrollbar-vert-rtl-slider.png b/src/src/assets/gtk-2.0/assets-teal-dark/scrollbar-vert-rtl-slider.png new file mode 100644 index 00000000..8ab9c686 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal-dark/scrollbar-vert-rtl-slider.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal-dark/scrollbar-vert-rtl-trough.png b/src/src/assets/gtk-2.0/assets-teal-dark/scrollbar-vert-rtl-trough.png new file mode 100644 index 00000000..056290d9 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal-dark/scrollbar-vert-rtl-trough.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal-dark/spin-ltr-down-active.png b/src/src/assets/gtk-2.0/assets-teal-dark/spin-ltr-down-active.png new file mode 100644 index 00000000..2c31ad02 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal-dark/spin-ltr-down-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal-dark/spin-ltr-down-disabled.png b/src/src/assets/gtk-2.0/assets-teal-dark/spin-ltr-down-disabled.png new file mode 100644 index 00000000..19139fdd Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal-dark/spin-ltr-down-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal-dark/spin-ltr-down-hover.png b/src/src/assets/gtk-2.0/assets-teal-dark/spin-ltr-down-hover.png new file mode 100644 index 00000000..64e8a4ce Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal-dark/spin-ltr-down-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal-dark/spin-ltr-down.png b/src/src/assets/gtk-2.0/assets-teal-dark/spin-ltr-down.png new file mode 100644 index 00000000..020deb5f Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal-dark/spin-ltr-down.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal-dark/spin-ltr-up-active.png b/src/src/assets/gtk-2.0/assets-teal-dark/spin-ltr-up-active.png new file mode 100644 index 00000000..5816ae33 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal-dark/spin-ltr-up-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal-dark/spin-ltr-up-disabled.png b/src/src/assets/gtk-2.0/assets-teal-dark/spin-ltr-up-disabled.png new file mode 100644 index 00000000..dcf55afe Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal-dark/spin-ltr-up-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal-dark/spin-ltr-up-hover.png b/src/src/assets/gtk-2.0/assets-teal-dark/spin-ltr-up-hover.png new file mode 100644 index 00000000..4631e6fa Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal-dark/spin-ltr-up-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal-dark/spin-ltr-up.png b/src/src/assets/gtk-2.0/assets-teal-dark/spin-ltr-up.png new file mode 100644 index 00000000..f9b8eb67 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal-dark/spin-ltr-up.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal-dark/spin-rtl-down-active.png b/src/src/assets/gtk-2.0/assets-teal-dark/spin-rtl-down-active.png new file mode 100644 index 00000000..7568d2f0 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal-dark/spin-rtl-down-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal-dark/spin-rtl-down-disabled.png b/src/src/assets/gtk-2.0/assets-teal-dark/spin-rtl-down-disabled.png new file mode 100644 index 00000000..4c5e3b17 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal-dark/spin-rtl-down-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal-dark/spin-rtl-down-hover.png b/src/src/assets/gtk-2.0/assets-teal-dark/spin-rtl-down-hover.png new file mode 100644 index 00000000..af6410e7 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal-dark/spin-rtl-down-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal-dark/spin-rtl-down.png b/src/src/assets/gtk-2.0/assets-teal-dark/spin-rtl-down.png new file mode 100644 index 00000000..7eae4282 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal-dark/spin-rtl-down.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal-dark/spin-rtl-up-active.png b/src/src/assets/gtk-2.0/assets-teal-dark/spin-rtl-up-active.png new file mode 100644 index 00000000..36a64a08 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal-dark/spin-rtl-up-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal-dark/spin-rtl-up-disabled.png b/src/src/assets/gtk-2.0/assets-teal-dark/spin-rtl-up-disabled.png new file mode 100644 index 00000000..e229de47 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal-dark/spin-rtl-up-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal-dark/spin-rtl-up-hover.png b/src/src/assets/gtk-2.0/assets-teal-dark/spin-rtl-up-hover.png new file mode 100644 index 00000000..ed0c0ce8 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal-dark/spin-rtl-up-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal-dark/spin-rtl-up.png b/src/src/assets/gtk-2.0/assets-teal-dark/spin-rtl-up.png new file mode 100644 index 00000000..e3a59e86 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal-dark/spin-rtl-up.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal-dark/tab.png b/src/src/assets/gtk-2.0/assets-teal-dark/tab.png new file mode 100644 index 00000000..9cb811b7 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal-dark/tab.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal-dark/treeview-ltr-button-active.png b/src/src/assets/gtk-2.0/assets-teal-dark/treeview-ltr-button-active.png new file mode 100644 index 00000000..45da44f8 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal-dark/treeview-ltr-button-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal-dark/treeview-ltr-button-hover.png b/src/src/assets/gtk-2.0/assets-teal-dark/treeview-ltr-button-hover.png new file mode 100644 index 00000000..a240cb64 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal-dark/treeview-ltr-button-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal-dark/treeview-ltr-button.png b/src/src/assets/gtk-2.0/assets-teal-dark/treeview-ltr-button.png new file mode 100644 index 00000000..cc77fcc3 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal-dark/treeview-ltr-button.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal-dark/treeview-rtl-button-active.png b/src/src/assets/gtk-2.0/assets-teal-dark/treeview-rtl-button-active.png new file mode 100644 index 00000000..a5a46b99 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal-dark/treeview-rtl-button-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal-dark/treeview-rtl-button-hover.png b/src/src/assets/gtk-2.0/assets-teal-dark/treeview-rtl-button-hover.png new file mode 100644 index 00000000..810a277e Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal-dark/treeview-rtl-button-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal-dark/treeview-rtl-button.png b/src/src/assets/gtk-2.0/assets-teal-dark/treeview-rtl-button.png new file mode 100644 index 00000000..cc77fcc3 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal-dark/treeview-rtl-button.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal/border.png b/src/src/assets/gtk-2.0/assets-teal/border.png new file mode 100644 index 00000000..b755468c Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal/border.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal/button-active.png b/src/src/assets/gtk-2.0/assets-teal/button-active.png new file mode 100644 index 00000000..6a3942cb Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal/button-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal/button-disabled.png b/src/src/assets/gtk-2.0/assets-teal/button-disabled.png new file mode 100644 index 00000000..0be273b6 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal/button-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal/button-hover.png b/src/src/assets/gtk-2.0/assets-teal/button-hover.png new file mode 100644 index 00000000..de5b6182 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal/button-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal/button.png b/src/src/assets/gtk-2.0/assets-teal/button.png new file mode 100644 index 00000000..daeaec77 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal/button.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal/checkbox-checked-active.png b/src/src/assets/gtk-2.0/assets-teal/checkbox-checked-active.png new file mode 100644 index 00000000..f2684b78 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal/checkbox-checked-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal/checkbox-checked-disabled.png b/src/src/assets/gtk-2.0/assets-teal/checkbox-checked-disabled.png new file mode 100644 index 00000000..3ba34ed9 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal/checkbox-checked-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal/checkbox-checked-hover.png b/src/src/assets/gtk-2.0/assets-teal/checkbox-checked-hover.png new file mode 100644 index 00000000..d576c018 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal/checkbox-checked-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal/checkbox-checked.png b/src/src/assets/gtk-2.0/assets-teal/checkbox-checked.png new file mode 100644 index 00000000..74291fff Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal/checkbox-checked.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal/checkbox-mixed-active.png b/src/src/assets/gtk-2.0/assets-teal/checkbox-mixed-active.png new file mode 100644 index 00000000..c32b1146 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal/checkbox-mixed-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal/checkbox-mixed-disabled.png b/src/src/assets/gtk-2.0/assets-teal/checkbox-mixed-disabled.png new file mode 100644 index 00000000..f4cd89bf Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal/checkbox-mixed-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal/checkbox-mixed-hover.png b/src/src/assets/gtk-2.0/assets-teal/checkbox-mixed-hover.png new file mode 100644 index 00000000..4635e4f1 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal/checkbox-mixed-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal/checkbox-mixed.png b/src/src/assets/gtk-2.0/assets-teal/checkbox-mixed.png new file mode 100644 index 00000000..0a7e5a32 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal/checkbox-mixed.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal/checkbox-unchecked-active.png b/src/src/assets/gtk-2.0/assets-teal/checkbox-unchecked-active.png new file mode 100644 index 00000000..b2112ca5 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal/checkbox-unchecked-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal/checkbox-unchecked-disabled.png b/src/src/assets/gtk-2.0/assets-teal/checkbox-unchecked-disabled.png new file mode 100644 index 00000000..ca92669d Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal/checkbox-unchecked-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal/checkbox-unchecked-hover.png b/src/src/assets/gtk-2.0/assets-teal/checkbox-unchecked-hover.png new file mode 100644 index 00000000..95cb359f Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal/checkbox-unchecked-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal/checkbox-unchecked.png b/src/src/assets/gtk-2.0/assets-teal/checkbox-unchecked.png new file mode 100644 index 00000000..6496e929 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal/checkbox-unchecked.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal/combo-left-entry-active.png b/src/src/assets/gtk-2.0/assets-teal/combo-left-entry-active.png new file mode 100644 index 00000000..a70672da Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal/combo-left-entry-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal/combo-left-entry-disabled.png b/src/src/assets/gtk-2.0/assets-teal/combo-left-entry-disabled.png new file mode 100644 index 00000000..bec439a2 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal/combo-left-entry-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal/combo-left-entry-hover.png b/src/src/assets/gtk-2.0/assets-teal/combo-left-entry-hover.png new file mode 100644 index 00000000..d896386e Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal/combo-left-entry-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal/combo-left-entry.png b/src/src/assets/gtk-2.0/assets-teal/combo-left-entry.png new file mode 100644 index 00000000..943fac58 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal/combo-left-entry.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal/combo-right-entry-active.png b/src/src/assets/gtk-2.0/assets-teal/combo-right-entry-active.png new file mode 100644 index 00000000..54bafd17 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal/combo-right-entry-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal/combo-right-entry-disabled.png b/src/src/assets/gtk-2.0/assets-teal/combo-right-entry-disabled.png new file mode 100644 index 00000000..52934069 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal/combo-right-entry-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal/combo-right-entry-hover.png b/src/src/assets/gtk-2.0/assets-teal/combo-right-entry-hover.png new file mode 100644 index 00000000..05548f30 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal/combo-right-entry-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal/combo-right-entry.png b/src/src/assets/gtk-2.0/assets-teal/combo-right-entry.png new file mode 100644 index 00000000..dd2118a6 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal/combo-right-entry.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal/entry-active.png b/src/src/assets/gtk-2.0/assets-teal/entry-active.png new file mode 100644 index 00000000..aa7706bb Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal/entry-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal/entry-background-disabled.png b/src/src/assets/gtk-2.0/assets-teal/entry-background-disabled.png new file mode 100644 index 00000000..7f3aa5ee Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal/entry-background-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal/entry-background.png b/src/src/assets/gtk-2.0/assets-teal/entry-background.png new file mode 100644 index 00000000..72facdb0 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal/entry-background.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal/entry-disabled.png b/src/src/assets/gtk-2.0/assets-teal/entry-disabled.png new file mode 100644 index 00000000..0be273b6 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal/entry-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal/entry-hover.png b/src/src/assets/gtk-2.0/assets-teal/entry-hover.png new file mode 100644 index 00000000..1e7804c7 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal/entry-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal/entry.png b/src/src/assets/gtk-2.0/assets-teal/entry.png new file mode 100644 index 00000000..daeaec77 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal/entry.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal/flat-button-active.png b/src/src/assets/gtk-2.0/assets-teal/flat-button-active.png new file mode 100644 index 00000000..6a3942cb Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal/flat-button-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal/flat-button-disabled.png b/src/src/assets/gtk-2.0/assets-teal/flat-button-disabled.png new file mode 100644 index 00000000..34d490f1 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal/flat-button-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal/flat-button-hover.png b/src/src/assets/gtk-2.0/assets-teal/flat-button-hover.png new file mode 100644 index 00000000..de5b6182 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal/flat-button-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal/flat-button.png b/src/src/assets/gtk-2.0/assets-teal/flat-button.png new file mode 100644 index 00000000..34d490f1 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal/flat-button.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal/focus.png b/src/src/assets/gtk-2.0/assets-teal/focus.png new file mode 100644 index 00000000..cf26e66f Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal/focus.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal/frame-inline.png b/src/src/assets/gtk-2.0/assets-teal/frame-inline.png new file mode 100644 index 00000000..34703f89 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal/frame-inline.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal/frame-notebook.png b/src/src/assets/gtk-2.0/assets-teal/frame-notebook.png new file mode 100644 index 00000000..ddb51968 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal/frame-notebook.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal/frame.png b/src/src/assets/gtk-2.0/assets-teal/frame.png new file mode 100644 index 00000000..bd3e8516 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal/frame.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal/handle-horz-active.png b/src/src/assets/gtk-2.0/assets-teal/handle-horz-active.png new file mode 100644 index 00000000..982db3de Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal/handle-horz-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal/handle-horz-hover.png b/src/src/assets/gtk-2.0/assets-teal/handle-horz-hover.png new file mode 100644 index 00000000..af9f1f49 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal/handle-horz-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal/handle-horz.png b/src/src/assets/gtk-2.0/assets-teal/handle-horz.png new file mode 100644 index 00000000..a7263884 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal/handle-horz.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal/handle-vert-active.png b/src/src/assets/gtk-2.0/assets-teal/handle-vert-active.png new file mode 100644 index 00000000..e44fc648 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal/handle-vert-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal/handle-vert-hover.png b/src/src/assets/gtk-2.0/assets-teal/handle-vert-hover.png new file mode 100644 index 00000000..d14f0049 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal/handle-vert-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal/handle-vert.png b/src/src/assets/gtk-2.0/assets-teal/handle-vert.png new file mode 100644 index 00000000..567a2814 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal/handle-vert.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal/menu-checkbox-checked-disabled.png b/src/src/assets/gtk-2.0/assets-teal/menu-checkbox-checked-disabled.png new file mode 100644 index 00000000..514a48a3 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal/menu-checkbox-checked-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal/menu-checkbox-checked.png b/src/src/assets/gtk-2.0/assets-teal/menu-checkbox-checked.png new file mode 100644 index 00000000..b73067fd Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal/menu-checkbox-checked.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal/menu-checkbox-mixed-disabled.png b/src/src/assets/gtk-2.0/assets-teal/menu-checkbox-mixed-disabled.png new file mode 100644 index 00000000..db5fe5fb Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal/menu-checkbox-mixed-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal/menu-checkbox-mixed.png b/src/src/assets/gtk-2.0/assets-teal/menu-checkbox-mixed.png new file mode 100644 index 00000000..b89d331a Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal/menu-checkbox-mixed.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal/menu-checkbox-unchecked-disabled.png b/src/src/assets/gtk-2.0/assets-teal/menu-checkbox-unchecked-disabled.png new file mode 100644 index 00000000..e8de0556 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal/menu-checkbox-unchecked-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal/menu-checkbox-unchecked.png b/src/src/assets/gtk-2.0/assets-teal/menu-checkbox-unchecked.png new file mode 100644 index 00000000..5846b31d Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal/menu-checkbox-unchecked.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal/menu-radio-checked-disabled.png b/src/src/assets/gtk-2.0/assets-teal/menu-radio-checked-disabled.png new file mode 100644 index 00000000..2c2d532c Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal/menu-radio-checked-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal/menu-radio-checked.png b/src/src/assets/gtk-2.0/assets-teal/menu-radio-checked.png new file mode 100644 index 00000000..52f82f2f Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal/menu-radio-checked.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal/menu-radio-mixed-disabled.png b/src/src/assets/gtk-2.0/assets-teal/menu-radio-mixed-disabled.png new file mode 100644 index 00000000..db5fe5fb Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal/menu-radio-mixed-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal/menu-radio-mixed.png b/src/src/assets/gtk-2.0/assets-teal/menu-radio-mixed.png new file mode 100644 index 00000000..b89d331a Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal/menu-radio-mixed.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal/menu-radio-unchecked-disabled.png b/src/src/assets/gtk-2.0/assets-teal/menu-radio-unchecked-disabled.png new file mode 100644 index 00000000..e8de0556 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal/menu-radio-unchecked-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal/menu-radio-unchecked.png b/src/src/assets/gtk-2.0/assets-teal/menu-radio-unchecked.png new file mode 100644 index 00000000..5846b31d Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal/menu-radio-unchecked.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal/pan-down-alt-disabled.png b/src/src/assets/gtk-2.0/assets-teal/pan-down-alt-disabled.png new file mode 100644 index 00000000..db1d3614 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal/pan-down-alt-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal/pan-down-alt.png b/src/src/assets/gtk-2.0/assets-teal/pan-down-alt.png new file mode 100644 index 00000000..820e026c Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal/pan-down-alt.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal/pan-down-disabled.png b/src/src/assets/gtk-2.0/assets-teal/pan-down-disabled.png new file mode 100644 index 00000000..567f441a Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal/pan-down-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal/pan-down.png b/src/src/assets/gtk-2.0/assets-teal/pan-down.png new file mode 100644 index 00000000..f664be1c Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal/pan-down.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal/pan-left-alt-disabled.png b/src/src/assets/gtk-2.0/assets-teal/pan-left-alt-disabled.png new file mode 100644 index 00000000..d25e4b63 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal/pan-left-alt-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal/pan-left-alt.png b/src/src/assets/gtk-2.0/assets-teal/pan-left-alt.png new file mode 100644 index 00000000..6309016a Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal/pan-left-alt.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal/pan-left-disabled.png b/src/src/assets/gtk-2.0/assets-teal/pan-left-disabled.png new file mode 100644 index 00000000..f0f94da2 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal/pan-left-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal/pan-left-semi.png b/src/src/assets/gtk-2.0/assets-teal/pan-left-semi.png new file mode 100644 index 00000000..efe18079 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal/pan-left-semi.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal/pan-left.png b/src/src/assets/gtk-2.0/assets-teal/pan-left.png new file mode 100644 index 00000000..ae7f93db Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal/pan-left.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal/pan-right-alt-disabled.png b/src/src/assets/gtk-2.0/assets-teal/pan-right-alt-disabled.png new file mode 100644 index 00000000..d11562a4 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal/pan-right-alt-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal/pan-right-alt.png b/src/src/assets/gtk-2.0/assets-teal/pan-right-alt.png new file mode 100644 index 00000000..3acb33bc Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal/pan-right-alt.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal/pan-right-disabled.png b/src/src/assets/gtk-2.0/assets-teal/pan-right-disabled.png new file mode 100644 index 00000000..f49afaeb Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal/pan-right-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal/pan-right-semi.png b/src/src/assets/gtk-2.0/assets-teal/pan-right-semi.png new file mode 100644 index 00000000..331a3066 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal/pan-right-semi.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal/pan-right.png b/src/src/assets/gtk-2.0/assets-teal/pan-right.png new file mode 100644 index 00000000..59754753 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal/pan-right.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal/pan-up-alt-disabled.png b/src/src/assets/gtk-2.0/assets-teal/pan-up-alt-disabled.png new file mode 100644 index 00000000..361acb33 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal/pan-up-alt-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal/pan-up-alt.png b/src/src/assets/gtk-2.0/assets-teal/pan-up-alt.png new file mode 100644 index 00000000..dcdf2ec2 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal/pan-up-alt.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal/pan-up-disabled.png b/src/src/assets/gtk-2.0/assets-teal/pan-up-disabled.png new file mode 100644 index 00000000..8a52366f Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal/pan-up-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal/pan-up.png b/src/src/assets/gtk-2.0/assets-teal/pan-up.png new file mode 100644 index 00000000..031ac461 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal/pan-up.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal/progressbar-progress.png b/src/src/assets/gtk-2.0/assets-teal/progressbar-progress.png new file mode 100644 index 00000000..2378968b Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal/progressbar-progress.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal/progressbar-trough.png b/src/src/assets/gtk-2.0/assets-teal/progressbar-trough.png new file mode 100644 index 00000000..9c4c5957 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal/progressbar-trough.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal/radio-checked-active.png b/src/src/assets/gtk-2.0/assets-teal/radio-checked-active.png new file mode 100644 index 00000000..eab511e2 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal/radio-checked-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal/radio-checked-disabled.png b/src/src/assets/gtk-2.0/assets-teal/radio-checked-disabled.png new file mode 100644 index 00000000..7b14a92e Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal/radio-checked-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal/radio-checked-hover.png b/src/src/assets/gtk-2.0/assets-teal/radio-checked-hover.png new file mode 100644 index 00000000..4211ab0b Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal/radio-checked-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal/radio-checked.png b/src/src/assets/gtk-2.0/assets-teal/radio-checked.png new file mode 100644 index 00000000..f886a45a Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal/radio-checked.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal/radio-mixed-active.png b/src/src/assets/gtk-2.0/assets-teal/radio-mixed-active.png new file mode 100644 index 00000000..c32b1146 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal/radio-mixed-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal/radio-mixed-disabled.png b/src/src/assets/gtk-2.0/assets-teal/radio-mixed-disabled.png new file mode 100644 index 00000000..f4cd89bf Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal/radio-mixed-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal/radio-mixed-hover.png b/src/src/assets/gtk-2.0/assets-teal/radio-mixed-hover.png new file mode 100644 index 00000000..4635e4f1 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal/radio-mixed-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal/radio-mixed.png b/src/src/assets/gtk-2.0/assets-teal/radio-mixed.png new file mode 100644 index 00000000..0a7e5a32 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal/radio-mixed.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal/radio-unchecked-active.png b/src/src/assets/gtk-2.0/assets-teal/radio-unchecked-active.png new file mode 100644 index 00000000..b2112ca5 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal/radio-unchecked-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal/radio-unchecked-disabled.png b/src/src/assets/gtk-2.0/assets-teal/radio-unchecked-disabled.png new file mode 100644 index 00000000..ca92669d Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal/radio-unchecked-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal/radio-unchecked-hover.png b/src/src/assets/gtk-2.0/assets-teal/radio-unchecked-hover.png new file mode 100644 index 00000000..95cb359f Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal/radio-unchecked-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal/radio-unchecked.png b/src/src/assets/gtk-2.0/assets-teal/radio-unchecked.png new file mode 100644 index 00000000..6496e929 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal/radio-unchecked.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal/scale-horz-trough-active.png b/src/src/assets/gtk-2.0/assets-teal/scale-horz-trough-active.png new file mode 100644 index 00000000..4d1ed0c9 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal/scale-horz-trough-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal/scale-horz-trough-disabled.png b/src/src/assets/gtk-2.0/assets-teal/scale-horz-trough-disabled.png new file mode 100644 index 00000000..e38cec0e Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal/scale-horz-trough-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal/scale-horz-trough.png b/src/src/assets/gtk-2.0/assets-teal/scale-horz-trough.png new file mode 100644 index 00000000..85e94865 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal/scale-horz-trough.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal/scale-slider-active.png b/src/src/assets/gtk-2.0/assets-teal/scale-slider-active.png new file mode 100644 index 00000000..b9a8a00d Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal/scale-slider-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal/scale-slider-disabled.png b/src/src/assets/gtk-2.0/assets-teal/scale-slider-disabled.png new file mode 100644 index 00000000..9e2860da Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal/scale-slider-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal/scale-slider-hover.png b/src/src/assets/gtk-2.0/assets-teal/scale-slider-hover.png new file mode 100644 index 00000000..406a6ca4 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal/scale-slider-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal/scale-slider.png b/src/src/assets/gtk-2.0/assets-teal/scale-slider.png new file mode 100644 index 00000000..f988443a Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal/scale-slider.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal/scale-vert-trough-active.png b/src/src/assets/gtk-2.0/assets-teal/scale-vert-trough-active.png new file mode 100644 index 00000000..a19e1026 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal/scale-vert-trough-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal/scale-vert-trough-disabled.png b/src/src/assets/gtk-2.0/assets-teal/scale-vert-trough-disabled.png new file mode 100644 index 00000000..f976e3ac Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal/scale-vert-trough-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal/scale-vert-trough.png b/src/src/assets/gtk-2.0/assets-teal/scale-vert-trough.png new file mode 100644 index 00000000..ef79e783 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal/scale-vert-trough.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal/scrollbar-horz-slider-active.png b/src/src/assets/gtk-2.0/assets-teal/scrollbar-horz-slider-active.png new file mode 100644 index 00000000..060da6db Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal/scrollbar-horz-slider-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal/scrollbar-horz-slider-disabled.png b/src/src/assets/gtk-2.0/assets-teal/scrollbar-horz-slider-disabled.png new file mode 100644 index 00000000..9617e3f9 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal/scrollbar-horz-slider-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal/scrollbar-horz-slider-hover.png b/src/src/assets/gtk-2.0/assets-teal/scrollbar-horz-slider-hover.png new file mode 100644 index 00000000..bb6d9b06 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal/scrollbar-horz-slider-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal/scrollbar-horz-slider.png b/src/src/assets/gtk-2.0/assets-teal/scrollbar-horz-slider.png new file mode 100644 index 00000000..45e4bd90 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal/scrollbar-horz-slider.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal/scrollbar-horz-trough.png b/src/src/assets/gtk-2.0/assets-teal/scrollbar-horz-trough.png new file mode 100644 index 00000000..0394def8 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal/scrollbar-horz-trough.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal/scrollbar-vert-ltr-slider-active.png b/src/src/assets/gtk-2.0/assets-teal/scrollbar-vert-ltr-slider-active.png new file mode 100644 index 00000000..475b1afd Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal/scrollbar-vert-ltr-slider-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal/scrollbar-vert-ltr-slider-disabled.png b/src/src/assets/gtk-2.0/assets-teal/scrollbar-vert-ltr-slider-disabled.png new file mode 100644 index 00000000..d27871ed Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal/scrollbar-vert-ltr-slider-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal/scrollbar-vert-ltr-slider-hover.png b/src/src/assets/gtk-2.0/assets-teal/scrollbar-vert-ltr-slider-hover.png new file mode 100644 index 00000000..4739b684 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal/scrollbar-vert-ltr-slider-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal/scrollbar-vert-ltr-slider.png b/src/src/assets/gtk-2.0/assets-teal/scrollbar-vert-ltr-slider.png new file mode 100644 index 00000000..dcab8053 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal/scrollbar-vert-ltr-slider.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal/scrollbar-vert-ltr-trough.png b/src/src/assets/gtk-2.0/assets-teal/scrollbar-vert-ltr-trough.png new file mode 100644 index 00000000..06b93b5c Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal/scrollbar-vert-ltr-trough.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal/scrollbar-vert-rtl-slider-active.png b/src/src/assets/gtk-2.0/assets-teal/scrollbar-vert-rtl-slider-active.png new file mode 100644 index 00000000..dcc9e9ff Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal/scrollbar-vert-rtl-slider-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal/scrollbar-vert-rtl-slider-disabled.png b/src/src/assets/gtk-2.0/assets-teal/scrollbar-vert-rtl-slider-disabled.png new file mode 100644 index 00000000..96562d1c Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal/scrollbar-vert-rtl-slider-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal/scrollbar-vert-rtl-slider-hover.png b/src/src/assets/gtk-2.0/assets-teal/scrollbar-vert-rtl-slider-hover.png new file mode 100644 index 00000000..378bfa09 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal/scrollbar-vert-rtl-slider-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal/scrollbar-vert-rtl-slider.png b/src/src/assets/gtk-2.0/assets-teal/scrollbar-vert-rtl-slider.png new file mode 100644 index 00000000..5f5dd82f Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal/scrollbar-vert-rtl-slider.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal/scrollbar-vert-rtl-trough.png b/src/src/assets/gtk-2.0/assets-teal/scrollbar-vert-rtl-trough.png new file mode 100644 index 00000000..4d6a6aa4 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal/scrollbar-vert-rtl-trough.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal/spin-ltr-down-active.png b/src/src/assets/gtk-2.0/assets-teal/spin-ltr-down-active.png new file mode 100644 index 00000000..c3939d07 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal/spin-ltr-down-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal/spin-ltr-down-disabled.png b/src/src/assets/gtk-2.0/assets-teal/spin-ltr-down-disabled.png new file mode 100644 index 00000000..d7715014 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal/spin-ltr-down-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal/spin-ltr-down-hover.png b/src/src/assets/gtk-2.0/assets-teal/spin-ltr-down-hover.png new file mode 100644 index 00000000..d8f4c370 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal/spin-ltr-down-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal/spin-ltr-down.png b/src/src/assets/gtk-2.0/assets-teal/spin-ltr-down.png new file mode 100644 index 00000000..d44a3dd6 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal/spin-ltr-down.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal/spin-ltr-up-active.png b/src/src/assets/gtk-2.0/assets-teal/spin-ltr-up-active.png new file mode 100644 index 00000000..51ee4147 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal/spin-ltr-up-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal/spin-ltr-up-disabled.png b/src/src/assets/gtk-2.0/assets-teal/spin-ltr-up-disabled.png new file mode 100644 index 00000000..108a1073 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal/spin-ltr-up-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal/spin-ltr-up-hover.png b/src/src/assets/gtk-2.0/assets-teal/spin-ltr-up-hover.png new file mode 100644 index 00000000..6a4d2cd7 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal/spin-ltr-up-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal/spin-ltr-up.png b/src/src/assets/gtk-2.0/assets-teal/spin-ltr-up.png new file mode 100644 index 00000000..b735ea2f Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal/spin-ltr-up.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal/spin-rtl-down-active.png b/src/src/assets/gtk-2.0/assets-teal/spin-rtl-down-active.png new file mode 100644 index 00000000..eeed15c3 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal/spin-rtl-down-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal/spin-rtl-down-disabled.png b/src/src/assets/gtk-2.0/assets-teal/spin-rtl-down-disabled.png new file mode 100644 index 00000000..a7052083 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal/spin-rtl-down-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal/spin-rtl-down-hover.png b/src/src/assets/gtk-2.0/assets-teal/spin-rtl-down-hover.png new file mode 100644 index 00000000..35364e53 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal/spin-rtl-down-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal/spin-rtl-down.png b/src/src/assets/gtk-2.0/assets-teal/spin-rtl-down.png new file mode 100644 index 00000000..74ba4d67 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal/spin-rtl-down.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal/spin-rtl-up-active.png b/src/src/assets/gtk-2.0/assets-teal/spin-rtl-up-active.png new file mode 100644 index 00000000..0b433785 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal/spin-rtl-up-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal/spin-rtl-up-disabled.png b/src/src/assets/gtk-2.0/assets-teal/spin-rtl-up-disabled.png new file mode 100644 index 00000000..95f42b7c Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal/spin-rtl-up-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal/spin-rtl-up-hover.png b/src/src/assets/gtk-2.0/assets-teal/spin-rtl-up-hover.png new file mode 100644 index 00000000..5d839967 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal/spin-rtl-up-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal/spin-rtl-up.png b/src/src/assets/gtk-2.0/assets-teal/spin-rtl-up.png new file mode 100644 index 00000000..08c266ae Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal/spin-rtl-up.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal/tab.png b/src/src/assets/gtk-2.0/assets-teal/tab.png new file mode 100644 index 00000000..52c58505 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal/tab.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal/treeview-ltr-button-active.png b/src/src/assets/gtk-2.0/assets-teal/treeview-ltr-button-active.png new file mode 100644 index 00000000..365523e0 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal/treeview-ltr-button-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal/treeview-ltr-button-hover.png b/src/src/assets/gtk-2.0/assets-teal/treeview-ltr-button-hover.png new file mode 100644 index 00000000..e43317ce Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal/treeview-ltr-button-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal/treeview-ltr-button.png b/src/src/assets/gtk-2.0/assets-teal/treeview-ltr-button.png new file mode 100644 index 00000000..862ac323 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal/treeview-ltr-button.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal/treeview-rtl-button-active.png b/src/src/assets/gtk-2.0/assets-teal/treeview-rtl-button-active.png new file mode 100644 index 00000000..3dc0f5a2 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal/treeview-rtl-button-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal/treeview-rtl-button-hover.png b/src/src/assets/gtk-2.0/assets-teal/treeview-rtl-button-hover.png new file mode 100644 index 00000000..f6dce3b4 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal/treeview-rtl-button-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-teal/treeview-rtl-button.png b/src/src/assets/gtk-2.0/assets-teal/treeview-rtl-button.png new file mode 100644 index 00000000..04b779bf Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-teal/treeview-rtl-button.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow-dark.svg b/src/src/assets/gtk-2.0/assets-yellow-dark.svg new file mode 100644 index 00000000..48dccc29 --- /dev/null +++ b/src/src/assets/gtk-2.0/assets-yellow-dark.svg @@ -0,0 +1,3204 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/src/assets/gtk-2.0/assets-yellow-dark/border.png b/src/src/assets/gtk-2.0/assets-yellow-dark/border.png new file mode 100644 index 00000000..20d503bf Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow-dark/border.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow-dark/button-active.png b/src/src/assets/gtk-2.0/assets-yellow-dark/button-active.png new file mode 100644 index 00000000..ca25ccce Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow-dark/button-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow-dark/button-disabled.png b/src/src/assets/gtk-2.0/assets-yellow-dark/button-disabled.png new file mode 100644 index 00000000..6578ba7d Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow-dark/button-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow-dark/button-hover.png b/src/src/assets/gtk-2.0/assets-yellow-dark/button-hover.png new file mode 100644 index 00000000..66e1fdd7 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow-dark/button-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow-dark/button.png b/src/src/assets/gtk-2.0/assets-yellow-dark/button.png new file mode 100644 index 00000000..3fe12c70 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow-dark/button.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow-dark/checkbox-checked-active.png b/src/src/assets/gtk-2.0/assets-yellow-dark/checkbox-checked-active.png new file mode 100644 index 00000000..4b375de5 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow-dark/checkbox-checked-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow-dark/checkbox-checked-disabled.png b/src/src/assets/gtk-2.0/assets-yellow-dark/checkbox-checked-disabled.png new file mode 100644 index 00000000..eb00a898 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow-dark/checkbox-checked-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow-dark/checkbox-checked-hover.png b/src/src/assets/gtk-2.0/assets-yellow-dark/checkbox-checked-hover.png new file mode 100644 index 00000000..771ff865 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow-dark/checkbox-checked-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow-dark/checkbox-checked.png b/src/src/assets/gtk-2.0/assets-yellow-dark/checkbox-checked.png new file mode 100644 index 00000000..17172a2b Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow-dark/checkbox-checked.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow-dark/checkbox-mixed-active.png b/src/src/assets/gtk-2.0/assets-yellow-dark/checkbox-mixed-active.png new file mode 100644 index 00000000..59c715d2 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow-dark/checkbox-mixed-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow-dark/checkbox-mixed-disabled.png b/src/src/assets/gtk-2.0/assets-yellow-dark/checkbox-mixed-disabled.png new file mode 100644 index 00000000..072034aa Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow-dark/checkbox-mixed-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow-dark/checkbox-mixed-hover.png b/src/src/assets/gtk-2.0/assets-yellow-dark/checkbox-mixed-hover.png new file mode 100644 index 00000000..59d5a680 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow-dark/checkbox-mixed-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow-dark/checkbox-mixed.png b/src/src/assets/gtk-2.0/assets-yellow-dark/checkbox-mixed.png new file mode 100644 index 00000000..7692a792 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow-dark/checkbox-mixed.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow-dark/checkbox-unchecked-active.png b/src/src/assets/gtk-2.0/assets-yellow-dark/checkbox-unchecked-active.png new file mode 100644 index 00000000..f6948e7a Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow-dark/checkbox-unchecked-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow-dark/checkbox-unchecked-disabled.png b/src/src/assets/gtk-2.0/assets-yellow-dark/checkbox-unchecked-disabled.png new file mode 100644 index 00000000..73e42bdf Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow-dark/checkbox-unchecked-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow-dark/checkbox-unchecked-hover.png b/src/src/assets/gtk-2.0/assets-yellow-dark/checkbox-unchecked-hover.png new file mode 100644 index 00000000..191738b7 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow-dark/checkbox-unchecked-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow-dark/checkbox-unchecked.png b/src/src/assets/gtk-2.0/assets-yellow-dark/checkbox-unchecked.png new file mode 100644 index 00000000..e310c022 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow-dark/checkbox-unchecked.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow-dark/combo-left-entry-active.png b/src/src/assets/gtk-2.0/assets-yellow-dark/combo-left-entry-active.png new file mode 100644 index 00000000..5ce58f16 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow-dark/combo-left-entry-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow-dark/combo-left-entry-disabled.png b/src/src/assets/gtk-2.0/assets-yellow-dark/combo-left-entry-disabled.png new file mode 100644 index 00000000..6a9d9dd2 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow-dark/combo-left-entry-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow-dark/combo-left-entry-hover.png b/src/src/assets/gtk-2.0/assets-yellow-dark/combo-left-entry-hover.png new file mode 100644 index 00000000..c65ced02 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow-dark/combo-left-entry-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow-dark/combo-left-entry.png b/src/src/assets/gtk-2.0/assets-yellow-dark/combo-left-entry.png new file mode 100644 index 00000000..255e3dc3 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow-dark/combo-left-entry.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow-dark/combo-right-entry-active.png b/src/src/assets/gtk-2.0/assets-yellow-dark/combo-right-entry-active.png new file mode 100644 index 00000000..d395a030 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow-dark/combo-right-entry-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow-dark/combo-right-entry-disabled.png b/src/src/assets/gtk-2.0/assets-yellow-dark/combo-right-entry-disabled.png new file mode 100644 index 00000000..67cfcc78 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow-dark/combo-right-entry-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow-dark/combo-right-entry-hover.png b/src/src/assets/gtk-2.0/assets-yellow-dark/combo-right-entry-hover.png new file mode 100644 index 00000000..8d643bd3 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow-dark/combo-right-entry-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow-dark/combo-right-entry.png b/src/src/assets/gtk-2.0/assets-yellow-dark/combo-right-entry.png new file mode 100644 index 00000000..5d232339 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow-dark/combo-right-entry.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow-dark/entry-active.png b/src/src/assets/gtk-2.0/assets-yellow-dark/entry-active.png new file mode 100644 index 00000000..3542a3c5 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow-dark/entry-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow-dark/entry-background-disabled.png b/src/src/assets/gtk-2.0/assets-yellow-dark/entry-background-disabled.png new file mode 100644 index 00000000..ce14ba81 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow-dark/entry-background-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow-dark/entry-background.png b/src/src/assets/gtk-2.0/assets-yellow-dark/entry-background.png new file mode 100644 index 00000000..fdf26ab3 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow-dark/entry-background.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow-dark/entry-disabled.png b/src/src/assets/gtk-2.0/assets-yellow-dark/entry-disabled.png new file mode 100644 index 00000000..6578ba7d Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow-dark/entry-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow-dark/entry-hover.png b/src/src/assets/gtk-2.0/assets-yellow-dark/entry-hover.png new file mode 100644 index 00000000..57332392 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow-dark/entry-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow-dark/entry.png b/src/src/assets/gtk-2.0/assets-yellow-dark/entry.png new file mode 100644 index 00000000..3fe12c70 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow-dark/entry.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow-dark/flat-button-active.png b/src/src/assets/gtk-2.0/assets-yellow-dark/flat-button-active.png new file mode 100644 index 00000000..ca25ccce Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow-dark/flat-button-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow-dark/flat-button-disabled.png b/src/src/assets/gtk-2.0/assets-yellow-dark/flat-button-disabled.png new file mode 100644 index 00000000..96f9995d Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow-dark/flat-button-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow-dark/flat-button-hover.png b/src/src/assets/gtk-2.0/assets-yellow-dark/flat-button-hover.png new file mode 100644 index 00000000..66e1fdd7 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow-dark/flat-button-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow-dark/flat-button.png b/src/src/assets/gtk-2.0/assets-yellow-dark/flat-button.png new file mode 100644 index 00000000..96f9995d Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow-dark/flat-button.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow-dark/focus.png b/src/src/assets/gtk-2.0/assets-yellow-dark/focus.png new file mode 100644 index 00000000..3e8d13db Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow-dark/focus.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow-dark/frame-inline.png b/src/src/assets/gtk-2.0/assets-yellow-dark/frame-inline.png new file mode 100644 index 00000000..7d10ff19 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow-dark/frame-inline.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow-dark/frame-notebook.png b/src/src/assets/gtk-2.0/assets-yellow-dark/frame-notebook.png new file mode 100644 index 00000000..7b5020ee Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow-dark/frame-notebook.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow-dark/frame.png b/src/src/assets/gtk-2.0/assets-yellow-dark/frame.png new file mode 100644 index 00000000..1562a81b Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow-dark/frame.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow-dark/handle-horz-active.png b/src/src/assets/gtk-2.0/assets-yellow-dark/handle-horz-active.png new file mode 100644 index 00000000..f1c519ef Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow-dark/handle-horz-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow-dark/handle-horz-hover.png b/src/src/assets/gtk-2.0/assets-yellow-dark/handle-horz-hover.png new file mode 100644 index 00000000..e7e40d69 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow-dark/handle-horz-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow-dark/handle-horz.png b/src/src/assets/gtk-2.0/assets-yellow-dark/handle-horz.png new file mode 100644 index 00000000..ef1738d0 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow-dark/handle-horz.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow-dark/handle-vert-active.png b/src/src/assets/gtk-2.0/assets-yellow-dark/handle-vert-active.png new file mode 100644 index 00000000..0cec1dc5 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow-dark/handle-vert-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow-dark/handle-vert-hover.png b/src/src/assets/gtk-2.0/assets-yellow-dark/handle-vert-hover.png new file mode 100644 index 00000000..600fb08b Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow-dark/handle-vert-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow-dark/handle-vert.png b/src/src/assets/gtk-2.0/assets-yellow-dark/handle-vert.png new file mode 100644 index 00000000..377fdf0b Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow-dark/handle-vert.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow-dark/menu-checkbox-checked-disabled.png b/src/src/assets/gtk-2.0/assets-yellow-dark/menu-checkbox-checked-disabled.png new file mode 100644 index 00000000..191c4eab Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow-dark/menu-checkbox-checked-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow-dark/menu-checkbox-checked.png b/src/src/assets/gtk-2.0/assets-yellow-dark/menu-checkbox-checked.png new file mode 100644 index 00000000..9a34ea0e Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow-dark/menu-checkbox-checked.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow-dark/menu-checkbox-mixed-disabled.png b/src/src/assets/gtk-2.0/assets-yellow-dark/menu-checkbox-mixed-disabled.png new file mode 100644 index 00000000..094a8825 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow-dark/menu-checkbox-mixed-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow-dark/menu-checkbox-mixed.png b/src/src/assets/gtk-2.0/assets-yellow-dark/menu-checkbox-mixed.png new file mode 100644 index 00000000..39eebb2e Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow-dark/menu-checkbox-mixed.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow-dark/menu-checkbox-unchecked-disabled.png b/src/src/assets/gtk-2.0/assets-yellow-dark/menu-checkbox-unchecked-disabled.png new file mode 100644 index 00000000..4b8fbb54 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow-dark/menu-checkbox-unchecked-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow-dark/menu-checkbox-unchecked.png b/src/src/assets/gtk-2.0/assets-yellow-dark/menu-checkbox-unchecked.png new file mode 100644 index 00000000..5317874c Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow-dark/menu-checkbox-unchecked.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow-dark/menu-radio-checked-disabled.png b/src/src/assets/gtk-2.0/assets-yellow-dark/menu-radio-checked-disabled.png new file mode 100644 index 00000000..65b5758b Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow-dark/menu-radio-checked-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow-dark/menu-radio-checked.png b/src/src/assets/gtk-2.0/assets-yellow-dark/menu-radio-checked.png new file mode 100644 index 00000000..61b34560 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow-dark/menu-radio-checked.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow-dark/menu-radio-mixed-disabled.png b/src/src/assets/gtk-2.0/assets-yellow-dark/menu-radio-mixed-disabled.png new file mode 100644 index 00000000..094a8825 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow-dark/menu-radio-mixed-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow-dark/menu-radio-mixed.png b/src/src/assets/gtk-2.0/assets-yellow-dark/menu-radio-mixed.png new file mode 100644 index 00000000..39eebb2e Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow-dark/menu-radio-mixed.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow-dark/menu-radio-unchecked-disabled.png b/src/src/assets/gtk-2.0/assets-yellow-dark/menu-radio-unchecked-disabled.png new file mode 100644 index 00000000..4b8fbb54 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow-dark/menu-radio-unchecked-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow-dark/menu-radio-unchecked.png b/src/src/assets/gtk-2.0/assets-yellow-dark/menu-radio-unchecked.png new file mode 100644 index 00000000..5317874c Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow-dark/menu-radio-unchecked.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow-dark/pan-down-alt-disabled.png b/src/src/assets/gtk-2.0/assets-yellow-dark/pan-down-alt-disabled.png new file mode 100644 index 00000000..11a69853 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow-dark/pan-down-alt-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow-dark/pan-down-alt.png b/src/src/assets/gtk-2.0/assets-yellow-dark/pan-down-alt.png new file mode 100644 index 00000000..974686c7 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow-dark/pan-down-alt.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow-dark/pan-down-disabled.png b/src/src/assets/gtk-2.0/assets-yellow-dark/pan-down-disabled.png new file mode 100644 index 00000000..8aa63318 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow-dark/pan-down-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow-dark/pan-down.png b/src/src/assets/gtk-2.0/assets-yellow-dark/pan-down.png new file mode 100644 index 00000000..2f28e41e Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow-dark/pan-down.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow-dark/pan-left-alt-disabled.png b/src/src/assets/gtk-2.0/assets-yellow-dark/pan-left-alt-disabled.png new file mode 100644 index 00000000..44e26b6d Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow-dark/pan-left-alt-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow-dark/pan-left-alt.png b/src/src/assets/gtk-2.0/assets-yellow-dark/pan-left-alt.png new file mode 100644 index 00000000..529b5e4c Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow-dark/pan-left-alt.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow-dark/pan-left-disabled.png b/src/src/assets/gtk-2.0/assets-yellow-dark/pan-left-disabled.png new file mode 100644 index 00000000..ff7c8521 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow-dark/pan-left-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow-dark/pan-left-semi.png b/src/src/assets/gtk-2.0/assets-yellow-dark/pan-left-semi.png new file mode 100644 index 00000000..955e801f Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow-dark/pan-left-semi.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow-dark/pan-left.png b/src/src/assets/gtk-2.0/assets-yellow-dark/pan-left.png new file mode 100644 index 00000000..c9cb53ac Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow-dark/pan-left.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow-dark/pan-right-alt-disabled.png b/src/src/assets/gtk-2.0/assets-yellow-dark/pan-right-alt-disabled.png new file mode 100644 index 00000000..42e5877b Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow-dark/pan-right-alt-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow-dark/pan-right-alt.png b/src/src/assets/gtk-2.0/assets-yellow-dark/pan-right-alt.png new file mode 100644 index 00000000..d7405064 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow-dark/pan-right-alt.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow-dark/pan-right-disabled.png b/src/src/assets/gtk-2.0/assets-yellow-dark/pan-right-disabled.png new file mode 100644 index 00000000..e8e14e80 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow-dark/pan-right-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow-dark/pan-right-semi.png b/src/src/assets/gtk-2.0/assets-yellow-dark/pan-right-semi.png new file mode 100644 index 00000000..d7d5af02 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow-dark/pan-right-semi.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow-dark/pan-right.png b/src/src/assets/gtk-2.0/assets-yellow-dark/pan-right.png new file mode 100644 index 00000000..6cf201d9 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow-dark/pan-right.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow-dark/pan-up-alt-disabled.png b/src/src/assets/gtk-2.0/assets-yellow-dark/pan-up-alt-disabled.png new file mode 100644 index 00000000..56a417c0 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow-dark/pan-up-alt-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow-dark/pan-up-alt.png b/src/src/assets/gtk-2.0/assets-yellow-dark/pan-up-alt.png new file mode 100644 index 00000000..5df7be82 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow-dark/pan-up-alt.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow-dark/pan-up-disabled.png b/src/src/assets/gtk-2.0/assets-yellow-dark/pan-up-disabled.png new file mode 100644 index 00000000..d3ae5113 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow-dark/pan-up-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow-dark/pan-up.png b/src/src/assets/gtk-2.0/assets-yellow-dark/pan-up.png new file mode 100644 index 00000000..a99f7cf0 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow-dark/pan-up.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow-dark/progressbar-progress.png b/src/src/assets/gtk-2.0/assets-yellow-dark/progressbar-progress.png new file mode 100644 index 00000000..97e58dbc Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow-dark/progressbar-progress.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow-dark/progressbar-trough.png b/src/src/assets/gtk-2.0/assets-yellow-dark/progressbar-trough.png new file mode 100644 index 00000000..aba61d56 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow-dark/progressbar-trough.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow-dark/radio-checked-active.png b/src/src/assets/gtk-2.0/assets-yellow-dark/radio-checked-active.png new file mode 100644 index 00000000..6e559767 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow-dark/radio-checked-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow-dark/radio-checked-disabled.png b/src/src/assets/gtk-2.0/assets-yellow-dark/radio-checked-disabled.png new file mode 100644 index 00000000..6c5526fe Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow-dark/radio-checked-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow-dark/radio-checked-hover.png b/src/src/assets/gtk-2.0/assets-yellow-dark/radio-checked-hover.png new file mode 100644 index 00000000..098e324b Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow-dark/radio-checked-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow-dark/radio-checked.png b/src/src/assets/gtk-2.0/assets-yellow-dark/radio-checked.png new file mode 100644 index 00000000..01d5255a Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow-dark/radio-checked.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow-dark/radio-mixed-active.png b/src/src/assets/gtk-2.0/assets-yellow-dark/radio-mixed-active.png new file mode 100644 index 00000000..59c715d2 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow-dark/radio-mixed-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow-dark/radio-mixed-disabled.png b/src/src/assets/gtk-2.0/assets-yellow-dark/radio-mixed-disabled.png new file mode 100644 index 00000000..072034aa Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow-dark/radio-mixed-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow-dark/radio-mixed-hover.png b/src/src/assets/gtk-2.0/assets-yellow-dark/radio-mixed-hover.png new file mode 100644 index 00000000..59d5a680 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow-dark/radio-mixed-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow-dark/radio-mixed.png b/src/src/assets/gtk-2.0/assets-yellow-dark/radio-mixed.png new file mode 100644 index 00000000..7692a792 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow-dark/radio-mixed.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow-dark/radio-unchecked-active.png b/src/src/assets/gtk-2.0/assets-yellow-dark/radio-unchecked-active.png new file mode 100644 index 00000000..f6948e7a Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow-dark/radio-unchecked-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow-dark/radio-unchecked-disabled.png b/src/src/assets/gtk-2.0/assets-yellow-dark/radio-unchecked-disabled.png new file mode 100644 index 00000000..73e42bdf Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow-dark/radio-unchecked-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow-dark/radio-unchecked-hover.png b/src/src/assets/gtk-2.0/assets-yellow-dark/radio-unchecked-hover.png new file mode 100644 index 00000000..191738b7 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow-dark/radio-unchecked-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow-dark/radio-unchecked.png b/src/src/assets/gtk-2.0/assets-yellow-dark/radio-unchecked.png new file mode 100644 index 00000000..e310c022 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow-dark/radio-unchecked.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow-dark/scale-horz-trough-active.png b/src/src/assets/gtk-2.0/assets-yellow-dark/scale-horz-trough-active.png new file mode 100644 index 00000000..87e04937 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow-dark/scale-horz-trough-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow-dark/scale-horz-trough-disabled.png b/src/src/assets/gtk-2.0/assets-yellow-dark/scale-horz-trough-disabled.png new file mode 100644 index 00000000..10cf142e Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow-dark/scale-horz-trough-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow-dark/scale-horz-trough.png b/src/src/assets/gtk-2.0/assets-yellow-dark/scale-horz-trough.png new file mode 100644 index 00000000..8a0adf1d Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow-dark/scale-horz-trough.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow-dark/scale-slider-active.png b/src/src/assets/gtk-2.0/assets-yellow-dark/scale-slider-active.png new file mode 100644 index 00000000..f727408b Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow-dark/scale-slider-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow-dark/scale-slider-disabled.png b/src/src/assets/gtk-2.0/assets-yellow-dark/scale-slider-disabled.png new file mode 100644 index 00000000..eb1a1ae2 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow-dark/scale-slider-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow-dark/scale-slider-hover.png b/src/src/assets/gtk-2.0/assets-yellow-dark/scale-slider-hover.png new file mode 100644 index 00000000..34c3cebb Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow-dark/scale-slider-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow-dark/scale-slider.png b/src/src/assets/gtk-2.0/assets-yellow-dark/scale-slider.png new file mode 100644 index 00000000..fb4d82d2 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow-dark/scale-slider.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow-dark/scale-vert-trough-active.png b/src/src/assets/gtk-2.0/assets-yellow-dark/scale-vert-trough-active.png new file mode 100644 index 00000000..1de710d3 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow-dark/scale-vert-trough-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow-dark/scale-vert-trough-disabled.png b/src/src/assets/gtk-2.0/assets-yellow-dark/scale-vert-trough-disabled.png new file mode 100644 index 00000000..7e38ad6c Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow-dark/scale-vert-trough-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow-dark/scale-vert-trough.png b/src/src/assets/gtk-2.0/assets-yellow-dark/scale-vert-trough.png new file mode 100644 index 00000000..6c6d3360 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow-dark/scale-vert-trough.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow-dark/scrollbar-horz-slider-active.png b/src/src/assets/gtk-2.0/assets-yellow-dark/scrollbar-horz-slider-active.png new file mode 100644 index 00000000..9b3802ab Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow-dark/scrollbar-horz-slider-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow-dark/scrollbar-horz-slider-disabled.png b/src/src/assets/gtk-2.0/assets-yellow-dark/scrollbar-horz-slider-disabled.png new file mode 100644 index 00000000..a0e78e25 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow-dark/scrollbar-horz-slider-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow-dark/scrollbar-horz-slider-hover.png b/src/src/assets/gtk-2.0/assets-yellow-dark/scrollbar-horz-slider-hover.png new file mode 100644 index 00000000..c44bf539 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow-dark/scrollbar-horz-slider-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow-dark/scrollbar-horz-slider.png b/src/src/assets/gtk-2.0/assets-yellow-dark/scrollbar-horz-slider.png new file mode 100644 index 00000000..7d453476 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow-dark/scrollbar-horz-slider.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow-dark/scrollbar-horz-trough.png b/src/src/assets/gtk-2.0/assets-yellow-dark/scrollbar-horz-trough.png new file mode 100644 index 00000000..e5e9d5b4 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow-dark/scrollbar-horz-trough.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow-dark/scrollbar-vert-ltr-slider-active.png b/src/src/assets/gtk-2.0/assets-yellow-dark/scrollbar-vert-ltr-slider-active.png new file mode 100644 index 00000000..86a7e94d Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow-dark/scrollbar-vert-ltr-slider-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow-dark/scrollbar-vert-ltr-slider-disabled.png b/src/src/assets/gtk-2.0/assets-yellow-dark/scrollbar-vert-ltr-slider-disabled.png new file mode 100644 index 00000000..e1bd86ac Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow-dark/scrollbar-vert-ltr-slider-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow-dark/scrollbar-vert-ltr-slider-hover.png b/src/src/assets/gtk-2.0/assets-yellow-dark/scrollbar-vert-ltr-slider-hover.png new file mode 100644 index 00000000..0eab6abe Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow-dark/scrollbar-vert-ltr-slider-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow-dark/scrollbar-vert-ltr-slider.png b/src/src/assets/gtk-2.0/assets-yellow-dark/scrollbar-vert-ltr-slider.png new file mode 100644 index 00000000..bd8227ac Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow-dark/scrollbar-vert-ltr-slider.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow-dark/scrollbar-vert-ltr-trough.png b/src/src/assets/gtk-2.0/assets-yellow-dark/scrollbar-vert-ltr-trough.png new file mode 100644 index 00000000..5e356392 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow-dark/scrollbar-vert-ltr-trough.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow-dark/scrollbar-vert-rtl-slider-active.png b/src/src/assets/gtk-2.0/assets-yellow-dark/scrollbar-vert-rtl-slider-active.png new file mode 100644 index 00000000..f219ede0 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow-dark/scrollbar-vert-rtl-slider-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow-dark/scrollbar-vert-rtl-slider-disabled.png b/src/src/assets/gtk-2.0/assets-yellow-dark/scrollbar-vert-rtl-slider-disabled.png new file mode 100644 index 00000000..e8cf3269 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow-dark/scrollbar-vert-rtl-slider-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow-dark/scrollbar-vert-rtl-slider-hover.png b/src/src/assets/gtk-2.0/assets-yellow-dark/scrollbar-vert-rtl-slider-hover.png new file mode 100644 index 00000000..fc02be48 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow-dark/scrollbar-vert-rtl-slider-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow-dark/scrollbar-vert-rtl-slider.png b/src/src/assets/gtk-2.0/assets-yellow-dark/scrollbar-vert-rtl-slider.png new file mode 100644 index 00000000..8ab9c686 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow-dark/scrollbar-vert-rtl-slider.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow-dark/scrollbar-vert-rtl-trough.png b/src/src/assets/gtk-2.0/assets-yellow-dark/scrollbar-vert-rtl-trough.png new file mode 100644 index 00000000..056290d9 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow-dark/scrollbar-vert-rtl-trough.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow-dark/spin-ltr-down-active.png b/src/src/assets/gtk-2.0/assets-yellow-dark/spin-ltr-down-active.png new file mode 100644 index 00000000..69b05e38 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow-dark/spin-ltr-down-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow-dark/spin-ltr-down-disabled.png b/src/src/assets/gtk-2.0/assets-yellow-dark/spin-ltr-down-disabled.png new file mode 100644 index 00000000..19139fdd Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow-dark/spin-ltr-down-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow-dark/spin-ltr-down-hover.png b/src/src/assets/gtk-2.0/assets-yellow-dark/spin-ltr-down-hover.png new file mode 100644 index 00000000..64e8a4ce Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow-dark/spin-ltr-down-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow-dark/spin-ltr-down.png b/src/src/assets/gtk-2.0/assets-yellow-dark/spin-ltr-down.png new file mode 100644 index 00000000..020deb5f Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow-dark/spin-ltr-down.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow-dark/spin-ltr-up-active.png b/src/src/assets/gtk-2.0/assets-yellow-dark/spin-ltr-up-active.png new file mode 100644 index 00000000..81757d94 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow-dark/spin-ltr-up-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow-dark/spin-ltr-up-disabled.png b/src/src/assets/gtk-2.0/assets-yellow-dark/spin-ltr-up-disabled.png new file mode 100644 index 00000000..dcf55afe Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow-dark/spin-ltr-up-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow-dark/spin-ltr-up-hover.png b/src/src/assets/gtk-2.0/assets-yellow-dark/spin-ltr-up-hover.png new file mode 100644 index 00000000..4631e6fa Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow-dark/spin-ltr-up-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow-dark/spin-ltr-up.png b/src/src/assets/gtk-2.0/assets-yellow-dark/spin-ltr-up.png new file mode 100644 index 00000000..f9b8eb67 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow-dark/spin-ltr-up.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow-dark/spin-rtl-down-active.png b/src/src/assets/gtk-2.0/assets-yellow-dark/spin-rtl-down-active.png new file mode 100644 index 00000000..7e916c75 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow-dark/spin-rtl-down-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow-dark/spin-rtl-down-disabled.png b/src/src/assets/gtk-2.0/assets-yellow-dark/spin-rtl-down-disabled.png new file mode 100644 index 00000000..4c5e3b17 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow-dark/spin-rtl-down-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow-dark/spin-rtl-down-hover.png b/src/src/assets/gtk-2.0/assets-yellow-dark/spin-rtl-down-hover.png new file mode 100644 index 00000000..af6410e7 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow-dark/spin-rtl-down-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow-dark/spin-rtl-down.png b/src/src/assets/gtk-2.0/assets-yellow-dark/spin-rtl-down.png new file mode 100644 index 00000000..7eae4282 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow-dark/spin-rtl-down.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow-dark/spin-rtl-up-active.png b/src/src/assets/gtk-2.0/assets-yellow-dark/spin-rtl-up-active.png new file mode 100644 index 00000000..4ab8e530 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow-dark/spin-rtl-up-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow-dark/spin-rtl-up-disabled.png b/src/src/assets/gtk-2.0/assets-yellow-dark/spin-rtl-up-disabled.png new file mode 100644 index 00000000..e229de47 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow-dark/spin-rtl-up-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow-dark/spin-rtl-up-hover.png b/src/src/assets/gtk-2.0/assets-yellow-dark/spin-rtl-up-hover.png new file mode 100644 index 00000000..ed0c0ce8 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow-dark/spin-rtl-up-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow-dark/spin-rtl-up.png b/src/src/assets/gtk-2.0/assets-yellow-dark/spin-rtl-up.png new file mode 100644 index 00000000..e3a59e86 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow-dark/spin-rtl-up.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow-dark/tab.png b/src/src/assets/gtk-2.0/assets-yellow-dark/tab.png new file mode 100644 index 00000000..716721c2 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow-dark/tab.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow-dark/treeview-ltr-button-active.png b/src/src/assets/gtk-2.0/assets-yellow-dark/treeview-ltr-button-active.png new file mode 100644 index 00000000..45da44f8 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow-dark/treeview-ltr-button-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow-dark/treeview-ltr-button-hover.png b/src/src/assets/gtk-2.0/assets-yellow-dark/treeview-ltr-button-hover.png new file mode 100644 index 00000000..a240cb64 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow-dark/treeview-ltr-button-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow-dark/treeview-ltr-button.png b/src/src/assets/gtk-2.0/assets-yellow-dark/treeview-ltr-button.png new file mode 100644 index 00000000..cc77fcc3 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow-dark/treeview-ltr-button.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow-dark/treeview-rtl-button-active.png b/src/src/assets/gtk-2.0/assets-yellow-dark/treeview-rtl-button-active.png new file mode 100644 index 00000000..a5a46b99 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow-dark/treeview-rtl-button-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow-dark/treeview-rtl-button-hover.png b/src/src/assets/gtk-2.0/assets-yellow-dark/treeview-rtl-button-hover.png new file mode 100644 index 00000000..810a277e Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow-dark/treeview-rtl-button-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow-dark/treeview-rtl-button.png b/src/src/assets/gtk-2.0/assets-yellow-dark/treeview-rtl-button.png new file mode 100644 index 00000000..cc77fcc3 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow-dark/treeview-rtl-button.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow.svg b/src/src/assets/gtk-2.0/assets-yellow.svg new file mode 100644 index 00000000..c6f8b986 --- /dev/null +++ b/src/src/assets/gtk-2.0/assets-yellow.svg @@ -0,0 +1,3516 @@ + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/src/assets/gtk-2.0/assets-yellow/border.png b/src/src/assets/gtk-2.0/assets-yellow/border.png new file mode 100644 index 00000000..b755468c Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow/border.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow/button-active.png b/src/src/assets/gtk-2.0/assets-yellow/button-active.png new file mode 100644 index 00000000..6a3942cb Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow/button-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow/button-disabled.png b/src/src/assets/gtk-2.0/assets-yellow/button-disabled.png new file mode 100644 index 00000000..0be273b6 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow/button-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow/button-hover.png b/src/src/assets/gtk-2.0/assets-yellow/button-hover.png new file mode 100644 index 00000000..de5b6182 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow/button-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow/button.png b/src/src/assets/gtk-2.0/assets-yellow/button.png new file mode 100644 index 00000000..daeaec77 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow/button.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow/checkbox-checked-active.png b/src/src/assets/gtk-2.0/assets-yellow/checkbox-checked-active.png new file mode 100644 index 00000000..e8f77f12 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow/checkbox-checked-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow/checkbox-checked-disabled.png b/src/src/assets/gtk-2.0/assets-yellow/checkbox-checked-disabled.png new file mode 100644 index 00000000..c3f45d14 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow/checkbox-checked-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow/checkbox-checked-hover.png b/src/src/assets/gtk-2.0/assets-yellow/checkbox-checked-hover.png new file mode 100644 index 00000000..334f17fe Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow/checkbox-checked-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow/checkbox-checked.png b/src/src/assets/gtk-2.0/assets-yellow/checkbox-checked.png new file mode 100644 index 00000000..e5d55648 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow/checkbox-checked.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow/checkbox-mixed-active.png b/src/src/assets/gtk-2.0/assets-yellow/checkbox-mixed-active.png new file mode 100644 index 00000000..e2ebcd5b Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow/checkbox-mixed-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow/checkbox-mixed-disabled.png b/src/src/assets/gtk-2.0/assets-yellow/checkbox-mixed-disabled.png new file mode 100644 index 00000000..ffe677fc Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow/checkbox-mixed-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow/checkbox-mixed-hover.png b/src/src/assets/gtk-2.0/assets-yellow/checkbox-mixed-hover.png new file mode 100644 index 00000000..4fbe48a7 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow/checkbox-mixed-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow/checkbox-mixed.png b/src/src/assets/gtk-2.0/assets-yellow/checkbox-mixed.png new file mode 100644 index 00000000..9dfa3107 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow/checkbox-mixed.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow/checkbox-unchecked-active.png b/src/src/assets/gtk-2.0/assets-yellow/checkbox-unchecked-active.png new file mode 100644 index 00000000..b2112ca5 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow/checkbox-unchecked-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow/checkbox-unchecked-disabled.png b/src/src/assets/gtk-2.0/assets-yellow/checkbox-unchecked-disabled.png new file mode 100644 index 00000000..ca92669d Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow/checkbox-unchecked-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow/checkbox-unchecked-hover.png b/src/src/assets/gtk-2.0/assets-yellow/checkbox-unchecked-hover.png new file mode 100644 index 00000000..95cb359f Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow/checkbox-unchecked-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow/checkbox-unchecked.png b/src/src/assets/gtk-2.0/assets-yellow/checkbox-unchecked.png new file mode 100644 index 00000000..6496e929 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow/checkbox-unchecked.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow/combo-left-entry-active.png b/src/src/assets/gtk-2.0/assets-yellow/combo-left-entry-active.png new file mode 100644 index 00000000..dd9022c4 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow/combo-left-entry-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow/combo-left-entry-disabled.png b/src/src/assets/gtk-2.0/assets-yellow/combo-left-entry-disabled.png new file mode 100644 index 00000000..bec439a2 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow/combo-left-entry-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow/combo-left-entry-hover.png b/src/src/assets/gtk-2.0/assets-yellow/combo-left-entry-hover.png new file mode 100644 index 00000000..d896386e Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow/combo-left-entry-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow/combo-left-entry.png b/src/src/assets/gtk-2.0/assets-yellow/combo-left-entry.png new file mode 100644 index 00000000..943fac58 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow/combo-left-entry.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow/combo-right-entry-active.png b/src/src/assets/gtk-2.0/assets-yellow/combo-right-entry-active.png new file mode 100644 index 00000000..88e5deb5 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow/combo-right-entry-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow/combo-right-entry-disabled.png b/src/src/assets/gtk-2.0/assets-yellow/combo-right-entry-disabled.png new file mode 100644 index 00000000..52934069 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow/combo-right-entry-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow/combo-right-entry-hover.png b/src/src/assets/gtk-2.0/assets-yellow/combo-right-entry-hover.png new file mode 100644 index 00000000..05548f30 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow/combo-right-entry-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow/combo-right-entry.png b/src/src/assets/gtk-2.0/assets-yellow/combo-right-entry.png new file mode 100644 index 00000000..dd2118a6 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow/combo-right-entry.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow/entry-active.png b/src/src/assets/gtk-2.0/assets-yellow/entry-active.png new file mode 100644 index 00000000..24224fb8 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow/entry-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow/entry-background-disabled.png b/src/src/assets/gtk-2.0/assets-yellow/entry-background-disabled.png new file mode 100644 index 00000000..7f3aa5ee Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow/entry-background-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow/entry-background.png b/src/src/assets/gtk-2.0/assets-yellow/entry-background.png new file mode 100644 index 00000000..72facdb0 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow/entry-background.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow/entry-disabled.png b/src/src/assets/gtk-2.0/assets-yellow/entry-disabled.png new file mode 100644 index 00000000..0be273b6 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow/entry-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow/entry-hover.png b/src/src/assets/gtk-2.0/assets-yellow/entry-hover.png new file mode 100644 index 00000000..1e7804c7 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow/entry-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow/entry.png b/src/src/assets/gtk-2.0/assets-yellow/entry.png new file mode 100644 index 00000000..daeaec77 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow/entry.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow/flat-button-active.png b/src/src/assets/gtk-2.0/assets-yellow/flat-button-active.png new file mode 100644 index 00000000..6a3942cb Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow/flat-button-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow/flat-button-disabled.png b/src/src/assets/gtk-2.0/assets-yellow/flat-button-disabled.png new file mode 100644 index 00000000..34d490f1 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow/flat-button-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow/flat-button-hover.png b/src/src/assets/gtk-2.0/assets-yellow/flat-button-hover.png new file mode 100644 index 00000000..de5b6182 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow/flat-button-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow/flat-button.png b/src/src/assets/gtk-2.0/assets-yellow/flat-button.png new file mode 100644 index 00000000..34d490f1 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow/flat-button.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow/focus.png b/src/src/assets/gtk-2.0/assets-yellow/focus.png new file mode 100644 index 00000000..cf26e66f Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow/focus.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow/frame-inline.png b/src/src/assets/gtk-2.0/assets-yellow/frame-inline.png new file mode 100644 index 00000000..34703f89 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow/frame-inline.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow/frame-notebook.png b/src/src/assets/gtk-2.0/assets-yellow/frame-notebook.png new file mode 100644 index 00000000..ddb51968 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow/frame-notebook.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow/frame.png b/src/src/assets/gtk-2.0/assets-yellow/frame.png new file mode 100644 index 00000000..bd3e8516 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow/frame.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow/handle-horz-active.png b/src/src/assets/gtk-2.0/assets-yellow/handle-horz-active.png new file mode 100644 index 00000000..982db3de Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow/handle-horz-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow/handle-horz-hover.png b/src/src/assets/gtk-2.0/assets-yellow/handle-horz-hover.png new file mode 100644 index 00000000..af9f1f49 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow/handle-horz-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow/handle-horz.png b/src/src/assets/gtk-2.0/assets-yellow/handle-horz.png new file mode 100644 index 00000000..a7263884 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow/handle-horz.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow/handle-vert-active.png b/src/src/assets/gtk-2.0/assets-yellow/handle-vert-active.png new file mode 100644 index 00000000..e44fc648 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow/handle-vert-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow/handle-vert-hover.png b/src/src/assets/gtk-2.0/assets-yellow/handle-vert-hover.png new file mode 100644 index 00000000..d14f0049 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow/handle-vert-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow/handle-vert.png b/src/src/assets/gtk-2.0/assets-yellow/handle-vert.png new file mode 100644 index 00000000..567a2814 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow/handle-vert.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow/menu-checkbox-checked-disabled.png b/src/src/assets/gtk-2.0/assets-yellow/menu-checkbox-checked-disabled.png new file mode 100644 index 00000000..0089794b Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow/menu-checkbox-checked-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow/menu-checkbox-checked.png b/src/src/assets/gtk-2.0/assets-yellow/menu-checkbox-checked.png new file mode 100644 index 00000000..74d206f3 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow/menu-checkbox-checked.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow/menu-checkbox-mixed-disabled.png b/src/src/assets/gtk-2.0/assets-yellow/menu-checkbox-mixed-disabled.png new file mode 100644 index 00000000..207545e9 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow/menu-checkbox-mixed-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow/menu-checkbox-mixed.png b/src/src/assets/gtk-2.0/assets-yellow/menu-checkbox-mixed.png new file mode 100644 index 00000000..9445f135 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow/menu-checkbox-mixed.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow/menu-checkbox-unchecked-disabled.png b/src/src/assets/gtk-2.0/assets-yellow/menu-checkbox-unchecked-disabled.png new file mode 100644 index 00000000..e8de0556 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow/menu-checkbox-unchecked-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow/menu-checkbox-unchecked.png b/src/src/assets/gtk-2.0/assets-yellow/menu-checkbox-unchecked.png new file mode 100644 index 00000000..5846b31d Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow/menu-checkbox-unchecked.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow/menu-radio-checked-disabled.png b/src/src/assets/gtk-2.0/assets-yellow/menu-radio-checked-disabled.png new file mode 100644 index 00000000..5a3de274 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow/menu-radio-checked-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow/menu-radio-checked.png b/src/src/assets/gtk-2.0/assets-yellow/menu-radio-checked.png new file mode 100644 index 00000000..59ca18b2 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow/menu-radio-checked.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow/menu-radio-mixed-disabled.png b/src/src/assets/gtk-2.0/assets-yellow/menu-radio-mixed-disabled.png new file mode 100644 index 00000000..207545e9 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow/menu-radio-mixed-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow/menu-radio-mixed.png b/src/src/assets/gtk-2.0/assets-yellow/menu-radio-mixed.png new file mode 100644 index 00000000..9445f135 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow/menu-radio-mixed.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow/menu-radio-unchecked-disabled.png b/src/src/assets/gtk-2.0/assets-yellow/menu-radio-unchecked-disabled.png new file mode 100644 index 00000000..e8de0556 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow/menu-radio-unchecked-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow/menu-radio-unchecked.png b/src/src/assets/gtk-2.0/assets-yellow/menu-radio-unchecked.png new file mode 100644 index 00000000..5846b31d Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow/menu-radio-unchecked.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow/pan-down-alt-disabled.png b/src/src/assets/gtk-2.0/assets-yellow/pan-down-alt-disabled.png new file mode 100644 index 00000000..db1d3614 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow/pan-down-alt-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow/pan-down-alt.png b/src/src/assets/gtk-2.0/assets-yellow/pan-down-alt.png new file mode 100644 index 00000000..820e026c Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow/pan-down-alt.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow/pan-down-disabled.png b/src/src/assets/gtk-2.0/assets-yellow/pan-down-disabled.png new file mode 100644 index 00000000..567f441a Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow/pan-down-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow/pan-down.png b/src/src/assets/gtk-2.0/assets-yellow/pan-down.png new file mode 100644 index 00000000..f664be1c Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow/pan-down.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow/pan-left-alt-disabled.png b/src/src/assets/gtk-2.0/assets-yellow/pan-left-alt-disabled.png new file mode 100644 index 00000000..d25e4b63 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow/pan-left-alt-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow/pan-left-alt.png b/src/src/assets/gtk-2.0/assets-yellow/pan-left-alt.png new file mode 100644 index 00000000..6309016a Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow/pan-left-alt.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow/pan-left-disabled.png b/src/src/assets/gtk-2.0/assets-yellow/pan-left-disabled.png new file mode 100644 index 00000000..f0f94da2 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow/pan-left-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow/pan-left-semi.png b/src/src/assets/gtk-2.0/assets-yellow/pan-left-semi.png new file mode 100644 index 00000000..efe18079 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow/pan-left-semi.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow/pan-left.png b/src/src/assets/gtk-2.0/assets-yellow/pan-left.png new file mode 100644 index 00000000..ae7f93db Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow/pan-left.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow/pan-right-alt-disabled.png b/src/src/assets/gtk-2.0/assets-yellow/pan-right-alt-disabled.png new file mode 100644 index 00000000..d11562a4 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow/pan-right-alt-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow/pan-right-alt.png b/src/src/assets/gtk-2.0/assets-yellow/pan-right-alt.png new file mode 100644 index 00000000..3acb33bc Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow/pan-right-alt.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow/pan-right-disabled.png b/src/src/assets/gtk-2.0/assets-yellow/pan-right-disabled.png new file mode 100644 index 00000000..f49afaeb Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow/pan-right-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow/pan-right-semi.png b/src/src/assets/gtk-2.0/assets-yellow/pan-right-semi.png new file mode 100644 index 00000000..331a3066 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow/pan-right-semi.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow/pan-right.png b/src/src/assets/gtk-2.0/assets-yellow/pan-right.png new file mode 100644 index 00000000..59754753 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow/pan-right.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow/pan-up-alt-disabled.png b/src/src/assets/gtk-2.0/assets-yellow/pan-up-alt-disabled.png new file mode 100644 index 00000000..361acb33 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow/pan-up-alt-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow/pan-up-alt.png b/src/src/assets/gtk-2.0/assets-yellow/pan-up-alt.png new file mode 100644 index 00000000..dcdf2ec2 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow/pan-up-alt.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow/pan-up-disabled.png b/src/src/assets/gtk-2.0/assets-yellow/pan-up-disabled.png new file mode 100644 index 00000000..8a52366f Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow/pan-up-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow/pan-up.png b/src/src/assets/gtk-2.0/assets-yellow/pan-up.png new file mode 100644 index 00000000..031ac461 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow/pan-up.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow/progressbar-progress.png b/src/src/assets/gtk-2.0/assets-yellow/progressbar-progress.png new file mode 100644 index 00000000..a1993388 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow/progressbar-progress.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow/progressbar-trough.png b/src/src/assets/gtk-2.0/assets-yellow/progressbar-trough.png new file mode 100644 index 00000000..9c4c5957 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow/progressbar-trough.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow/radio-checked-active.png b/src/src/assets/gtk-2.0/assets-yellow/radio-checked-active.png new file mode 100644 index 00000000..d9407e84 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow/radio-checked-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow/radio-checked-disabled.png b/src/src/assets/gtk-2.0/assets-yellow/radio-checked-disabled.png new file mode 100644 index 00000000..4bed7986 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow/radio-checked-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow/radio-checked-hover.png b/src/src/assets/gtk-2.0/assets-yellow/radio-checked-hover.png new file mode 100644 index 00000000..9d8cca34 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow/radio-checked-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow/radio-checked.png b/src/src/assets/gtk-2.0/assets-yellow/radio-checked.png new file mode 100644 index 00000000..6e163a2d Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow/radio-checked.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow/radio-mixed-active.png b/src/src/assets/gtk-2.0/assets-yellow/radio-mixed-active.png new file mode 100644 index 00000000..e2ebcd5b Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow/radio-mixed-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow/radio-mixed-disabled.png b/src/src/assets/gtk-2.0/assets-yellow/radio-mixed-disabled.png new file mode 100644 index 00000000..ffe677fc Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow/radio-mixed-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow/radio-mixed-hover.png b/src/src/assets/gtk-2.0/assets-yellow/radio-mixed-hover.png new file mode 100644 index 00000000..4fbe48a7 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow/radio-mixed-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow/radio-mixed.png b/src/src/assets/gtk-2.0/assets-yellow/radio-mixed.png new file mode 100644 index 00000000..9dfa3107 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow/radio-mixed.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow/radio-unchecked-active.png b/src/src/assets/gtk-2.0/assets-yellow/radio-unchecked-active.png new file mode 100644 index 00000000..b2112ca5 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow/radio-unchecked-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow/radio-unchecked-disabled.png b/src/src/assets/gtk-2.0/assets-yellow/radio-unchecked-disabled.png new file mode 100644 index 00000000..ca92669d Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow/radio-unchecked-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow/radio-unchecked-hover.png b/src/src/assets/gtk-2.0/assets-yellow/radio-unchecked-hover.png new file mode 100644 index 00000000..95cb359f Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow/radio-unchecked-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow/radio-unchecked.png b/src/src/assets/gtk-2.0/assets-yellow/radio-unchecked.png new file mode 100644 index 00000000..6496e929 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow/radio-unchecked.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow/scale-horz-trough-active.png b/src/src/assets/gtk-2.0/assets-yellow/scale-horz-trough-active.png new file mode 100644 index 00000000..696f0bed Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow/scale-horz-trough-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow/scale-horz-trough-disabled.png b/src/src/assets/gtk-2.0/assets-yellow/scale-horz-trough-disabled.png new file mode 100644 index 00000000..e38cec0e Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow/scale-horz-trough-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow/scale-horz-trough.png b/src/src/assets/gtk-2.0/assets-yellow/scale-horz-trough.png new file mode 100644 index 00000000..85e94865 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow/scale-horz-trough.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow/scale-slider-active.png b/src/src/assets/gtk-2.0/assets-yellow/scale-slider-active.png new file mode 100644 index 00000000..d17d30e3 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow/scale-slider-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow/scale-slider-disabled.png b/src/src/assets/gtk-2.0/assets-yellow/scale-slider-disabled.png new file mode 100644 index 00000000..9e2860da Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow/scale-slider-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow/scale-slider-hover.png b/src/src/assets/gtk-2.0/assets-yellow/scale-slider-hover.png new file mode 100644 index 00000000..141af2fd Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow/scale-slider-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow/scale-slider.png b/src/src/assets/gtk-2.0/assets-yellow/scale-slider.png new file mode 100644 index 00000000..f0a333fb Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow/scale-slider.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow/scale-vert-trough-active.png b/src/src/assets/gtk-2.0/assets-yellow/scale-vert-trough-active.png new file mode 100644 index 00000000..29f8514b Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow/scale-vert-trough-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow/scale-vert-trough-disabled.png b/src/src/assets/gtk-2.0/assets-yellow/scale-vert-trough-disabled.png new file mode 100644 index 00000000..f976e3ac Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow/scale-vert-trough-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow/scale-vert-trough.png b/src/src/assets/gtk-2.0/assets-yellow/scale-vert-trough.png new file mode 100644 index 00000000..ef79e783 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow/scale-vert-trough.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow/scrollbar-horz-slider-active.png b/src/src/assets/gtk-2.0/assets-yellow/scrollbar-horz-slider-active.png new file mode 100644 index 00000000..060da6db Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow/scrollbar-horz-slider-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow/scrollbar-horz-slider-disabled.png b/src/src/assets/gtk-2.0/assets-yellow/scrollbar-horz-slider-disabled.png new file mode 100644 index 00000000..9617e3f9 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow/scrollbar-horz-slider-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow/scrollbar-horz-slider-hover.png b/src/src/assets/gtk-2.0/assets-yellow/scrollbar-horz-slider-hover.png new file mode 100644 index 00000000..bb6d9b06 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow/scrollbar-horz-slider-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow/scrollbar-horz-slider.png b/src/src/assets/gtk-2.0/assets-yellow/scrollbar-horz-slider.png new file mode 100644 index 00000000..45e4bd90 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow/scrollbar-horz-slider.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow/scrollbar-horz-trough.png b/src/src/assets/gtk-2.0/assets-yellow/scrollbar-horz-trough.png new file mode 100644 index 00000000..0394def8 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow/scrollbar-horz-trough.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow/scrollbar-vert-ltr-slider-active.png b/src/src/assets/gtk-2.0/assets-yellow/scrollbar-vert-ltr-slider-active.png new file mode 100644 index 00000000..475b1afd Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow/scrollbar-vert-ltr-slider-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow/scrollbar-vert-ltr-slider-disabled.png b/src/src/assets/gtk-2.0/assets-yellow/scrollbar-vert-ltr-slider-disabled.png new file mode 100644 index 00000000..d27871ed Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow/scrollbar-vert-ltr-slider-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow/scrollbar-vert-ltr-slider-hover.png b/src/src/assets/gtk-2.0/assets-yellow/scrollbar-vert-ltr-slider-hover.png new file mode 100644 index 00000000..4739b684 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow/scrollbar-vert-ltr-slider-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow/scrollbar-vert-ltr-slider.png b/src/src/assets/gtk-2.0/assets-yellow/scrollbar-vert-ltr-slider.png new file mode 100644 index 00000000..dcab8053 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow/scrollbar-vert-ltr-slider.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow/scrollbar-vert-ltr-trough.png b/src/src/assets/gtk-2.0/assets-yellow/scrollbar-vert-ltr-trough.png new file mode 100644 index 00000000..06b93b5c Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow/scrollbar-vert-ltr-trough.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow/scrollbar-vert-rtl-slider-active.png b/src/src/assets/gtk-2.0/assets-yellow/scrollbar-vert-rtl-slider-active.png new file mode 100644 index 00000000..dcc9e9ff Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow/scrollbar-vert-rtl-slider-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow/scrollbar-vert-rtl-slider-disabled.png b/src/src/assets/gtk-2.0/assets-yellow/scrollbar-vert-rtl-slider-disabled.png new file mode 100644 index 00000000..96562d1c Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow/scrollbar-vert-rtl-slider-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow/scrollbar-vert-rtl-slider-hover.png b/src/src/assets/gtk-2.0/assets-yellow/scrollbar-vert-rtl-slider-hover.png new file mode 100644 index 00000000..378bfa09 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow/scrollbar-vert-rtl-slider-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow/scrollbar-vert-rtl-slider.png b/src/src/assets/gtk-2.0/assets-yellow/scrollbar-vert-rtl-slider.png new file mode 100644 index 00000000..5f5dd82f Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow/scrollbar-vert-rtl-slider.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow/scrollbar-vert-rtl-trough.png b/src/src/assets/gtk-2.0/assets-yellow/scrollbar-vert-rtl-trough.png new file mode 100644 index 00000000..4d6a6aa4 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow/scrollbar-vert-rtl-trough.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow/spin-ltr-down-active.png b/src/src/assets/gtk-2.0/assets-yellow/spin-ltr-down-active.png new file mode 100644 index 00000000..e1b3a929 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow/spin-ltr-down-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow/spin-ltr-down-disabled.png b/src/src/assets/gtk-2.0/assets-yellow/spin-ltr-down-disabled.png new file mode 100644 index 00000000..d7715014 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow/spin-ltr-down-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow/spin-ltr-down-hover.png b/src/src/assets/gtk-2.0/assets-yellow/spin-ltr-down-hover.png new file mode 100644 index 00000000..d8f4c370 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow/spin-ltr-down-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow/spin-ltr-down.png b/src/src/assets/gtk-2.0/assets-yellow/spin-ltr-down.png new file mode 100644 index 00000000..d44a3dd6 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow/spin-ltr-down.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow/spin-ltr-up-active.png b/src/src/assets/gtk-2.0/assets-yellow/spin-ltr-up-active.png new file mode 100644 index 00000000..3269e355 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow/spin-ltr-up-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow/spin-ltr-up-disabled.png b/src/src/assets/gtk-2.0/assets-yellow/spin-ltr-up-disabled.png new file mode 100644 index 00000000..108a1073 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow/spin-ltr-up-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow/spin-ltr-up-hover.png b/src/src/assets/gtk-2.0/assets-yellow/spin-ltr-up-hover.png new file mode 100644 index 00000000..6a4d2cd7 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow/spin-ltr-up-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow/spin-ltr-up.png b/src/src/assets/gtk-2.0/assets-yellow/spin-ltr-up.png new file mode 100644 index 00000000..b735ea2f Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow/spin-ltr-up.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow/spin-rtl-down-active.png b/src/src/assets/gtk-2.0/assets-yellow/spin-rtl-down-active.png new file mode 100644 index 00000000..8fa0ffa1 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow/spin-rtl-down-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow/spin-rtl-down-disabled.png b/src/src/assets/gtk-2.0/assets-yellow/spin-rtl-down-disabled.png new file mode 100644 index 00000000..a7052083 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow/spin-rtl-down-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow/spin-rtl-down-hover.png b/src/src/assets/gtk-2.0/assets-yellow/spin-rtl-down-hover.png new file mode 100644 index 00000000..35364e53 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow/spin-rtl-down-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow/spin-rtl-down.png b/src/src/assets/gtk-2.0/assets-yellow/spin-rtl-down.png new file mode 100644 index 00000000..74ba4d67 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow/spin-rtl-down.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow/spin-rtl-up-active.png b/src/src/assets/gtk-2.0/assets-yellow/spin-rtl-up-active.png new file mode 100644 index 00000000..49091091 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow/spin-rtl-up-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow/spin-rtl-up-disabled.png b/src/src/assets/gtk-2.0/assets-yellow/spin-rtl-up-disabled.png new file mode 100644 index 00000000..95f42b7c Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow/spin-rtl-up-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow/spin-rtl-up-hover.png b/src/src/assets/gtk-2.0/assets-yellow/spin-rtl-up-hover.png new file mode 100644 index 00000000..5d839967 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow/spin-rtl-up-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow/spin-rtl-up.png b/src/src/assets/gtk-2.0/assets-yellow/spin-rtl-up.png new file mode 100644 index 00000000..08c266ae Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow/spin-rtl-up.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow/tab.png b/src/src/assets/gtk-2.0/assets-yellow/tab.png new file mode 100644 index 00000000..406c0938 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow/tab.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow/treeview-ltr-button-active.png b/src/src/assets/gtk-2.0/assets-yellow/treeview-ltr-button-active.png new file mode 100644 index 00000000..365523e0 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow/treeview-ltr-button-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow/treeview-ltr-button-hover.png b/src/src/assets/gtk-2.0/assets-yellow/treeview-ltr-button-hover.png new file mode 100644 index 00000000..e43317ce Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow/treeview-ltr-button-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow/treeview-ltr-button.png b/src/src/assets/gtk-2.0/assets-yellow/treeview-ltr-button.png new file mode 100644 index 00000000..862ac323 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow/treeview-ltr-button.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow/treeview-rtl-button-active.png b/src/src/assets/gtk-2.0/assets-yellow/treeview-rtl-button-active.png new file mode 100644 index 00000000..3dc0f5a2 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow/treeview-rtl-button-active.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow/treeview-rtl-button-hover.png b/src/src/assets/gtk-2.0/assets-yellow/treeview-rtl-button-hover.png new file mode 100644 index 00000000..f6dce3b4 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow/treeview-rtl-button-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets-yellow/treeview-rtl-button.png b/src/src/assets/gtk-2.0/assets-yellow/treeview-rtl-button.png new file mode 100644 index 00000000..04b779bf Binary files /dev/null and b/src/src/assets/gtk-2.0/assets-yellow/treeview-rtl-button.png differ diff --git a/src/src/assets/gtk-2.0/assets.svg b/src/src/assets/gtk-2.0/assets.svg new file mode 100644 index 00000000..d13af54e --- /dev/null +++ b/src/src/assets/gtk-2.0/assets.svg @@ -0,0 +1,3516 @@ + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/src/assets/gtk-2.0/assets.txt b/src/src/assets/gtk-2.0/assets.txt new file mode 100644 index 00000000..151c7443 --- /dev/null +++ b/src/src/assets/gtk-2.0/assets.txt @@ -0,0 +1,137 @@ +entry-background +entry-background-disabled +entry +entry-hover +entry-active +entry-disabled +flat-button +flat-button-hover +flat-button-active +flat-button-disabled +button +button-hover +button-active +button-disabled +combo-left-entry +combo-left-entry-hover +combo-left-entry-active +combo-left-entry-disabled +combo-right-entry +combo-right-entry-hover +combo-right-entry-active +combo-right-entry-disabled +spin-ltr-up +spin-ltr-up-hover +spin-ltr-up-active +spin-ltr-up-disabled +spin-ltr-down +spin-ltr-down-hover +spin-ltr-down-active +spin-ltr-down-disabled +spin-rtl-up +spin-rtl-up-hover +spin-rtl-up-active +spin-rtl-up-disabled +spin-rtl-down +spin-rtl-down-hover +spin-rtl-down-active +spin-rtl-down-disabled +checkbox-unchecked +checkbox-unchecked-hover +checkbox-unchecked-active +checkbox-unchecked-disabled +checkbox-checked +checkbox-checked-hover +checkbox-checked-active +checkbox-checked-disabled +checkbox-mixed +checkbox-mixed-hover +checkbox-mixed-active +checkbox-mixed-disabled +radio-unchecked +radio-unchecked-hover +radio-unchecked-active +radio-unchecked-disabled +radio-checked +radio-checked-hover +radio-checked-active +radio-checked-disabled +radio-mixed +radio-mixed-hover +radio-mixed-active +radio-mixed-disabled +menu-checkbox-unchecked +menu-checkbox-unchecked-disabled +menu-checkbox-checked +menu-checkbox-checked-disabled +menu-checkbox-mixed +menu-checkbox-mixed-disabled +menu-radio-unchecked +menu-radio-unchecked-disabled +menu-radio-checked +menu-radio-checked-disabled +menu-radio-mixed +menu-radio-mixed-disabled +scale-slider +scale-slider-hover +scale-slider-active +scale-slider-disabled +scale-horz-trough +scale-horz-trough-active +scale-horz-trough-disabled +scale-vert-trough +scale-vert-trough-active +scale-vert-trough-disabled +scrollbar-horz-slider +scrollbar-horz-slider-hover +scrollbar-horz-slider-active +scrollbar-horz-slider-disabled +scrollbar-horz-trough +scrollbar-vert-ltr-slider +scrollbar-vert-ltr-slider-hover +scrollbar-vert-ltr-slider-active +scrollbar-vert-ltr-slider-disabled +scrollbar-vert-ltr-trough +scrollbar-vert-rtl-slider +scrollbar-vert-rtl-slider-hover +scrollbar-vert-rtl-slider-active +scrollbar-vert-rtl-slider-disabled +scrollbar-vert-rtl-trough +handle-horz +handle-horz-hover +handle-horz-active +handle-vert +handle-vert-hover +handle-vert-active +pan-up +pan-up-disabled +pan-up-alt +pan-up-alt-disabled +pan-down +pan-down-disabled +pan-down-alt +pan-down-alt-disabled +pan-left +pan-left-disabled +pan-left-alt +pan-left-alt-disabled +pan-left-semi +pan-right +pan-right-disabled +pan-right-alt +pan-right-alt-disabled +pan-right-semi +border +tab +progressbar-progress +progressbar-trough +frame +frame-notebook +frame-inline +focus +treeview-ltr-button +treeview-ltr-button-hover +treeview-ltr-button-active +treeview-rtl-button +treeview-rtl-button-hover +treeview-rtl-button-active diff --git a/src/src/assets/gtk-2.0/assets/border.png b/src/src/assets/gtk-2.0/assets/border.png new file mode 100644 index 00000000..b755468c Binary files /dev/null and b/src/src/assets/gtk-2.0/assets/border.png differ diff --git a/src/src/assets/gtk-2.0/assets/button-active.png b/src/src/assets/gtk-2.0/assets/button-active.png new file mode 100644 index 00000000..6a3942cb Binary files /dev/null and b/src/src/assets/gtk-2.0/assets/button-active.png differ diff --git a/src/src/assets/gtk-2.0/assets/button-disabled.png b/src/src/assets/gtk-2.0/assets/button-disabled.png new file mode 100644 index 00000000..0be273b6 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets/button-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets/button-hover.png b/src/src/assets/gtk-2.0/assets/button-hover.png new file mode 100644 index 00000000..de5b6182 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets/button-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets/button.png b/src/src/assets/gtk-2.0/assets/button.png new file mode 100644 index 00000000..daeaec77 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets/button.png differ diff --git a/src/src/assets/gtk-2.0/assets/checkbox-checked-active.png b/src/src/assets/gtk-2.0/assets/checkbox-checked-active.png new file mode 100644 index 00000000..f2684b78 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets/checkbox-checked-active.png differ diff --git a/src/src/assets/gtk-2.0/assets/checkbox-checked-disabled.png b/src/src/assets/gtk-2.0/assets/checkbox-checked-disabled.png new file mode 100644 index 00000000..3ba34ed9 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets/checkbox-checked-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets/checkbox-checked-hover.png b/src/src/assets/gtk-2.0/assets/checkbox-checked-hover.png new file mode 100644 index 00000000..d576c018 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets/checkbox-checked-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets/checkbox-checked.png b/src/src/assets/gtk-2.0/assets/checkbox-checked.png new file mode 100644 index 00000000..74291fff Binary files /dev/null and b/src/src/assets/gtk-2.0/assets/checkbox-checked.png differ diff --git a/src/src/assets/gtk-2.0/assets/checkbox-mixed-active.png b/src/src/assets/gtk-2.0/assets/checkbox-mixed-active.png new file mode 100644 index 00000000..c32b1146 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets/checkbox-mixed-active.png differ diff --git a/src/src/assets/gtk-2.0/assets/checkbox-mixed-disabled.png b/src/src/assets/gtk-2.0/assets/checkbox-mixed-disabled.png new file mode 100644 index 00000000..f4cd89bf Binary files /dev/null and b/src/src/assets/gtk-2.0/assets/checkbox-mixed-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets/checkbox-mixed-hover.png b/src/src/assets/gtk-2.0/assets/checkbox-mixed-hover.png new file mode 100644 index 00000000..4635e4f1 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets/checkbox-mixed-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets/checkbox-mixed.png b/src/src/assets/gtk-2.0/assets/checkbox-mixed.png new file mode 100644 index 00000000..0a7e5a32 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets/checkbox-mixed.png differ diff --git a/src/src/assets/gtk-2.0/assets/checkbox-unchecked-active.png b/src/src/assets/gtk-2.0/assets/checkbox-unchecked-active.png new file mode 100644 index 00000000..b2112ca5 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets/checkbox-unchecked-active.png differ diff --git a/src/src/assets/gtk-2.0/assets/checkbox-unchecked-disabled.png b/src/src/assets/gtk-2.0/assets/checkbox-unchecked-disabled.png new file mode 100644 index 00000000..ca92669d Binary files /dev/null and b/src/src/assets/gtk-2.0/assets/checkbox-unchecked-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets/checkbox-unchecked-hover.png b/src/src/assets/gtk-2.0/assets/checkbox-unchecked-hover.png new file mode 100644 index 00000000..95cb359f Binary files /dev/null and b/src/src/assets/gtk-2.0/assets/checkbox-unchecked-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets/checkbox-unchecked.png b/src/src/assets/gtk-2.0/assets/checkbox-unchecked.png new file mode 100644 index 00000000..6496e929 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets/checkbox-unchecked.png differ diff --git a/src/src/assets/gtk-2.0/assets/combo-left-entry-active.png b/src/src/assets/gtk-2.0/assets/combo-left-entry-active.png new file mode 100644 index 00000000..a70672da Binary files /dev/null and b/src/src/assets/gtk-2.0/assets/combo-left-entry-active.png differ diff --git a/src/src/assets/gtk-2.0/assets/combo-left-entry-disabled.png b/src/src/assets/gtk-2.0/assets/combo-left-entry-disabled.png new file mode 100644 index 00000000..bec439a2 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets/combo-left-entry-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets/combo-left-entry-hover.png b/src/src/assets/gtk-2.0/assets/combo-left-entry-hover.png new file mode 100644 index 00000000..d896386e Binary files /dev/null and b/src/src/assets/gtk-2.0/assets/combo-left-entry-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets/combo-left-entry.png b/src/src/assets/gtk-2.0/assets/combo-left-entry.png new file mode 100644 index 00000000..943fac58 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets/combo-left-entry.png differ diff --git a/src/src/assets/gtk-2.0/assets/combo-right-entry-active.png b/src/src/assets/gtk-2.0/assets/combo-right-entry-active.png new file mode 100644 index 00000000..54bafd17 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets/combo-right-entry-active.png differ diff --git a/src/src/assets/gtk-2.0/assets/combo-right-entry-disabled.png b/src/src/assets/gtk-2.0/assets/combo-right-entry-disabled.png new file mode 100644 index 00000000..52934069 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets/combo-right-entry-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets/combo-right-entry-hover.png b/src/src/assets/gtk-2.0/assets/combo-right-entry-hover.png new file mode 100644 index 00000000..05548f30 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets/combo-right-entry-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets/combo-right-entry.png b/src/src/assets/gtk-2.0/assets/combo-right-entry.png new file mode 100644 index 00000000..dd2118a6 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets/combo-right-entry.png differ diff --git a/src/src/assets/gtk-2.0/assets/entry-active.png b/src/src/assets/gtk-2.0/assets/entry-active.png new file mode 100644 index 00000000..aa7706bb Binary files /dev/null and b/src/src/assets/gtk-2.0/assets/entry-active.png differ diff --git a/src/src/assets/gtk-2.0/assets/entry-background-disabled.png b/src/src/assets/gtk-2.0/assets/entry-background-disabled.png new file mode 100644 index 00000000..7f3aa5ee Binary files /dev/null and b/src/src/assets/gtk-2.0/assets/entry-background-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets/entry-background.png b/src/src/assets/gtk-2.0/assets/entry-background.png new file mode 100644 index 00000000..72facdb0 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets/entry-background.png differ diff --git a/src/src/assets/gtk-2.0/assets/entry-disabled.png b/src/src/assets/gtk-2.0/assets/entry-disabled.png new file mode 100644 index 00000000..0be273b6 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets/entry-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets/entry-hover.png b/src/src/assets/gtk-2.0/assets/entry-hover.png new file mode 100644 index 00000000..1e7804c7 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets/entry-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets/entry.png b/src/src/assets/gtk-2.0/assets/entry.png new file mode 100644 index 00000000..daeaec77 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets/entry.png differ diff --git a/src/src/assets/gtk-2.0/assets/flat-button-active.png b/src/src/assets/gtk-2.0/assets/flat-button-active.png new file mode 100644 index 00000000..6a3942cb Binary files /dev/null and b/src/src/assets/gtk-2.0/assets/flat-button-active.png differ diff --git a/src/src/assets/gtk-2.0/assets/flat-button-disabled.png b/src/src/assets/gtk-2.0/assets/flat-button-disabled.png new file mode 100644 index 00000000..34d490f1 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets/flat-button-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets/flat-button-hover.png b/src/src/assets/gtk-2.0/assets/flat-button-hover.png new file mode 100644 index 00000000..de5b6182 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets/flat-button-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets/flat-button.png b/src/src/assets/gtk-2.0/assets/flat-button.png new file mode 100644 index 00000000..34d490f1 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets/flat-button.png differ diff --git a/src/src/assets/gtk-2.0/assets/focus.png b/src/src/assets/gtk-2.0/assets/focus.png new file mode 100644 index 00000000..cf26e66f Binary files /dev/null and b/src/src/assets/gtk-2.0/assets/focus.png differ diff --git a/src/src/assets/gtk-2.0/assets/frame-inline.png b/src/src/assets/gtk-2.0/assets/frame-inline.png new file mode 100644 index 00000000..34703f89 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets/frame-inline.png differ diff --git a/src/src/assets/gtk-2.0/assets/frame-notebook.png b/src/src/assets/gtk-2.0/assets/frame-notebook.png new file mode 100644 index 00000000..ddb51968 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets/frame-notebook.png differ diff --git a/src/src/assets/gtk-2.0/assets/frame.png b/src/src/assets/gtk-2.0/assets/frame.png new file mode 100644 index 00000000..bd3e8516 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets/frame.png differ diff --git a/src/src/assets/gtk-2.0/assets/handle-horz-active.png b/src/src/assets/gtk-2.0/assets/handle-horz-active.png new file mode 100644 index 00000000..982db3de Binary files /dev/null and b/src/src/assets/gtk-2.0/assets/handle-horz-active.png differ diff --git a/src/src/assets/gtk-2.0/assets/handle-horz-hover.png b/src/src/assets/gtk-2.0/assets/handle-horz-hover.png new file mode 100644 index 00000000..af9f1f49 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets/handle-horz-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets/handle-horz.png b/src/src/assets/gtk-2.0/assets/handle-horz.png new file mode 100644 index 00000000..a7263884 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets/handle-horz.png differ diff --git a/src/src/assets/gtk-2.0/assets/handle-vert-active.png b/src/src/assets/gtk-2.0/assets/handle-vert-active.png new file mode 100644 index 00000000..e44fc648 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets/handle-vert-active.png differ diff --git a/src/src/assets/gtk-2.0/assets/handle-vert-hover.png b/src/src/assets/gtk-2.0/assets/handle-vert-hover.png new file mode 100644 index 00000000..d14f0049 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets/handle-vert-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets/handle-vert.png b/src/src/assets/gtk-2.0/assets/handle-vert.png new file mode 100644 index 00000000..567a2814 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets/handle-vert.png differ diff --git a/src/src/assets/gtk-2.0/assets/menu-checkbox-checked-disabled.png b/src/src/assets/gtk-2.0/assets/menu-checkbox-checked-disabled.png new file mode 100644 index 00000000..514a48a3 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets/menu-checkbox-checked-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets/menu-checkbox-checked.png b/src/src/assets/gtk-2.0/assets/menu-checkbox-checked.png new file mode 100644 index 00000000..b73067fd Binary files /dev/null and b/src/src/assets/gtk-2.0/assets/menu-checkbox-checked.png differ diff --git a/src/src/assets/gtk-2.0/assets/menu-checkbox-mixed-disabled.png b/src/src/assets/gtk-2.0/assets/menu-checkbox-mixed-disabled.png new file mode 100644 index 00000000..db5fe5fb Binary files /dev/null and b/src/src/assets/gtk-2.0/assets/menu-checkbox-mixed-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets/menu-checkbox-mixed.png b/src/src/assets/gtk-2.0/assets/menu-checkbox-mixed.png new file mode 100644 index 00000000..b89d331a Binary files /dev/null and b/src/src/assets/gtk-2.0/assets/menu-checkbox-mixed.png differ diff --git a/src/src/assets/gtk-2.0/assets/menu-checkbox-unchecked-disabled.png b/src/src/assets/gtk-2.0/assets/menu-checkbox-unchecked-disabled.png new file mode 100644 index 00000000..e8de0556 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets/menu-checkbox-unchecked-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets/menu-checkbox-unchecked.png b/src/src/assets/gtk-2.0/assets/menu-checkbox-unchecked.png new file mode 100644 index 00000000..5846b31d Binary files /dev/null and b/src/src/assets/gtk-2.0/assets/menu-checkbox-unchecked.png differ diff --git a/src/src/assets/gtk-2.0/assets/menu-radio-checked-disabled.png b/src/src/assets/gtk-2.0/assets/menu-radio-checked-disabled.png new file mode 100644 index 00000000..2c2d532c Binary files /dev/null and b/src/src/assets/gtk-2.0/assets/menu-radio-checked-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets/menu-radio-checked.png b/src/src/assets/gtk-2.0/assets/menu-radio-checked.png new file mode 100644 index 00000000..52f82f2f Binary files /dev/null and b/src/src/assets/gtk-2.0/assets/menu-radio-checked.png differ diff --git a/src/src/assets/gtk-2.0/assets/menu-radio-mixed-disabled.png b/src/src/assets/gtk-2.0/assets/menu-radio-mixed-disabled.png new file mode 100644 index 00000000..db5fe5fb Binary files /dev/null and b/src/src/assets/gtk-2.0/assets/menu-radio-mixed-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets/menu-radio-mixed.png b/src/src/assets/gtk-2.0/assets/menu-radio-mixed.png new file mode 100644 index 00000000..b89d331a Binary files /dev/null and b/src/src/assets/gtk-2.0/assets/menu-radio-mixed.png differ diff --git a/src/src/assets/gtk-2.0/assets/menu-radio-unchecked-disabled.png b/src/src/assets/gtk-2.0/assets/menu-radio-unchecked-disabled.png new file mode 100644 index 00000000..e8de0556 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets/menu-radio-unchecked-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets/menu-radio-unchecked.png b/src/src/assets/gtk-2.0/assets/menu-radio-unchecked.png new file mode 100644 index 00000000..5846b31d Binary files /dev/null and b/src/src/assets/gtk-2.0/assets/menu-radio-unchecked.png differ diff --git a/src/src/assets/gtk-2.0/assets/pan-down-alt-disabled.png b/src/src/assets/gtk-2.0/assets/pan-down-alt-disabled.png new file mode 100644 index 00000000..db1d3614 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets/pan-down-alt-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets/pan-down-alt.png b/src/src/assets/gtk-2.0/assets/pan-down-alt.png new file mode 100644 index 00000000..820e026c Binary files /dev/null and b/src/src/assets/gtk-2.0/assets/pan-down-alt.png differ diff --git a/src/src/assets/gtk-2.0/assets/pan-down-disabled.png b/src/src/assets/gtk-2.0/assets/pan-down-disabled.png new file mode 100644 index 00000000..567f441a Binary files /dev/null and b/src/src/assets/gtk-2.0/assets/pan-down-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets/pan-down.png b/src/src/assets/gtk-2.0/assets/pan-down.png new file mode 100644 index 00000000..f664be1c Binary files /dev/null and b/src/src/assets/gtk-2.0/assets/pan-down.png differ diff --git a/src/src/assets/gtk-2.0/assets/pan-left-alt-disabled.png b/src/src/assets/gtk-2.0/assets/pan-left-alt-disabled.png new file mode 100644 index 00000000..d25e4b63 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets/pan-left-alt-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets/pan-left-alt.png b/src/src/assets/gtk-2.0/assets/pan-left-alt.png new file mode 100644 index 00000000..6309016a Binary files /dev/null and b/src/src/assets/gtk-2.0/assets/pan-left-alt.png differ diff --git a/src/src/assets/gtk-2.0/assets/pan-left-disabled.png b/src/src/assets/gtk-2.0/assets/pan-left-disabled.png new file mode 100644 index 00000000..f0f94da2 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets/pan-left-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets/pan-left-semi.png b/src/src/assets/gtk-2.0/assets/pan-left-semi.png new file mode 100644 index 00000000..efe18079 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets/pan-left-semi.png differ diff --git a/src/src/assets/gtk-2.0/assets/pan-left.png b/src/src/assets/gtk-2.0/assets/pan-left.png new file mode 100644 index 00000000..ae7f93db Binary files /dev/null and b/src/src/assets/gtk-2.0/assets/pan-left.png differ diff --git a/src/src/assets/gtk-2.0/assets/pan-right-alt-disabled.png b/src/src/assets/gtk-2.0/assets/pan-right-alt-disabled.png new file mode 100644 index 00000000..d11562a4 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets/pan-right-alt-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets/pan-right-alt.png b/src/src/assets/gtk-2.0/assets/pan-right-alt.png new file mode 100644 index 00000000..3acb33bc Binary files /dev/null and b/src/src/assets/gtk-2.0/assets/pan-right-alt.png differ diff --git a/src/src/assets/gtk-2.0/assets/pan-right-disabled.png b/src/src/assets/gtk-2.0/assets/pan-right-disabled.png new file mode 100644 index 00000000..f49afaeb Binary files /dev/null and b/src/src/assets/gtk-2.0/assets/pan-right-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets/pan-right-semi.png b/src/src/assets/gtk-2.0/assets/pan-right-semi.png new file mode 100644 index 00000000..331a3066 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets/pan-right-semi.png differ diff --git a/src/src/assets/gtk-2.0/assets/pan-right.png b/src/src/assets/gtk-2.0/assets/pan-right.png new file mode 100644 index 00000000..59754753 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets/pan-right.png differ diff --git a/src/src/assets/gtk-2.0/assets/pan-up-alt-disabled.png b/src/src/assets/gtk-2.0/assets/pan-up-alt-disabled.png new file mode 100644 index 00000000..361acb33 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets/pan-up-alt-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets/pan-up-alt.png b/src/src/assets/gtk-2.0/assets/pan-up-alt.png new file mode 100644 index 00000000..dcdf2ec2 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets/pan-up-alt.png differ diff --git a/src/src/assets/gtk-2.0/assets/pan-up-disabled.png b/src/src/assets/gtk-2.0/assets/pan-up-disabled.png new file mode 100644 index 00000000..8a52366f Binary files /dev/null and b/src/src/assets/gtk-2.0/assets/pan-up-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets/pan-up.png b/src/src/assets/gtk-2.0/assets/pan-up.png new file mode 100644 index 00000000..031ac461 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets/pan-up.png differ diff --git a/src/src/assets/gtk-2.0/assets/progressbar-progress.png b/src/src/assets/gtk-2.0/assets/progressbar-progress.png new file mode 100644 index 00000000..2378968b Binary files /dev/null and b/src/src/assets/gtk-2.0/assets/progressbar-progress.png differ diff --git a/src/src/assets/gtk-2.0/assets/progressbar-trough.png b/src/src/assets/gtk-2.0/assets/progressbar-trough.png new file mode 100644 index 00000000..9c4c5957 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets/progressbar-trough.png differ diff --git a/src/src/assets/gtk-2.0/assets/radio-checked-active.png b/src/src/assets/gtk-2.0/assets/radio-checked-active.png new file mode 100644 index 00000000..eab511e2 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets/radio-checked-active.png differ diff --git a/src/src/assets/gtk-2.0/assets/radio-checked-disabled.png b/src/src/assets/gtk-2.0/assets/radio-checked-disabled.png new file mode 100644 index 00000000..7b14a92e Binary files /dev/null and b/src/src/assets/gtk-2.0/assets/radio-checked-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets/radio-checked-hover.png b/src/src/assets/gtk-2.0/assets/radio-checked-hover.png new file mode 100644 index 00000000..4211ab0b Binary files /dev/null and b/src/src/assets/gtk-2.0/assets/radio-checked-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets/radio-checked.png b/src/src/assets/gtk-2.0/assets/radio-checked.png new file mode 100644 index 00000000..f886a45a Binary files /dev/null and b/src/src/assets/gtk-2.0/assets/radio-checked.png differ diff --git a/src/src/assets/gtk-2.0/assets/radio-mixed-active.png b/src/src/assets/gtk-2.0/assets/radio-mixed-active.png new file mode 100644 index 00000000..c32b1146 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets/radio-mixed-active.png differ diff --git a/src/src/assets/gtk-2.0/assets/radio-mixed-disabled.png b/src/src/assets/gtk-2.0/assets/radio-mixed-disabled.png new file mode 100644 index 00000000..f4cd89bf Binary files /dev/null and b/src/src/assets/gtk-2.0/assets/radio-mixed-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets/radio-mixed-hover.png b/src/src/assets/gtk-2.0/assets/radio-mixed-hover.png new file mode 100644 index 00000000..4635e4f1 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets/radio-mixed-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets/radio-mixed.png b/src/src/assets/gtk-2.0/assets/radio-mixed.png new file mode 100644 index 00000000..0a7e5a32 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets/radio-mixed.png differ diff --git a/src/src/assets/gtk-2.0/assets/radio-unchecked-active.png b/src/src/assets/gtk-2.0/assets/radio-unchecked-active.png new file mode 100644 index 00000000..b2112ca5 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets/radio-unchecked-active.png differ diff --git a/src/src/assets/gtk-2.0/assets/radio-unchecked-disabled.png b/src/src/assets/gtk-2.0/assets/radio-unchecked-disabled.png new file mode 100644 index 00000000..ca92669d Binary files /dev/null and b/src/src/assets/gtk-2.0/assets/radio-unchecked-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets/radio-unchecked-hover.png b/src/src/assets/gtk-2.0/assets/radio-unchecked-hover.png new file mode 100644 index 00000000..95cb359f Binary files /dev/null and b/src/src/assets/gtk-2.0/assets/radio-unchecked-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets/radio-unchecked.png b/src/src/assets/gtk-2.0/assets/radio-unchecked.png new file mode 100644 index 00000000..6496e929 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets/radio-unchecked.png differ diff --git a/src/src/assets/gtk-2.0/assets/scale-horz-trough-active.png b/src/src/assets/gtk-2.0/assets/scale-horz-trough-active.png new file mode 100644 index 00000000..4d1ed0c9 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets/scale-horz-trough-active.png differ diff --git a/src/src/assets/gtk-2.0/assets/scale-horz-trough-disabled.png b/src/src/assets/gtk-2.0/assets/scale-horz-trough-disabled.png new file mode 100644 index 00000000..e38cec0e Binary files /dev/null and b/src/src/assets/gtk-2.0/assets/scale-horz-trough-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets/scale-horz-trough.png b/src/src/assets/gtk-2.0/assets/scale-horz-trough.png new file mode 100644 index 00000000..85e94865 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets/scale-horz-trough.png differ diff --git a/src/src/assets/gtk-2.0/assets/scale-slider-active.png b/src/src/assets/gtk-2.0/assets/scale-slider-active.png new file mode 100644 index 00000000..b9a8a00d Binary files /dev/null and b/src/src/assets/gtk-2.0/assets/scale-slider-active.png differ diff --git a/src/src/assets/gtk-2.0/assets/scale-slider-disabled.png b/src/src/assets/gtk-2.0/assets/scale-slider-disabled.png new file mode 100644 index 00000000..9e2860da Binary files /dev/null and b/src/src/assets/gtk-2.0/assets/scale-slider-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets/scale-slider-hover.png b/src/src/assets/gtk-2.0/assets/scale-slider-hover.png new file mode 100644 index 00000000..406a6ca4 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets/scale-slider-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets/scale-slider.png b/src/src/assets/gtk-2.0/assets/scale-slider.png new file mode 100644 index 00000000..f988443a Binary files /dev/null and b/src/src/assets/gtk-2.0/assets/scale-slider.png differ diff --git a/src/src/assets/gtk-2.0/assets/scale-vert-trough-active.png b/src/src/assets/gtk-2.0/assets/scale-vert-trough-active.png new file mode 100644 index 00000000..a19e1026 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets/scale-vert-trough-active.png differ diff --git a/src/src/assets/gtk-2.0/assets/scale-vert-trough-disabled.png b/src/src/assets/gtk-2.0/assets/scale-vert-trough-disabled.png new file mode 100644 index 00000000..f976e3ac Binary files /dev/null and b/src/src/assets/gtk-2.0/assets/scale-vert-trough-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets/scale-vert-trough.png b/src/src/assets/gtk-2.0/assets/scale-vert-trough.png new file mode 100644 index 00000000..ef79e783 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets/scale-vert-trough.png differ diff --git a/src/src/assets/gtk-2.0/assets/scrollbar-horz-slider-active.png b/src/src/assets/gtk-2.0/assets/scrollbar-horz-slider-active.png new file mode 100644 index 00000000..060da6db Binary files /dev/null and b/src/src/assets/gtk-2.0/assets/scrollbar-horz-slider-active.png differ diff --git a/src/src/assets/gtk-2.0/assets/scrollbar-horz-slider-disabled.png b/src/src/assets/gtk-2.0/assets/scrollbar-horz-slider-disabled.png new file mode 100644 index 00000000..9617e3f9 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets/scrollbar-horz-slider-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets/scrollbar-horz-slider-hover.png b/src/src/assets/gtk-2.0/assets/scrollbar-horz-slider-hover.png new file mode 100644 index 00000000..bb6d9b06 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets/scrollbar-horz-slider-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets/scrollbar-horz-slider.png b/src/src/assets/gtk-2.0/assets/scrollbar-horz-slider.png new file mode 100644 index 00000000..45e4bd90 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets/scrollbar-horz-slider.png differ diff --git a/src/src/assets/gtk-2.0/assets/scrollbar-horz-trough.png b/src/src/assets/gtk-2.0/assets/scrollbar-horz-trough.png new file mode 100644 index 00000000..0394def8 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets/scrollbar-horz-trough.png differ diff --git a/src/src/assets/gtk-2.0/assets/scrollbar-vert-ltr-slider-active.png b/src/src/assets/gtk-2.0/assets/scrollbar-vert-ltr-slider-active.png new file mode 100644 index 00000000..475b1afd Binary files /dev/null and b/src/src/assets/gtk-2.0/assets/scrollbar-vert-ltr-slider-active.png differ diff --git a/src/src/assets/gtk-2.0/assets/scrollbar-vert-ltr-slider-disabled.png b/src/src/assets/gtk-2.0/assets/scrollbar-vert-ltr-slider-disabled.png new file mode 100644 index 00000000..d27871ed Binary files /dev/null and b/src/src/assets/gtk-2.0/assets/scrollbar-vert-ltr-slider-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets/scrollbar-vert-ltr-slider-hover.png b/src/src/assets/gtk-2.0/assets/scrollbar-vert-ltr-slider-hover.png new file mode 100644 index 00000000..4739b684 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets/scrollbar-vert-ltr-slider-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets/scrollbar-vert-ltr-slider.png b/src/src/assets/gtk-2.0/assets/scrollbar-vert-ltr-slider.png new file mode 100644 index 00000000..dcab8053 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets/scrollbar-vert-ltr-slider.png differ diff --git a/src/src/assets/gtk-2.0/assets/scrollbar-vert-ltr-trough.png b/src/src/assets/gtk-2.0/assets/scrollbar-vert-ltr-trough.png new file mode 100644 index 00000000..06b93b5c Binary files /dev/null and b/src/src/assets/gtk-2.0/assets/scrollbar-vert-ltr-trough.png differ diff --git a/src/src/assets/gtk-2.0/assets/scrollbar-vert-rtl-slider-active.png b/src/src/assets/gtk-2.0/assets/scrollbar-vert-rtl-slider-active.png new file mode 100644 index 00000000..dcc9e9ff Binary files /dev/null and b/src/src/assets/gtk-2.0/assets/scrollbar-vert-rtl-slider-active.png differ diff --git a/src/src/assets/gtk-2.0/assets/scrollbar-vert-rtl-slider-disabled.png b/src/src/assets/gtk-2.0/assets/scrollbar-vert-rtl-slider-disabled.png new file mode 100644 index 00000000..96562d1c Binary files /dev/null and b/src/src/assets/gtk-2.0/assets/scrollbar-vert-rtl-slider-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets/scrollbar-vert-rtl-slider-hover.png b/src/src/assets/gtk-2.0/assets/scrollbar-vert-rtl-slider-hover.png new file mode 100644 index 00000000..378bfa09 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets/scrollbar-vert-rtl-slider-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets/scrollbar-vert-rtl-slider.png b/src/src/assets/gtk-2.0/assets/scrollbar-vert-rtl-slider.png new file mode 100644 index 00000000..5f5dd82f Binary files /dev/null and b/src/src/assets/gtk-2.0/assets/scrollbar-vert-rtl-slider.png differ diff --git a/src/src/assets/gtk-2.0/assets/scrollbar-vert-rtl-trough.png b/src/src/assets/gtk-2.0/assets/scrollbar-vert-rtl-trough.png new file mode 100644 index 00000000..4d6a6aa4 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets/scrollbar-vert-rtl-trough.png differ diff --git a/src/src/assets/gtk-2.0/assets/spin-ltr-down-active.png b/src/src/assets/gtk-2.0/assets/spin-ltr-down-active.png new file mode 100644 index 00000000..c3939d07 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets/spin-ltr-down-active.png differ diff --git a/src/src/assets/gtk-2.0/assets/spin-ltr-down-disabled.png b/src/src/assets/gtk-2.0/assets/spin-ltr-down-disabled.png new file mode 100644 index 00000000..d7715014 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets/spin-ltr-down-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets/spin-ltr-down-hover.png b/src/src/assets/gtk-2.0/assets/spin-ltr-down-hover.png new file mode 100644 index 00000000..d8f4c370 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets/spin-ltr-down-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets/spin-ltr-down.png b/src/src/assets/gtk-2.0/assets/spin-ltr-down.png new file mode 100644 index 00000000..d44a3dd6 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets/spin-ltr-down.png differ diff --git a/src/src/assets/gtk-2.0/assets/spin-ltr-up-active.png b/src/src/assets/gtk-2.0/assets/spin-ltr-up-active.png new file mode 100644 index 00000000..51ee4147 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets/spin-ltr-up-active.png differ diff --git a/src/src/assets/gtk-2.0/assets/spin-ltr-up-disabled.png b/src/src/assets/gtk-2.0/assets/spin-ltr-up-disabled.png new file mode 100644 index 00000000..108a1073 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets/spin-ltr-up-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets/spin-ltr-up-hover.png b/src/src/assets/gtk-2.0/assets/spin-ltr-up-hover.png new file mode 100644 index 00000000..6a4d2cd7 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets/spin-ltr-up-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets/spin-ltr-up.png b/src/src/assets/gtk-2.0/assets/spin-ltr-up.png new file mode 100644 index 00000000..b735ea2f Binary files /dev/null and b/src/src/assets/gtk-2.0/assets/spin-ltr-up.png differ diff --git a/src/src/assets/gtk-2.0/assets/spin-rtl-down-active.png b/src/src/assets/gtk-2.0/assets/spin-rtl-down-active.png new file mode 100644 index 00000000..eeed15c3 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets/spin-rtl-down-active.png differ diff --git a/src/src/assets/gtk-2.0/assets/spin-rtl-down-disabled.png b/src/src/assets/gtk-2.0/assets/spin-rtl-down-disabled.png new file mode 100644 index 00000000..a7052083 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets/spin-rtl-down-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets/spin-rtl-down-hover.png b/src/src/assets/gtk-2.0/assets/spin-rtl-down-hover.png new file mode 100644 index 00000000..35364e53 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets/spin-rtl-down-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets/spin-rtl-down.png b/src/src/assets/gtk-2.0/assets/spin-rtl-down.png new file mode 100644 index 00000000..74ba4d67 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets/spin-rtl-down.png differ diff --git a/src/src/assets/gtk-2.0/assets/spin-rtl-up-active.png b/src/src/assets/gtk-2.0/assets/spin-rtl-up-active.png new file mode 100644 index 00000000..0b433785 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets/spin-rtl-up-active.png differ diff --git a/src/src/assets/gtk-2.0/assets/spin-rtl-up-disabled.png b/src/src/assets/gtk-2.0/assets/spin-rtl-up-disabled.png new file mode 100644 index 00000000..95f42b7c Binary files /dev/null and b/src/src/assets/gtk-2.0/assets/spin-rtl-up-disabled.png differ diff --git a/src/src/assets/gtk-2.0/assets/spin-rtl-up-hover.png b/src/src/assets/gtk-2.0/assets/spin-rtl-up-hover.png new file mode 100644 index 00000000..5d839967 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets/spin-rtl-up-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets/spin-rtl-up.png b/src/src/assets/gtk-2.0/assets/spin-rtl-up.png new file mode 100644 index 00000000..08c266ae Binary files /dev/null and b/src/src/assets/gtk-2.0/assets/spin-rtl-up.png differ diff --git a/src/src/assets/gtk-2.0/assets/tab.png b/src/src/assets/gtk-2.0/assets/tab.png new file mode 100644 index 00000000..52c58505 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets/tab.png differ diff --git a/src/src/assets/gtk-2.0/assets/treeview-ltr-button-active.png b/src/src/assets/gtk-2.0/assets/treeview-ltr-button-active.png new file mode 100644 index 00000000..365523e0 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets/treeview-ltr-button-active.png differ diff --git a/src/src/assets/gtk-2.0/assets/treeview-ltr-button-hover.png b/src/src/assets/gtk-2.0/assets/treeview-ltr-button-hover.png new file mode 100644 index 00000000..e43317ce Binary files /dev/null and b/src/src/assets/gtk-2.0/assets/treeview-ltr-button-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets/treeview-ltr-button.png b/src/src/assets/gtk-2.0/assets/treeview-ltr-button.png new file mode 100644 index 00000000..862ac323 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets/treeview-ltr-button.png differ diff --git a/src/src/assets/gtk-2.0/assets/treeview-rtl-button-active.png b/src/src/assets/gtk-2.0/assets/treeview-rtl-button-active.png new file mode 100644 index 00000000..3dc0f5a2 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets/treeview-rtl-button-active.png differ diff --git a/src/src/assets/gtk-2.0/assets/treeview-rtl-button-hover.png b/src/src/assets/gtk-2.0/assets/treeview-rtl-button-hover.png new file mode 100644 index 00000000..f6dce3b4 Binary files /dev/null and b/src/src/assets/gtk-2.0/assets/treeview-rtl-button-hover.png differ diff --git a/src/src/assets/gtk-2.0/assets/treeview-rtl-button.png b/src/src/assets/gtk-2.0/assets/treeview-rtl-button.png new file mode 100644 index 00000000..04b779bf Binary files /dev/null and b/src/src/assets/gtk-2.0/assets/treeview-rtl-button.png differ diff --git a/src/src/assets/gtk-2.0/render-assets.sh b/src/src/assets/gtk-2.0/render-assets.sh new file mode 100755 index 00000000..35280f9c --- /dev/null +++ b/src/src/assets/gtk-2.0/render-assets.sh @@ -0,0 +1,46 @@ +#! /usr/bin/env bash + +set -ueo pipefail + +# Make sure that parallel is GNU parallel and not moreutils. +# Otherwise, it fails silently. There's no smooth way to detect this. +if command -v parallel >/dev/null; then + cmd=(parallel) +else + cmd=(xargs -n1) +fi + +RENDER_SVG="$(command -v rendersvg)" || true +INKSCAPE="$(command -v inkscape)" || true +OPTIPNG="$(command -v optipng)" || true + +INDEX="assets.txt" + +for theme in '' '-purple' '-pink' '-red' '-orange' '-yellow' '-green' '-grey'; do +for color in '' '-dark'; do + +ASSETS_DIR="assets${theme}${color}" +SRC_FILE="assets${theme}${color}.svg" + +[[ -d $ASSETS_DIR ]] && rm -rf $ASSETS_DIR +mkdir -p $ASSETS_DIR + +for i in `cat $INDEX`; do +echo "Rendering '$ASSETS_DIR/$i.png'" +if [[ -n "${RENDER_SVG}" ]]; then + "$RENDER_SVG" --export-id "$i" \ + "$SRC_FILE" "$ASSETS_DIR/$i.png" +else + "$INKSCAPE" --export-id="$i" \ + --export-id-only \ + --export-filename="$ASSETS_DIR/$i.png" "$SRC_FILE" >/dev/null +fi +if [[ -n "${OPTIPNG}" ]]; then + "$OPTIPNG" -o7 --quiet "$ASSETS_DIR/$i.png" +fi +done + +done +done + +echo -e "DONE!" diff --git a/src/src/assets/gtk-2.0/render-theme.sh b/src/src/assets/gtk-2.0/render-theme.sh new file mode 100755 index 00000000..1c99ea9c --- /dev/null +++ b/src/src/assets/gtk-2.0/render-theme.sh @@ -0,0 +1,67 @@ +#! /usr/bin/env bash + +for theme in '' '-purple' '-pink' '-red' '-orange' '-yellow' '-green' '-grey'; do +for color in '' '-dark'; do + + if [[ "$color" == '' ]]; then + case "$theme" in + -purple) + theme_color='#AB47BC' + ;; + -pink) + theme_color='#EC407A' + ;; + -red) + theme_color='#E53935' + ;; + -orange) + theme_color='#F57C00' + ;; + -yellow) + theme_color='#FBC02D' + ;; + -green) + theme_color='#4CAF50' + ;; + -grey) + theme_color='#333333' + ;; + esac + else + case "$theme" in + -purple) + theme_color='#BA68C8' + ;; + -pink) + theme_color='#F06292' + ;; + -red) + theme_color='#F44336' + ;; + -orange) + theme_color='#FB8C00' + ;; + -yellow) + theme_color='#FFD600' + ;; + -green) + theme_color='#66BB6A' + ;; + -grey) + theme_color='#E0E0E0' + ;; + esac + fi + + if [[ "$theme" != '' ]]; then + cp -rf "assets${color}.svg" "assets${theme}${color}.svg" + if [[ "$color" == '' ]]; then + sed -i "s/#1A73E8/${theme_color}/g" "assets${theme}${color}.svg" + else + sed -i "s/#3281ea/${theme_color}/g" "assets${theme}${color}.svg" + fi + fi +done +done + +echo -e "DONE!" diff --git a/src/src/assets/gtk/assets-green-nord.svg b/src/src/assets/gtk/assets-green-nord.svg new file mode 100644 index 00000000..f948ba5c --- /dev/null +++ b/src/src/assets/gtk/assets-green-nord.svg @@ -0,0 +1,84 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/src/assets/gtk/assets-green-nord/scale-horz-marks-after-slider-dark.png b/src/src/assets/gtk/assets-green-nord/scale-horz-marks-after-slider-dark.png new file mode 100644 index 00000000..e3f7eb13 Binary files /dev/null and b/src/src/assets/gtk/assets-green-nord/scale-horz-marks-after-slider-dark.png differ diff --git a/src/src/assets/gtk/assets-green-nord/scale-horz-marks-after-slider-dark@2.png b/src/src/assets/gtk/assets-green-nord/scale-horz-marks-after-slider-dark@2.png new file mode 100644 index 00000000..ea8230eb Binary files /dev/null and b/src/src/assets/gtk/assets-green-nord/scale-horz-marks-after-slider-dark@2.png differ diff --git a/src/src/assets/gtk/assets-green-nord/scale-horz-marks-after-slider-disabled-dark.png b/src/src/assets/gtk/assets-green-nord/scale-horz-marks-after-slider-disabled-dark.png new file mode 100644 index 00000000..967959cb Binary files /dev/null and b/src/src/assets/gtk/assets-green-nord/scale-horz-marks-after-slider-disabled-dark.png differ diff --git a/src/src/assets/gtk/assets-green-nord/scale-horz-marks-after-slider-disabled-dark@2.png b/src/src/assets/gtk/assets-green-nord/scale-horz-marks-after-slider-disabled-dark@2.png new file mode 100644 index 00000000..0fef3a80 Binary files /dev/null and b/src/src/assets/gtk/assets-green-nord/scale-horz-marks-after-slider-disabled-dark@2.png differ diff --git a/src/src/assets/gtk/assets-green-nord/scale-horz-marks-after-slider-disabled.png b/src/src/assets/gtk/assets-green-nord/scale-horz-marks-after-slider-disabled.png new file mode 100644 index 00000000..478de831 Binary files /dev/null and b/src/src/assets/gtk/assets-green-nord/scale-horz-marks-after-slider-disabled.png differ diff --git a/src/src/assets/gtk/assets-green-nord/scale-horz-marks-after-slider-disabled@2.png b/src/src/assets/gtk/assets-green-nord/scale-horz-marks-after-slider-disabled@2.png new file mode 100644 index 00000000..312d0cfc Binary files /dev/null and b/src/src/assets/gtk/assets-green-nord/scale-horz-marks-after-slider-disabled@2.png differ diff --git a/src/src/assets/gtk/assets-green-nord/scale-horz-marks-after-slider.png b/src/src/assets/gtk/assets-green-nord/scale-horz-marks-after-slider.png new file mode 100644 index 00000000..1cded967 Binary files /dev/null and b/src/src/assets/gtk/assets-green-nord/scale-horz-marks-after-slider.png differ diff --git a/src/src/assets/gtk/assets-green-nord/scale-horz-marks-after-slider@2.png b/src/src/assets/gtk/assets-green-nord/scale-horz-marks-after-slider@2.png new file mode 100644 index 00000000..cf6d2ee3 Binary files /dev/null and b/src/src/assets/gtk/assets-green-nord/scale-horz-marks-after-slider@2.png differ diff --git a/src/src/assets/gtk/assets-green-nord/scale-horz-marks-before-slider-dark.png b/src/src/assets/gtk/assets-green-nord/scale-horz-marks-before-slider-dark.png new file mode 100644 index 00000000..cf74c72e Binary files /dev/null and b/src/src/assets/gtk/assets-green-nord/scale-horz-marks-before-slider-dark.png differ diff --git a/src/src/assets/gtk/assets-green-nord/scale-horz-marks-before-slider-dark@2.png b/src/src/assets/gtk/assets-green-nord/scale-horz-marks-before-slider-dark@2.png new file mode 100644 index 00000000..7c3df230 Binary files /dev/null and b/src/src/assets/gtk/assets-green-nord/scale-horz-marks-before-slider-dark@2.png differ diff --git a/src/src/assets/gtk/assets-green-nord/scale-horz-marks-before-slider-disabled-dark.png b/src/src/assets/gtk/assets-green-nord/scale-horz-marks-before-slider-disabled-dark.png new file mode 100644 index 00000000..c29725a9 Binary files /dev/null and b/src/src/assets/gtk/assets-green-nord/scale-horz-marks-before-slider-disabled-dark.png differ diff --git a/src/src/assets/gtk/assets-green-nord/scale-horz-marks-before-slider-disabled-dark@2.png b/src/src/assets/gtk/assets-green-nord/scale-horz-marks-before-slider-disabled-dark@2.png new file mode 100644 index 00000000..44724988 Binary files /dev/null and b/src/src/assets/gtk/assets-green-nord/scale-horz-marks-before-slider-disabled-dark@2.png differ diff --git a/src/src/assets/gtk/assets-green-nord/scale-horz-marks-before-slider-disabled.png b/src/src/assets/gtk/assets-green-nord/scale-horz-marks-before-slider-disabled.png new file mode 100644 index 00000000..f01503ca Binary files /dev/null and b/src/src/assets/gtk/assets-green-nord/scale-horz-marks-before-slider-disabled.png differ diff --git a/src/src/assets/gtk/assets-green-nord/scale-horz-marks-before-slider-disabled@2.png b/src/src/assets/gtk/assets-green-nord/scale-horz-marks-before-slider-disabled@2.png new file mode 100644 index 00000000..6aea3adb Binary files /dev/null and b/src/src/assets/gtk/assets-green-nord/scale-horz-marks-before-slider-disabled@2.png differ diff --git a/src/src/assets/gtk/assets-green-nord/scale-horz-marks-before-slider.png b/src/src/assets/gtk/assets-green-nord/scale-horz-marks-before-slider.png new file mode 100644 index 00000000..9e0ee7c3 Binary files /dev/null and b/src/src/assets/gtk/assets-green-nord/scale-horz-marks-before-slider.png differ diff --git a/src/src/assets/gtk/assets-green-nord/scale-horz-marks-before-slider@2.png b/src/src/assets/gtk/assets-green-nord/scale-horz-marks-before-slider@2.png new file mode 100644 index 00000000..14b47e48 Binary files /dev/null and b/src/src/assets/gtk/assets-green-nord/scale-horz-marks-before-slider@2.png differ diff --git a/src/src/assets/gtk/assets-green-nord/scale-vert-marks-after-slider-dark.png b/src/src/assets/gtk/assets-green-nord/scale-vert-marks-after-slider-dark.png new file mode 100644 index 00000000..452e07e5 Binary files /dev/null and b/src/src/assets/gtk/assets-green-nord/scale-vert-marks-after-slider-dark.png differ diff --git a/src/src/assets/gtk/assets-green-nord/scale-vert-marks-after-slider-dark@2.png b/src/src/assets/gtk/assets-green-nord/scale-vert-marks-after-slider-dark@2.png new file mode 100644 index 00000000..6fe077f3 Binary files /dev/null and b/src/src/assets/gtk/assets-green-nord/scale-vert-marks-after-slider-dark@2.png differ diff --git a/src/src/assets/gtk/assets-green-nord/scale-vert-marks-after-slider-disabled-dark.png b/src/src/assets/gtk/assets-green-nord/scale-vert-marks-after-slider-disabled-dark.png new file mode 100644 index 00000000..69fc1be9 Binary files /dev/null and b/src/src/assets/gtk/assets-green-nord/scale-vert-marks-after-slider-disabled-dark.png differ diff --git a/src/src/assets/gtk/assets-green-nord/scale-vert-marks-after-slider-disabled-dark@2.png b/src/src/assets/gtk/assets-green-nord/scale-vert-marks-after-slider-disabled-dark@2.png new file mode 100644 index 00000000..d003c857 Binary files /dev/null and b/src/src/assets/gtk/assets-green-nord/scale-vert-marks-after-slider-disabled-dark@2.png differ diff --git a/src/src/assets/gtk/assets-green-nord/scale-vert-marks-after-slider-disabled.png b/src/src/assets/gtk/assets-green-nord/scale-vert-marks-after-slider-disabled.png new file mode 100644 index 00000000..48390627 Binary files /dev/null and b/src/src/assets/gtk/assets-green-nord/scale-vert-marks-after-slider-disabled.png differ diff --git a/src/src/assets/gtk/assets-green-nord/scale-vert-marks-after-slider-disabled@2.png b/src/src/assets/gtk/assets-green-nord/scale-vert-marks-after-slider-disabled@2.png new file mode 100644 index 00000000..434e3661 Binary files /dev/null and b/src/src/assets/gtk/assets-green-nord/scale-vert-marks-after-slider-disabled@2.png differ diff --git a/src/src/assets/gtk/assets-green-nord/scale-vert-marks-after-slider.png b/src/src/assets/gtk/assets-green-nord/scale-vert-marks-after-slider.png new file mode 100644 index 00000000..401afd72 Binary files /dev/null and b/src/src/assets/gtk/assets-green-nord/scale-vert-marks-after-slider.png differ diff --git a/src/src/assets/gtk/assets-green-nord/scale-vert-marks-after-slider@2.png b/src/src/assets/gtk/assets-green-nord/scale-vert-marks-after-slider@2.png new file mode 100644 index 00000000..c0e2e50b Binary files /dev/null and b/src/src/assets/gtk/assets-green-nord/scale-vert-marks-after-slider@2.png differ diff --git a/src/src/assets/gtk/assets-green-nord/scale-vert-marks-before-slider-dark.png b/src/src/assets/gtk/assets-green-nord/scale-vert-marks-before-slider-dark.png new file mode 100644 index 00000000..0ee664de Binary files /dev/null and b/src/src/assets/gtk/assets-green-nord/scale-vert-marks-before-slider-dark.png differ diff --git a/src/src/assets/gtk/assets-green-nord/scale-vert-marks-before-slider-dark@2.png b/src/src/assets/gtk/assets-green-nord/scale-vert-marks-before-slider-dark@2.png new file mode 100644 index 00000000..b2a948b7 Binary files /dev/null and b/src/src/assets/gtk/assets-green-nord/scale-vert-marks-before-slider-dark@2.png differ diff --git a/src/src/assets/gtk/assets-green-nord/scale-vert-marks-before-slider-disabled-dark.png b/src/src/assets/gtk/assets-green-nord/scale-vert-marks-before-slider-disabled-dark.png new file mode 100644 index 00000000..d76bde0f Binary files /dev/null and b/src/src/assets/gtk/assets-green-nord/scale-vert-marks-before-slider-disabled-dark.png differ diff --git a/src/src/assets/gtk/assets-green-nord/scale-vert-marks-before-slider-disabled-dark@2.png b/src/src/assets/gtk/assets-green-nord/scale-vert-marks-before-slider-disabled-dark@2.png new file mode 100644 index 00000000..04130e32 Binary files /dev/null and b/src/src/assets/gtk/assets-green-nord/scale-vert-marks-before-slider-disabled-dark@2.png differ diff --git a/src/src/assets/gtk/assets-green-nord/scale-vert-marks-before-slider-disabled.png b/src/src/assets/gtk/assets-green-nord/scale-vert-marks-before-slider-disabled.png new file mode 100644 index 00000000..d725f511 Binary files /dev/null and b/src/src/assets/gtk/assets-green-nord/scale-vert-marks-before-slider-disabled.png differ diff --git a/src/src/assets/gtk/assets-green-nord/scale-vert-marks-before-slider-disabled@2.png b/src/src/assets/gtk/assets-green-nord/scale-vert-marks-before-slider-disabled@2.png new file mode 100644 index 00000000..2cc22d6d Binary files /dev/null and b/src/src/assets/gtk/assets-green-nord/scale-vert-marks-before-slider-disabled@2.png differ diff --git a/src/src/assets/gtk/assets-green-nord/scale-vert-marks-before-slider.png b/src/src/assets/gtk/assets-green-nord/scale-vert-marks-before-slider.png new file mode 100644 index 00000000..afac8603 Binary files /dev/null and b/src/src/assets/gtk/assets-green-nord/scale-vert-marks-before-slider.png differ diff --git a/src/src/assets/gtk/assets-green-nord/scale-vert-marks-before-slider@2.png b/src/src/assets/gtk/assets-green-nord/scale-vert-marks-before-slider@2.png new file mode 100644 index 00000000..1f24e066 Binary files /dev/null and b/src/src/assets/gtk/assets-green-nord/scale-vert-marks-before-slider@2.png differ diff --git a/src/src/assets/gtk/assets-green-nord/selectionmode-checkbox-checked-dark.png b/src/src/assets/gtk/assets-green-nord/selectionmode-checkbox-checked-dark.png new file mode 100644 index 00000000..647d6328 Binary files /dev/null and b/src/src/assets/gtk/assets-green-nord/selectionmode-checkbox-checked-dark.png differ diff --git a/src/src/assets/gtk/assets-green-nord/selectionmode-checkbox-checked-dark@2.png b/src/src/assets/gtk/assets-green-nord/selectionmode-checkbox-checked-dark@2.png new file mode 100644 index 00000000..a1cbd7d8 Binary files /dev/null and b/src/src/assets/gtk/assets-green-nord/selectionmode-checkbox-checked-dark@2.png differ diff --git a/src/src/assets/gtk/assets-green-nord/selectionmode-checkbox-checked.png b/src/src/assets/gtk/assets-green-nord/selectionmode-checkbox-checked.png new file mode 100644 index 00000000..12cffa5c Binary files /dev/null and b/src/src/assets/gtk/assets-green-nord/selectionmode-checkbox-checked.png differ diff --git a/src/src/assets/gtk/assets-green-nord/selectionmode-checkbox-checked@2.png b/src/src/assets/gtk/assets-green-nord/selectionmode-checkbox-checked@2.png new file mode 100644 index 00000000..6b31b484 Binary files /dev/null and b/src/src/assets/gtk/assets-green-nord/selectionmode-checkbox-checked@2.png differ diff --git a/src/src/assets/gtk/assets-green-nord/selectionmode-checkbox-unchecked-dark.png b/src/src/assets/gtk/assets-green-nord/selectionmode-checkbox-unchecked-dark.png new file mode 100644 index 00000000..c27927d5 Binary files /dev/null and b/src/src/assets/gtk/assets-green-nord/selectionmode-checkbox-unchecked-dark.png differ diff --git a/src/src/assets/gtk/assets-green-nord/selectionmode-checkbox-unchecked-dark@2.png b/src/src/assets/gtk/assets-green-nord/selectionmode-checkbox-unchecked-dark@2.png new file mode 100644 index 00000000..e5748d7d Binary files /dev/null and b/src/src/assets/gtk/assets-green-nord/selectionmode-checkbox-unchecked-dark@2.png differ diff --git a/src/src/assets/gtk/assets-green-nord/selectionmode-checkbox-unchecked.png b/src/src/assets/gtk/assets-green-nord/selectionmode-checkbox-unchecked.png new file mode 100644 index 00000000..40ff92e0 Binary files /dev/null and b/src/src/assets/gtk/assets-green-nord/selectionmode-checkbox-unchecked.png differ diff --git a/src/src/assets/gtk/assets-green-nord/selectionmode-checkbox-unchecked@2.png b/src/src/assets/gtk/assets-green-nord/selectionmode-checkbox-unchecked@2.png new file mode 100644 index 00000000..8e87ea7e Binary files /dev/null and b/src/src/assets/gtk/assets-green-nord/selectionmode-checkbox-unchecked@2.png differ diff --git a/src/src/assets/gtk/assets-green.svg b/src/src/assets/gtk/assets-green.svg new file mode 100644 index 00000000..365b2edc --- /dev/null +++ b/src/src/assets/gtk/assets-green.svg @@ -0,0 +1,505 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/src/assets/gtk/assets-green/scale-horz-marks-after-slider-dark.png b/src/src/assets/gtk/assets-green/scale-horz-marks-after-slider-dark.png new file mode 100644 index 00000000..4e53fe5b Binary files /dev/null and b/src/src/assets/gtk/assets-green/scale-horz-marks-after-slider-dark.png differ diff --git a/src/src/assets/gtk/assets-green/scale-horz-marks-after-slider-dark@2.png b/src/src/assets/gtk/assets-green/scale-horz-marks-after-slider-dark@2.png new file mode 100644 index 00000000..87cf5402 Binary files /dev/null and b/src/src/assets/gtk/assets-green/scale-horz-marks-after-slider-dark@2.png differ diff --git a/src/src/assets/gtk/assets-green/scale-horz-marks-after-slider-disabled-dark.png b/src/src/assets/gtk/assets-green/scale-horz-marks-after-slider-disabled-dark.png new file mode 100644 index 00000000..64ac7968 Binary files /dev/null and b/src/src/assets/gtk/assets-green/scale-horz-marks-after-slider-disabled-dark.png differ diff --git a/src/src/assets/gtk/assets-green/scale-horz-marks-after-slider-disabled-dark@2.png b/src/src/assets/gtk/assets-green/scale-horz-marks-after-slider-disabled-dark@2.png new file mode 100644 index 00000000..c0ba2d18 Binary files /dev/null and b/src/src/assets/gtk/assets-green/scale-horz-marks-after-slider-disabled-dark@2.png differ diff --git a/src/src/assets/gtk/assets-green/scale-horz-marks-after-slider-disabled.png b/src/src/assets/gtk/assets-green/scale-horz-marks-after-slider-disabled.png new file mode 100644 index 00000000..1207b872 Binary files /dev/null and b/src/src/assets/gtk/assets-green/scale-horz-marks-after-slider-disabled.png differ diff --git a/src/src/assets/gtk/assets-green/scale-horz-marks-after-slider-disabled@2.png b/src/src/assets/gtk/assets-green/scale-horz-marks-after-slider-disabled@2.png new file mode 100644 index 00000000..1dcb5531 Binary files /dev/null and b/src/src/assets/gtk/assets-green/scale-horz-marks-after-slider-disabled@2.png differ diff --git a/src/src/assets/gtk/assets-green/scale-horz-marks-after-slider.png b/src/src/assets/gtk/assets-green/scale-horz-marks-after-slider.png new file mode 100644 index 00000000..2e71ba3f Binary files /dev/null and b/src/src/assets/gtk/assets-green/scale-horz-marks-after-slider.png differ diff --git a/src/src/assets/gtk/assets-green/scale-horz-marks-after-slider@2.png b/src/src/assets/gtk/assets-green/scale-horz-marks-after-slider@2.png new file mode 100644 index 00000000..07827ed8 Binary files /dev/null and b/src/src/assets/gtk/assets-green/scale-horz-marks-after-slider@2.png differ diff --git a/src/src/assets/gtk/assets-green/scale-horz-marks-before-slider-dark.png b/src/src/assets/gtk/assets-green/scale-horz-marks-before-slider-dark.png new file mode 100644 index 00000000..dc50b74f Binary files /dev/null and b/src/src/assets/gtk/assets-green/scale-horz-marks-before-slider-dark.png differ diff --git a/src/src/assets/gtk/assets-green/scale-horz-marks-before-slider-dark@2.png b/src/src/assets/gtk/assets-green/scale-horz-marks-before-slider-dark@2.png new file mode 100644 index 00000000..28e292d5 Binary files /dev/null and b/src/src/assets/gtk/assets-green/scale-horz-marks-before-slider-dark@2.png differ diff --git a/src/src/assets/gtk/assets-green/scale-horz-marks-before-slider-disabled-dark.png b/src/src/assets/gtk/assets-green/scale-horz-marks-before-slider-disabled-dark.png new file mode 100644 index 00000000..c0a4e459 Binary files /dev/null and b/src/src/assets/gtk/assets-green/scale-horz-marks-before-slider-disabled-dark.png differ diff --git a/src/src/assets/gtk/assets-green/scale-horz-marks-before-slider-disabled-dark@2.png b/src/src/assets/gtk/assets-green/scale-horz-marks-before-slider-disabled-dark@2.png new file mode 100644 index 00000000..8a6ed159 Binary files /dev/null and b/src/src/assets/gtk/assets-green/scale-horz-marks-before-slider-disabled-dark@2.png differ diff --git a/src/src/assets/gtk/assets-green/scale-horz-marks-before-slider-disabled.png b/src/src/assets/gtk/assets-green/scale-horz-marks-before-slider-disabled.png new file mode 100644 index 00000000..2e75cd2e Binary files /dev/null and b/src/src/assets/gtk/assets-green/scale-horz-marks-before-slider-disabled.png differ diff --git a/src/src/assets/gtk/assets-green/scale-horz-marks-before-slider-disabled@2.png b/src/src/assets/gtk/assets-green/scale-horz-marks-before-slider-disabled@2.png new file mode 100644 index 00000000..0670672d Binary files /dev/null and b/src/src/assets/gtk/assets-green/scale-horz-marks-before-slider-disabled@2.png differ diff --git a/src/src/assets/gtk/assets-green/scale-horz-marks-before-slider.png b/src/src/assets/gtk/assets-green/scale-horz-marks-before-slider.png new file mode 100644 index 00000000..40b68425 Binary files /dev/null and b/src/src/assets/gtk/assets-green/scale-horz-marks-before-slider.png differ diff --git a/src/src/assets/gtk/assets-green/scale-horz-marks-before-slider@2.png b/src/src/assets/gtk/assets-green/scale-horz-marks-before-slider@2.png new file mode 100644 index 00000000..301b2c91 Binary files /dev/null and b/src/src/assets/gtk/assets-green/scale-horz-marks-before-slider@2.png differ diff --git a/src/src/assets/gtk/assets-green/scale-vert-marks-after-slider-dark.png b/src/src/assets/gtk/assets-green/scale-vert-marks-after-slider-dark.png new file mode 100644 index 00000000..2459fc85 Binary files /dev/null and b/src/src/assets/gtk/assets-green/scale-vert-marks-after-slider-dark.png differ diff --git a/src/src/assets/gtk/assets-green/scale-vert-marks-after-slider-dark@2.png b/src/src/assets/gtk/assets-green/scale-vert-marks-after-slider-dark@2.png new file mode 100644 index 00000000..27c4e9c6 Binary files /dev/null and b/src/src/assets/gtk/assets-green/scale-vert-marks-after-slider-dark@2.png differ diff --git a/src/src/assets/gtk/assets-green/scale-vert-marks-after-slider-disabled-dark.png b/src/src/assets/gtk/assets-green/scale-vert-marks-after-slider-disabled-dark.png new file mode 100644 index 00000000..b961789b Binary files /dev/null and b/src/src/assets/gtk/assets-green/scale-vert-marks-after-slider-disabled-dark.png differ diff --git a/src/src/assets/gtk/assets-green/scale-vert-marks-after-slider-disabled-dark@2.png b/src/src/assets/gtk/assets-green/scale-vert-marks-after-slider-disabled-dark@2.png new file mode 100644 index 00000000..99e8f5cc Binary files /dev/null and b/src/src/assets/gtk/assets-green/scale-vert-marks-after-slider-disabled-dark@2.png differ diff --git a/src/src/assets/gtk/assets-green/scale-vert-marks-after-slider-disabled.png b/src/src/assets/gtk/assets-green/scale-vert-marks-after-slider-disabled.png new file mode 100644 index 00000000..8c3e5030 Binary files /dev/null and b/src/src/assets/gtk/assets-green/scale-vert-marks-after-slider-disabled.png differ diff --git a/src/src/assets/gtk/assets-green/scale-vert-marks-after-slider-disabled@2.png b/src/src/assets/gtk/assets-green/scale-vert-marks-after-slider-disabled@2.png new file mode 100644 index 00000000..767d59f7 Binary files /dev/null and b/src/src/assets/gtk/assets-green/scale-vert-marks-after-slider-disabled@2.png differ diff --git a/src/src/assets/gtk/assets-green/scale-vert-marks-after-slider.png b/src/src/assets/gtk/assets-green/scale-vert-marks-after-slider.png new file mode 100644 index 00000000..11010bc0 Binary files /dev/null and b/src/src/assets/gtk/assets-green/scale-vert-marks-after-slider.png differ diff --git a/src/src/assets/gtk/assets-green/scale-vert-marks-after-slider@2.png b/src/src/assets/gtk/assets-green/scale-vert-marks-after-slider@2.png new file mode 100644 index 00000000..6a242e0e Binary files /dev/null and b/src/src/assets/gtk/assets-green/scale-vert-marks-after-slider@2.png differ diff --git a/src/src/assets/gtk/assets-green/scale-vert-marks-before-slider-dark.png b/src/src/assets/gtk/assets-green/scale-vert-marks-before-slider-dark.png new file mode 100644 index 00000000..9d0075c0 Binary files /dev/null and b/src/src/assets/gtk/assets-green/scale-vert-marks-before-slider-dark.png differ diff --git a/src/src/assets/gtk/assets-green/scale-vert-marks-before-slider-dark@2.png b/src/src/assets/gtk/assets-green/scale-vert-marks-before-slider-dark@2.png new file mode 100644 index 00000000..61067619 Binary files /dev/null and b/src/src/assets/gtk/assets-green/scale-vert-marks-before-slider-dark@2.png differ diff --git a/src/src/assets/gtk/assets-green/scale-vert-marks-before-slider-disabled-dark.png b/src/src/assets/gtk/assets-green/scale-vert-marks-before-slider-disabled-dark.png new file mode 100644 index 00000000..930d211f Binary files /dev/null and b/src/src/assets/gtk/assets-green/scale-vert-marks-before-slider-disabled-dark.png differ diff --git a/src/src/assets/gtk/assets-green/scale-vert-marks-before-slider-disabled-dark@2.png b/src/src/assets/gtk/assets-green/scale-vert-marks-before-slider-disabled-dark@2.png new file mode 100644 index 00000000..ba7bebd9 Binary files /dev/null and b/src/src/assets/gtk/assets-green/scale-vert-marks-before-slider-disabled-dark@2.png differ diff --git a/src/src/assets/gtk/assets-green/scale-vert-marks-before-slider-disabled.png b/src/src/assets/gtk/assets-green/scale-vert-marks-before-slider-disabled.png new file mode 100644 index 00000000..e9ead2b6 Binary files /dev/null and b/src/src/assets/gtk/assets-green/scale-vert-marks-before-slider-disabled.png differ diff --git a/src/src/assets/gtk/assets-green/scale-vert-marks-before-slider-disabled@2.png b/src/src/assets/gtk/assets-green/scale-vert-marks-before-slider-disabled@2.png new file mode 100644 index 00000000..213e09e0 Binary files /dev/null and b/src/src/assets/gtk/assets-green/scale-vert-marks-before-slider-disabled@2.png differ diff --git a/src/src/assets/gtk/assets-green/scale-vert-marks-before-slider.png b/src/src/assets/gtk/assets-green/scale-vert-marks-before-slider.png new file mode 100644 index 00000000..eca0391e Binary files /dev/null and b/src/src/assets/gtk/assets-green/scale-vert-marks-before-slider.png differ diff --git a/src/src/assets/gtk/assets-green/scale-vert-marks-before-slider@2.png b/src/src/assets/gtk/assets-green/scale-vert-marks-before-slider@2.png new file mode 100644 index 00000000..969a2ffb Binary files /dev/null and b/src/src/assets/gtk/assets-green/scale-vert-marks-before-slider@2.png differ diff --git a/src/src/assets/gtk/assets-green/selectionmode-checkbox-checked-dark.png b/src/src/assets/gtk/assets-green/selectionmode-checkbox-checked-dark.png new file mode 100644 index 00000000..03ee033b Binary files /dev/null and b/src/src/assets/gtk/assets-green/selectionmode-checkbox-checked-dark.png differ diff --git a/src/src/assets/gtk/assets-green/selectionmode-checkbox-checked-dark@2.png b/src/src/assets/gtk/assets-green/selectionmode-checkbox-checked-dark@2.png new file mode 100644 index 00000000..01efe8a4 Binary files /dev/null and b/src/src/assets/gtk/assets-green/selectionmode-checkbox-checked-dark@2.png differ diff --git a/src/src/assets/gtk/assets-green/selectionmode-checkbox-checked.png b/src/src/assets/gtk/assets-green/selectionmode-checkbox-checked.png new file mode 100644 index 00000000..b16d1ecf Binary files /dev/null and b/src/src/assets/gtk/assets-green/selectionmode-checkbox-checked.png differ diff --git a/src/src/assets/gtk/assets-green/selectionmode-checkbox-checked@2.png b/src/src/assets/gtk/assets-green/selectionmode-checkbox-checked@2.png new file mode 100644 index 00000000..a335b01a Binary files /dev/null and b/src/src/assets/gtk/assets-green/selectionmode-checkbox-checked@2.png differ diff --git a/src/src/assets/gtk/assets-green/selectionmode-checkbox-unchecked-dark.png b/src/src/assets/gtk/assets-green/selectionmode-checkbox-unchecked-dark.png new file mode 100644 index 00000000..f6b914e5 Binary files /dev/null and b/src/src/assets/gtk/assets-green/selectionmode-checkbox-unchecked-dark.png differ diff --git a/src/src/assets/gtk/assets-green/selectionmode-checkbox-unchecked-dark@2.png b/src/src/assets/gtk/assets-green/selectionmode-checkbox-unchecked-dark@2.png new file mode 100644 index 00000000..29ecf2b8 Binary files /dev/null and b/src/src/assets/gtk/assets-green/selectionmode-checkbox-unchecked-dark@2.png differ diff --git a/src/src/assets/gtk/assets-green/selectionmode-checkbox-unchecked.png b/src/src/assets/gtk/assets-green/selectionmode-checkbox-unchecked.png new file mode 100644 index 00000000..40ff92e0 Binary files /dev/null and b/src/src/assets/gtk/assets-green/selectionmode-checkbox-unchecked.png differ diff --git a/src/src/assets/gtk/assets-green/selectionmode-checkbox-unchecked@2.png b/src/src/assets/gtk/assets-green/selectionmode-checkbox-unchecked@2.png new file mode 100644 index 00000000..8e87ea7e Binary files /dev/null and b/src/src/assets/gtk/assets-green/selectionmode-checkbox-unchecked@2.png differ diff --git a/src/src/assets/gtk/assets-grey-nord.svg b/src/src/assets/gtk/assets-grey-nord.svg new file mode 100644 index 00000000..947b5fa3 --- /dev/null +++ b/src/src/assets/gtk/assets-grey-nord.svg @@ -0,0 +1,88 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/src/assets/gtk/assets-grey.svg b/src/src/assets/gtk/assets-grey.svg new file mode 100644 index 00000000..d334b25c --- /dev/null +++ b/src/src/assets/gtk/assets-grey.svg @@ -0,0 +1,558 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/src/assets/gtk/assets-nord.svg b/src/src/assets/gtk/assets-nord.svg new file mode 100644 index 00000000..88b27161 --- /dev/null +++ b/src/src/assets/gtk/assets-nord.svg @@ -0,0 +1,84 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/src/assets/gtk/assets-nord/scale-horz-marks-after-slider-dark.png b/src/src/assets/gtk/assets-nord/scale-horz-marks-after-slider-dark.png new file mode 100644 index 00000000..74b370b2 Binary files /dev/null and b/src/src/assets/gtk/assets-nord/scale-horz-marks-after-slider-dark.png differ diff --git a/src/src/assets/gtk/assets-nord/scale-horz-marks-after-slider-dark@2.png b/src/src/assets/gtk/assets-nord/scale-horz-marks-after-slider-dark@2.png new file mode 100644 index 00000000..b2bdc21f Binary files /dev/null and b/src/src/assets/gtk/assets-nord/scale-horz-marks-after-slider-dark@2.png differ diff --git a/src/src/assets/gtk/assets-nord/scale-horz-marks-after-slider-disabled-dark.png b/src/src/assets/gtk/assets-nord/scale-horz-marks-after-slider-disabled-dark.png new file mode 100644 index 00000000..fb534076 Binary files /dev/null and b/src/src/assets/gtk/assets-nord/scale-horz-marks-after-slider-disabled-dark.png differ diff --git a/src/src/assets/gtk/assets-nord/scale-horz-marks-after-slider-disabled-dark@2.png b/src/src/assets/gtk/assets-nord/scale-horz-marks-after-slider-disabled-dark@2.png new file mode 100644 index 00000000..d3f48564 Binary files /dev/null and b/src/src/assets/gtk/assets-nord/scale-horz-marks-after-slider-disabled-dark@2.png differ diff --git a/src/src/assets/gtk/assets-nord/scale-horz-marks-after-slider-disabled.png b/src/src/assets/gtk/assets-nord/scale-horz-marks-after-slider-disabled.png new file mode 100644 index 00000000..fcd6373c Binary files /dev/null and b/src/src/assets/gtk/assets-nord/scale-horz-marks-after-slider-disabled.png differ diff --git a/src/src/assets/gtk/assets-nord/scale-horz-marks-after-slider-disabled@2.png b/src/src/assets/gtk/assets-nord/scale-horz-marks-after-slider-disabled@2.png new file mode 100644 index 00000000..e5d90a7b Binary files /dev/null and b/src/src/assets/gtk/assets-nord/scale-horz-marks-after-slider-disabled@2.png differ diff --git a/src/src/assets/gtk/assets-nord/scale-horz-marks-after-slider.png b/src/src/assets/gtk/assets-nord/scale-horz-marks-after-slider.png new file mode 100644 index 00000000..fbd68249 Binary files /dev/null and b/src/src/assets/gtk/assets-nord/scale-horz-marks-after-slider.png differ diff --git a/src/src/assets/gtk/assets-nord/scale-horz-marks-after-slider@2.png b/src/src/assets/gtk/assets-nord/scale-horz-marks-after-slider@2.png new file mode 100644 index 00000000..db9b29fa Binary files /dev/null and b/src/src/assets/gtk/assets-nord/scale-horz-marks-after-slider@2.png differ diff --git a/src/src/assets/gtk/assets-nord/scale-horz-marks-before-slider-dark.png b/src/src/assets/gtk/assets-nord/scale-horz-marks-before-slider-dark.png new file mode 100644 index 00000000..cf195674 Binary files /dev/null and b/src/src/assets/gtk/assets-nord/scale-horz-marks-before-slider-dark.png differ diff --git a/src/src/assets/gtk/assets-nord/scale-horz-marks-before-slider-dark@2.png b/src/src/assets/gtk/assets-nord/scale-horz-marks-before-slider-dark@2.png new file mode 100644 index 00000000..4c4fc049 Binary files /dev/null and b/src/src/assets/gtk/assets-nord/scale-horz-marks-before-slider-dark@2.png differ diff --git a/src/src/assets/gtk/assets-nord/scale-horz-marks-before-slider-disabled-dark.png b/src/src/assets/gtk/assets-nord/scale-horz-marks-before-slider-disabled-dark.png new file mode 100644 index 00000000..1154c61d Binary files /dev/null and b/src/src/assets/gtk/assets-nord/scale-horz-marks-before-slider-disabled-dark.png differ diff --git a/src/src/assets/gtk/assets-nord/scale-horz-marks-before-slider-disabled-dark@2.png b/src/src/assets/gtk/assets-nord/scale-horz-marks-before-slider-disabled-dark@2.png new file mode 100644 index 00000000..ef269518 Binary files /dev/null and b/src/src/assets/gtk/assets-nord/scale-horz-marks-before-slider-disabled-dark@2.png differ diff --git a/src/src/assets/gtk/assets-nord/scale-horz-marks-before-slider-disabled.png b/src/src/assets/gtk/assets-nord/scale-horz-marks-before-slider-disabled.png new file mode 100644 index 00000000..4b73f44f Binary files /dev/null and b/src/src/assets/gtk/assets-nord/scale-horz-marks-before-slider-disabled.png differ diff --git a/src/src/assets/gtk/assets-nord/scale-horz-marks-before-slider-disabled@2.png b/src/src/assets/gtk/assets-nord/scale-horz-marks-before-slider-disabled@2.png new file mode 100644 index 00000000..3f6a7a5d Binary files /dev/null and b/src/src/assets/gtk/assets-nord/scale-horz-marks-before-slider-disabled@2.png differ diff --git a/src/src/assets/gtk/assets-nord/scale-horz-marks-before-slider.png b/src/src/assets/gtk/assets-nord/scale-horz-marks-before-slider.png new file mode 100644 index 00000000..25f9598f Binary files /dev/null and b/src/src/assets/gtk/assets-nord/scale-horz-marks-before-slider.png differ diff --git a/src/src/assets/gtk/assets-nord/scale-horz-marks-before-slider@2.png b/src/src/assets/gtk/assets-nord/scale-horz-marks-before-slider@2.png new file mode 100644 index 00000000..8bbbd194 Binary files /dev/null and b/src/src/assets/gtk/assets-nord/scale-horz-marks-before-slider@2.png differ diff --git a/src/src/assets/gtk/assets-nord/scale-vert-marks-after-slider-dark.png b/src/src/assets/gtk/assets-nord/scale-vert-marks-after-slider-dark.png new file mode 100644 index 00000000..47abc177 Binary files /dev/null and b/src/src/assets/gtk/assets-nord/scale-vert-marks-after-slider-dark.png differ diff --git a/src/src/assets/gtk/assets-nord/scale-vert-marks-after-slider-dark@2.png b/src/src/assets/gtk/assets-nord/scale-vert-marks-after-slider-dark@2.png new file mode 100644 index 00000000..ebe9aad1 Binary files /dev/null and b/src/src/assets/gtk/assets-nord/scale-vert-marks-after-slider-dark@2.png differ diff --git a/src/src/assets/gtk/assets-nord/scale-vert-marks-after-slider-disabled-dark.png b/src/src/assets/gtk/assets-nord/scale-vert-marks-after-slider-disabled-dark.png new file mode 100644 index 00000000..775c55ae Binary files /dev/null and b/src/src/assets/gtk/assets-nord/scale-vert-marks-after-slider-disabled-dark.png differ diff --git a/src/src/assets/gtk/assets-nord/scale-vert-marks-after-slider-disabled-dark@2.png b/src/src/assets/gtk/assets-nord/scale-vert-marks-after-slider-disabled-dark@2.png new file mode 100644 index 00000000..c6fa32ec Binary files /dev/null and b/src/src/assets/gtk/assets-nord/scale-vert-marks-after-slider-disabled-dark@2.png differ diff --git a/src/src/assets/gtk/assets-nord/scale-vert-marks-after-slider-disabled.png b/src/src/assets/gtk/assets-nord/scale-vert-marks-after-slider-disabled.png new file mode 100644 index 00000000..c91cd9cc Binary files /dev/null and b/src/src/assets/gtk/assets-nord/scale-vert-marks-after-slider-disabled.png differ diff --git a/src/src/assets/gtk/assets-nord/scale-vert-marks-after-slider-disabled@2.png b/src/src/assets/gtk/assets-nord/scale-vert-marks-after-slider-disabled@2.png new file mode 100644 index 00000000..e297b8bc Binary files /dev/null and b/src/src/assets/gtk/assets-nord/scale-vert-marks-after-slider-disabled@2.png differ diff --git a/src/src/assets/gtk/assets-nord/scale-vert-marks-after-slider.png b/src/src/assets/gtk/assets-nord/scale-vert-marks-after-slider.png new file mode 100644 index 00000000..7ac68051 Binary files /dev/null and b/src/src/assets/gtk/assets-nord/scale-vert-marks-after-slider.png differ diff --git a/src/src/assets/gtk/assets-nord/scale-vert-marks-after-slider@2.png b/src/src/assets/gtk/assets-nord/scale-vert-marks-after-slider@2.png new file mode 100644 index 00000000..3a75b43c Binary files /dev/null and b/src/src/assets/gtk/assets-nord/scale-vert-marks-after-slider@2.png differ diff --git a/src/src/assets/gtk/assets-nord/scale-vert-marks-before-slider-dark.png b/src/src/assets/gtk/assets-nord/scale-vert-marks-before-slider-dark.png new file mode 100644 index 00000000..d6a058f9 Binary files /dev/null and b/src/src/assets/gtk/assets-nord/scale-vert-marks-before-slider-dark.png differ diff --git a/src/src/assets/gtk/assets-nord/scale-vert-marks-before-slider-dark@2.png b/src/src/assets/gtk/assets-nord/scale-vert-marks-before-slider-dark@2.png new file mode 100644 index 00000000..bbaa8463 Binary files /dev/null and b/src/src/assets/gtk/assets-nord/scale-vert-marks-before-slider-dark@2.png differ diff --git a/src/src/assets/gtk/assets-nord/scale-vert-marks-before-slider-disabled-dark.png b/src/src/assets/gtk/assets-nord/scale-vert-marks-before-slider-disabled-dark.png new file mode 100644 index 00000000..a6b33d3c Binary files /dev/null and b/src/src/assets/gtk/assets-nord/scale-vert-marks-before-slider-disabled-dark.png differ diff --git a/src/src/assets/gtk/assets-nord/scale-vert-marks-before-slider-disabled-dark@2.png b/src/src/assets/gtk/assets-nord/scale-vert-marks-before-slider-disabled-dark@2.png new file mode 100644 index 00000000..f68f238f Binary files /dev/null and b/src/src/assets/gtk/assets-nord/scale-vert-marks-before-slider-disabled-dark@2.png differ diff --git a/src/src/assets/gtk/assets-nord/scale-vert-marks-before-slider-disabled.png b/src/src/assets/gtk/assets-nord/scale-vert-marks-before-slider-disabled.png new file mode 100644 index 00000000..e2b5ac7a Binary files /dev/null and b/src/src/assets/gtk/assets-nord/scale-vert-marks-before-slider-disabled.png differ diff --git a/src/src/assets/gtk/assets-nord/scale-vert-marks-before-slider-disabled@2.png b/src/src/assets/gtk/assets-nord/scale-vert-marks-before-slider-disabled@2.png new file mode 100644 index 00000000..79a9e075 Binary files /dev/null and b/src/src/assets/gtk/assets-nord/scale-vert-marks-before-slider-disabled@2.png differ diff --git a/src/src/assets/gtk/assets-nord/scale-vert-marks-before-slider.png b/src/src/assets/gtk/assets-nord/scale-vert-marks-before-slider.png new file mode 100644 index 00000000..ba10712b Binary files /dev/null and b/src/src/assets/gtk/assets-nord/scale-vert-marks-before-slider.png differ diff --git a/src/src/assets/gtk/assets-nord/scale-vert-marks-before-slider@2.png b/src/src/assets/gtk/assets-nord/scale-vert-marks-before-slider@2.png new file mode 100644 index 00000000..c466b80e Binary files /dev/null and b/src/src/assets/gtk/assets-nord/scale-vert-marks-before-slider@2.png differ diff --git a/src/src/assets/gtk/assets-nord/selectionmode-checkbox-checked-dark.png b/src/src/assets/gtk/assets-nord/selectionmode-checkbox-checked-dark.png new file mode 100644 index 00000000..2e7c5e47 Binary files /dev/null and b/src/src/assets/gtk/assets-nord/selectionmode-checkbox-checked-dark.png differ diff --git a/src/src/assets/gtk/assets-nord/selectionmode-checkbox-checked-dark@2.png b/src/src/assets/gtk/assets-nord/selectionmode-checkbox-checked-dark@2.png new file mode 100644 index 00000000..70b2db6a Binary files /dev/null and b/src/src/assets/gtk/assets-nord/selectionmode-checkbox-checked-dark@2.png differ diff --git a/src/src/assets/gtk/assets-nord/selectionmode-checkbox-checked.png b/src/src/assets/gtk/assets-nord/selectionmode-checkbox-checked.png new file mode 100644 index 00000000..a86fc56a Binary files /dev/null and b/src/src/assets/gtk/assets-nord/selectionmode-checkbox-checked.png differ diff --git a/src/src/assets/gtk/assets-nord/selectionmode-checkbox-checked@2.png b/src/src/assets/gtk/assets-nord/selectionmode-checkbox-checked@2.png new file mode 100644 index 00000000..990f847f Binary files /dev/null and b/src/src/assets/gtk/assets-nord/selectionmode-checkbox-checked@2.png differ diff --git a/src/src/assets/gtk/assets-nord/selectionmode-checkbox-unchecked-dark.png b/src/src/assets/gtk/assets-nord/selectionmode-checkbox-unchecked-dark.png new file mode 100644 index 00000000..c27927d5 Binary files /dev/null and b/src/src/assets/gtk/assets-nord/selectionmode-checkbox-unchecked-dark.png differ diff --git a/src/src/assets/gtk/assets-nord/selectionmode-checkbox-unchecked-dark@2.png b/src/src/assets/gtk/assets-nord/selectionmode-checkbox-unchecked-dark@2.png new file mode 100644 index 00000000..e5748d7d Binary files /dev/null and b/src/src/assets/gtk/assets-nord/selectionmode-checkbox-unchecked-dark@2.png differ diff --git a/src/src/assets/gtk/assets-nord/selectionmode-checkbox-unchecked.png b/src/src/assets/gtk/assets-nord/selectionmode-checkbox-unchecked.png new file mode 100644 index 00000000..40ff92e0 Binary files /dev/null and b/src/src/assets/gtk/assets-nord/selectionmode-checkbox-unchecked.png differ diff --git a/src/src/assets/gtk/assets-nord/selectionmode-checkbox-unchecked@2.png b/src/src/assets/gtk/assets-nord/selectionmode-checkbox-unchecked@2.png new file mode 100644 index 00000000..8e87ea7e Binary files /dev/null and b/src/src/assets/gtk/assets-nord/selectionmode-checkbox-unchecked@2.png differ diff --git a/src/src/assets/gtk/assets-orange-nord.svg b/src/src/assets/gtk/assets-orange-nord.svg new file mode 100644 index 00000000..d0e9e449 --- /dev/null +++ b/src/src/assets/gtk/assets-orange-nord.svg @@ -0,0 +1,84 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/src/assets/gtk/assets-orange-nord/scale-horz-marks-after-slider-dark.png b/src/src/assets/gtk/assets-orange-nord/scale-horz-marks-after-slider-dark.png new file mode 100644 index 00000000..ce299da4 Binary files /dev/null and b/src/src/assets/gtk/assets-orange-nord/scale-horz-marks-after-slider-dark.png differ diff --git a/src/src/assets/gtk/assets-orange-nord/scale-horz-marks-after-slider-dark@2.png b/src/src/assets/gtk/assets-orange-nord/scale-horz-marks-after-slider-dark@2.png new file mode 100644 index 00000000..ce721aa3 Binary files /dev/null and b/src/src/assets/gtk/assets-orange-nord/scale-horz-marks-after-slider-dark@2.png differ diff --git a/src/src/assets/gtk/assets-orange-nord/scale-horz-marks-after-slider-disabled-dark.png b/src/src/assets/gtk/assets-orange-nord/scale-horz-marks-after-slider-disabled-dark.png new file mode 100644 index 00000000..f9387ea2 Binary files /dev/null and b/src/src/assets/gtk/assets-orange-nord/scale-horz-marks-after-slider-disabled-dark.png differ diff --git a/src/src/assets/gtk/assets-orange-nord/scale-horz-marks-after-slider-disabled-dark@2.png b/src/src/assets/gtk/assets-orange-nord/scale-horz-marks-after-slider-disabled-dark@2.png new file mode 100644 index 00000000..9d0aa0bd Binary files /dev/null and b/src/src/assets/gtk/assets-orange-nord/scale-horz-marks-after-slider-disabled-dark@2.png differ diff --git a/src/src/assets/gtk/assets-orange-nord/scale-horz-marks-after-slider-disabled.png b/src/src/assets/gtk/assets-orange-nord/scale-horz-marks-after-slider-disabled.png new file mode 100644 index 00000000..8562c950 Binary files /dev/null and b/src/src/assets/gtk/assets-orange-nord/scale-horz-marks-after-slider-disabled.png differ diff --git a/src/src/assets/gtk/assets-orange-nord/scale-horz-marks-after-slider-disabled@2.png b/src/src/assets/gtk/assets-orange-nord/scale-horz-marks-after-slider-disabled@2.png new file mode 100644 index 00000000..f6874cfb Binary files /dev/null and b/src/src/assets/gtk/assets-orange-nord/scale-horz-marks-after-slider-disabled@2.png differ diff --git a/src/src/assets/gtk/assets-orange-nord/scale-horz-marks-after-slider.png b/src/src/assets/gtk/assets-orange-nord/scale-horz-marks-after-slider.png new file mode 100644 index 00000000..6636cb6c Binary files /dev/null and b/src/src/assets/gtk/assets-orange-nord/scale-horz-marks-after-slider.png differ diff --git a/src/src/assets/gtk/assets-orange-nord/scale-horz-marks-after-slider@2.png b/src/src/assets/gtk/assets-orange-nord/scale-horz-marks-after-slider@2.png new file mode 100644 index 00000000..42789844 Binary files /dev/null and b/src/src/assets/gtk/assets-orange-nord/scale-horz-marks-after-slider@2.png differ diff --git a/src/src/assets/gtk/assets-orange-nord/scale-horz-marks-before-slider-dark.png b/src/src/assets/gtk/assets-orange-nord/scale-horz-marks-before-slider-dark.png new file mode 100644 index 00000000..84f3562f Binary files /dev/null and b/src/src/assets/gtk/assets-orange-nord/scale-horz-marks-before-slider-dark.png differ diff --git a/src/src/assets/gtk/assets-orange-nord/scale-horz-marks-before-slider-dark@2.png b/src/src/assets/gtk/assets-orange-nord/scale-horz-marks-before-slider-dark@2.png new file mode 100644 index 00000000..592374e3 Binary files /dev/null and b/src/src/assets/gtk/assets-orange-nord/scale-horz-marks-before-slider-dark@2.png differ diff --git a/src/src/assets/gtk/assets-orange-nord/scale-horz-marks-before-slider-disabled-dark.png b/src/src/assets/gtk/assets-orange-nord/scale-horz-marks-before-slider-disabled-dark.png new file mode 100644 index 00000000..75c5fa21 Binary files /dev/null and b/src/src/assets/gtk/assets-orange-nord/scale-horz-marks-before-slider-disabled-dark.png differ diff --git a/src/src/assets/gtk/assets-orange-nord/scale-horz-marks-before-slider-disabled-dark@2.png b/src/src/assets/gtk/assets-orange-nord/scale-horz-marks-before-slider-disabled-dark@2.png new file mode 100644 index 00000000..0289b21c Binary files /dev/null and b/src/src/assets/gtk/assets-orange-nord/scale-horz-marks-before-slider-disabled-dark@2.png differ diff --git a/src/src/assets/gtk/assets-orange-nord/scale-horz-marks-before-slider-disabled.png b/src/src/assets/gtk/assets-orange-nord/scale-horz-marks-before-slider-disabled.png new file mode 100644 index 00000000..323c8ede Binary files /dev/null and b/src/src/assets/gtk/assets-orange-nord/scale-horz-marks-before-slider-disabled.png differ diff --git a/src/src/assets/gtk/assets-orange-nord/scale-horz-marks-before-slider-disabled@2.png b/src/src/assets/gtk/assets-orange-nord/scale-horz-marks-before-slider-disabled@2.png new file mode 100644 index 00000000..bb969b1f Binary files /dev/null and b/src/src/assets/gtk/assets-orange-nord/scale-horz-marks-before-slider-disabled@2.png differ diff --git a/src/src/assets/gtk/assets-orange-nord/scale-horz-marks-before-slider.png b/src/src/assets/gtk/assets-orange-nord/scale-horz-marks-before-slider.png new file mode 100644 index 00000000..092760a6 Binary files /dev/null and b/src/src/assets/gtk/assets-orange-nord/scale-horz-marks-before-slider.png differ diff --git a/src/src/assets/gtk/assets-orange-nord/scale-horz-marks-before-slider@2.png b/src/src/assets/gtk/assets-orange-nord/scale-horz-marks-before-slider@2.png new file mode 100644 index 00000000..b2b982b4 Binary files /dev/null and b/src/src/assets/gtk/assets-orange-nord/scale-horz-marks-before-slider@2.png differ diff --git a/src/src/assets/gtk/assets-orange-nord/scale-vert-marks-after-slider-dark.png b/src/src/assets/gtk/assets-orange-nord/scale-vert-marks-after-slider-dark.png new file mode 100644 index 00000000..a0ca118f Binary files /dev/null and b/src/src/assets/gtk/assets-orange-nord/scale-vert-marks-after-slider-dark.png differ diff --git a/src/src/assets/gtk/assets-orange-nord/scale-vert-marks-after-slider-dark@2.png b/src/src/assets/gtk/assets-orange-nord/scale-vert-marks-after-slider-dark@2.png new file mode 100644 index 00000000..fc973695 Binary files /dev/null and b/src/src/assets/gtk/assets-orange-nord/scale-vert-marks-after-slider-dark@2.png differ diff --git a/src/src/assets/gtk/assets-orange-nord/scale-vert-marks-after-slider-disabled-dark.png b/src/src/assets/gtk/assets-orange-nord/scale-vert-marks-after-slider-disabled-dark.png new file mode 100644 index 00000000..8c110b3a Binary files /dev/null and b/src/src/assets/gtk/assets-orange-nord/scale-vert-marks-after-slider-disabled-dark.png differ diff --git a/src/src/assets/gtk/assets-orange-nord/scale-vert-marks-after-slider-disabled-dark@2.png b/src/src/assets/gtk/assets-orange-nord/scale-vert-marks-after-slider-disabled-dark@2.png new file mode 100644 index 00000000..15c802ee Binary files /dev/null and b/src/src/assets/gtk/assets-orange-nord/scale-vert-marks-after-slider-disabled-dark@2.png differ diff --git a/src/src/assets/gtk/assets-orange-nord/scale-vert-marks-after-slider-disabled.png b/src/src/assets/gtk/assets-orange-nord/scale-vert-marks-after-slider-disabled.png new file mode 100644 index 00000000..47ccc59b Binary files /dev/null and b/src/src/assets/gtk/assets-orange-nord/scale-vert-marks-after-slider-disabled.png differ diff --git a/src/src/assets/gtk/assets-orange-nord/scale-vert-marks-after-slider-disabled@2.png b/src/src/assets/gtk/assets-orange-nord/scale-vert-marks-after-slider-disabled@2.png new file mode 100644 index 00000000..1570071d Binary files /dev/null and b/src/src/assets/gtk/assets-orange-nord/scale-vert-marks-after-slider-disabled@2.png differ diff --git a/src/src/assets/gtk/assets-orange-nord/scale-vert-marks-after-slider.png b/src/src/assets/gtk/assets-orange-nord/scale-vert-marks-after-slider.png new file mode 100644 index 00000000..09e1e096 Binary files /dev/null and b/src/src/assets/gtk/assets-orange-nord/scale-vert-marks-after-slider.png differ diff --git a/src/src/assets/gtk/assets-orange-nord/scale-vert-marks-after-slider@2.png b/src/src/assets/gtk/assets-orange-nord/scale-vert-marks-after-slider@2.png new file mode 100644 index 00000000..a46d1840 Binary files /dev/null and b/src/src/assets/gtk/assets-orange-nord/scale-vert-marks-after-slider@2.png differ diff --git a/src/src/assets/gtk/assets-orange-nord/scale-vert-marks-before-slider-dark.png b/src/src/assets/gtk/assets-orange-nord/scale-vert-marks-before-slider-dark.png new file mode 100644 index 00000000..e155507b Binary files /dev/null and b/src/src/assets/gtk/assets-orange-nord/scale-vert-marks-before-slider-dark.png differ diff --git a/src/src/assets/gtk/assets-orange-nord/scale-vert-marks-before-slider-dark@2.png b/src/src/assets/gtk/assets-orange-nord/scale-vert-marks-before-slider-dark@2.png new file mode 100644 index 00000000..81e208e3 Binary files /dev/null and b/src/src/assets/gtk/assets-orange-nord/scale-vert-marks-before-slider-dark@2.png differ diff --git a/src/src/assets/gtk/assets-orange-nord/scale-vert-marks-before-slider-disabled-dark.png b/src/src/assets/gtk/assets-orange-nord/scale-vert-marks-before-slider-disabled-dark.png new file mode 100644 index 00000000..1311cdbe Binary files /dev/null and b/src/src/assets/gtk/assets-orange-nord/scale-vert-marks-before-slider-disabled-dark.png differ diff --git a/src/src/assets/gtk/assets-orange-nord/scale-vert-marks-before-slider-disabled-dark@2.png b/src/src/assets/gtk/assets-orange-nord/scale-vert-marks-before-slider-disabled-dark@2.png new file mode 100644 index 00000000..8b9fb52b Binary files /dev/null and b/src/src/assets/gtk/assets-orange-nord/scale-vert-marks-before-slider-disabled-dark@2.png differ diff --git a/src/src/assets/gtk/assets-orange-nord/scale-vert-marks-before-slider-disabled.png b/src/src/assets/gtk/assets-orange-nord/scale-vert-marks-before-slider-disabled.png new file mode 100644 index 00000000..74e4500f Binary files /dev/null and b/src/src/assets/gtk/assets-orange-nord/scale-vert-marks-before-slider-disabled.png differ diff --git a/src/src/assets/gtk/assets-orange-nord/scale-vert-marks-before-slider-disabled@2.png b/src/src/assets/gtk/assets-orange-nord/scale-vert-marks-before-slider-disabled@2.png new file mode 100644 index 00000000..2311845d Binary files /dev/null and b/src/src/assets/gtk/assets-orange-nord/scale-vert-marks-before-slider-disabled@2.png differ diff --git a/src/src/assets/gtk/assets-orange-nord/scale-vert-marks-before-slider.png b/src/src/assets/gtk/assets-orange-nord/scale-vert-marks-before-slider.png new file mode 100644 index 00000000..d133b8c0 Binary files /dev/null and b/src/src/assets/gtk/assets-orange-nord/scale-vert-marks-before-slider.png differ diff --git a/src/src/assets/gtk/assets-orange-nord/scale-vert-marks-before-slider@2.png b/src/src/assets/gtk/assets-orange-nord/scale-vert-marks-before-slider@2.png new file mode 100644 index 00000000..c6a2ed9b Binary files /dev/null and b/src/src/assets/gtk/assets-orange-nord/scale-vert-marks-before-slider@2.png differ diff --git a/src/src/assets/gtk/assets-orange-nord/selectionmode-checkbox-checked-dark.png b/src/src/assets/gtk/assets-orange-nord/selectionmode-checkbox-checked-dark.png new file mode 100644 index 00000000..d8f079da Binary files /dev/null and b/src/src/assets/gtk/assets-orange-nord/selectionmode-checkbox-checked-dark.png differ diff --git a/src/src/assets/gtk/assets-orange-nord/selectionmode-checkbox-checked-dark@2.png b/src/src/assets/gtk/assets-orange-nord/selectionmode-checkbox-checked-dark@2.png new file mode 100644 index 00000000..4d38a222 Binary files /dev/null and b/src/src/assets/gtk/assets-orange-nord/selectionmode-checkbox-checked-dark@2.png differ diff --git a/src/src/assets/gtk/assets-orange-nord/selectionmode-checkbox-checked.png b/src/src/assets/gtk/assets-orange-nord/selectionmode-checkbox-checked.png new file mode 100644 index 00000000..a9a8b19b Binary files /dev/null and b/src/src/assets/gtk/assets-orange-nord/selectionmode-checkbox-checked.png differ diff --git a/src/src/assets/gtk/assets-orange-nord/selectionmode-checkbox-checked@2.png b/src/src/assets/gtk/assets-orange-nord/selectionmode-checkbox-checked@2.png new file mode 100644 index 00000000..74fb687b Binary files /dev/null and b/src/src/assets/gtk/assets-orange-nord/selectionmode-checkbox-checked@2.png differ diff --git a/src/src/assets/gtk/assets-orange-nord/selectionmode-checkbox-unchecked-dark.png b/src/src/assets/gtk/assets-orange-nord/selectionmode-checkbox-unchecked-dark.png new file mode 100644 index 00000000..c27927d5 Binary files /dev/null and b/src/src/assets/gtk/assets-orange-nord/selectionmode-checkbox-unchecked-dark.png differ diff --git a/src/src/assets/gtk/assets-orange-nord/selectionmode-checkbox-unchecked-dark@2.png b/src/src/assets/gtk/assets-orange-nord/selectionmode-checkbox-unchecked-dark@2.png new file mode 100644 index 00000000..e5748d7d Binary files /dev/null and b/src/src/assets/gtk/assets-orange-nord/selectionmode-checkbox-unchecked-dark@2.png differ diff --git a/src/src/assets/gtk/assets-orange-nord/selectionmode-checkbox-unchecked.png b/src/src/assets/gtk/assets-orange-nord/selectionmode-checkbox-unchecked.png new file mode 100644 index 00000000..40ff92e0 Binary files /dev/null and b/src/src/assets/gtk/assets-orange-nord/selectionmode-checkbox-unchecked.png differ diff --git a/src/src/assets/gtk/assets-orange-nord/selectionmode-checkbox-unchecked@2.png b/src/src/assets/gtk/assets-orange-nord/selectionmode-checkbox-unchecked@2.png new file mode 100644 index 00000000..8e87ea7e Binary files /dev/null and b/src/src/assets/gtk/assets-orange-nord/selectionmode-checkbox-unchecked@2.png differ diff --git a/src/src/assets/gtk/assets-orange.svg b/src/src/assets/gtk/assets-orange.svg new file mode 100644 index 00000000..f837c468 --- /dev/null +++ b/src/src/assets/gtk/assets-orange.svg @@ -0,0 +1,505 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/src/assets/gtk/assets-orange/scale-horz-marks-after-slider-dark.png b/src/src/assets/gtk/assets-orange/scale-horz-marks-after-slider-dark.png new file mode 100644 index 00000000..953099cc Binary files /dev/null and b/src/src/assets/gtk/assets-orange/scale-horz-marks-after-slider-dark.png differ diff --git a/src/src/assets/gtk/assets-orange/scale-horz-marks-after-slider-dark@2.png b/src/src/assets/gtk/assets-orange/scale-horz-marks-after-slider-dark@2.png new file mode 100644 index 00000000..e1017161 Binary files /dev/null and b/src/src/assets/gtk/assets-orange/scale-horz-marks-after-slider-dark@2.png differ diff --git a/src/src/assets/gtk/assets-orange/scale-horz-marks-after-slider-disabled-dark.png b/src/src/assets/gtk/assets-orange/scale-horz-marks-after-slider-disabled-dark.png new file mode 100644 index 00000000..f9e9e036 Binary files /dev/null and b/src/src/assets/gtk/assets-orange/scale-horz-marks-after-slider-disabled-dark.png differ diff --git a/src/src/assets/gtk/assets-orange/scale-horz-marks-after-slider-disabled-dark@2.png b/src/src/assets/gtk/assets-orange/scale-horz-marks-after-slider-disabled-dark@2.png new file mode 100644 index 00000000..845dc43e Binary files /dev/null and b/src/src/assets/gtk/assets-orange/scale-horz-marks-after-slider-disabled-dark@2.png differ diff --git a/src/src/assets/gtk/assets-orange/scale-horz-marks-after-slider-disabled.png b/src/src/assets/gtk/assets-orange/scale-horz-marks-after-slider-disabled.png new file mode 100644 index 00000000..b7d13614 Binary files /dev/null and b/src/src/assets/gtk/assets-orange/scale-horz-marks-after-slider-disabled.png differ diff --git a/src/src/assets/gtk/assets-orange/scale-horz-marks-after-slider-disabled@2.png b/src/src/assets/gtk/assets-orange/scale-horz-marks-after-slider-disabled@2.png new file mode 100644 index 00000000..a499eeb4 Binary files /dev/null and b/src/src/assets/gtk/assets-orange/scale-horz-marks-after-slider-disabled@2.png differ diff --git a/src/src/assets/gtk/assets-orange/scale-horz-marks-after-slider.png b/src/src/assets/gtk/assets-orange/scale-horz-marks-after-slider.png new file mode 100644 index 00000000..541cb75d Binary files /dev/null and b/src/src/assets/gtk/assets-orange/scale-horz-marks-after-slider.png differ diff --git a/src/src/assets/gtk/assets-orange/scale-horz-marks-after-slider@2.png b/src/src/assets/gtk/assets-orange/scale-horz-marks-after-slider@2.png new file mode 100644 index 00000000..a5a78837 Binary files /dev/null and b/src/src/assets/gtk/assets-orange/scale-horz-marks-after-slider@2.png differ diff --git a/src/src/assets/gtk/assets-orange/scale-horz-marks-before-slider-dark.png b/src/src/assets/gtk/assets-orange/scale-horz-marks-before-slider-dark.png new file mode 100644 index 00000000..155ae53e Binary files /dev/null and b/src/src/assets/gtk/assets-orange/scale-horz-marks-before-slider-dark.png differ diff --git a/src/src/assets/gtk/assets-orange/scale-horz-marks-before-slider-dark@2.png b/src/src/assets/gtk/assets-orange/scale-horz-marks-before-slider-dark@2.png new file mode 100644 index 00000000..8409a6e0 Binary files /dev/null and b/src/src/assets/gtk/assets-orange/scale-horz-marks-before-slider-dark@2.png differ diff --git a/src/src/assets/gtk/assets-orange/scale-horz-marks-before-slider-disabled-dark.png b/src/src/assets/gtk/assets-orange/scale-horz-marks-before-slider-disabled-dark.png new file mode 100644 index 00000000..7689a61e Binary files /dev/null and b/src/src/assets/gtk/assets-orange/scale-horz-marks-before-slider-disabled-dark.png differ diff --git a/src/src/assets/gtk/assets-orange/scale-horz-marks-before-slider-disabled-dark@2.png b/src/src/assets/gtk/assets-orange/scale-horz-marks-before-slider-disabled-dark@2.png new file mode 100644 index 00000000..05fb20a5 Binary files /dev/null and b/src/src/assets/gtk/assets-orange/scale-horz-marks-before-slider-disabled-dark@2.png differ diff --git a/src/src/assets/gtk/assets-orange/scale-horz-marks-before-slider-disabled.png b/src/src/assets/gtk/assets-orange/scale-horz-marks-before-slider-disabled.png new file mode 100644 index 00000000..9eaa3679 Binary files /dev/null and b/src/src/assets/gtk/assets-orange/scale-horz-marks-before-slider-disabled.png differ diff --git a/src/src/assets/gtk/assets-orange/scale-horz-marks-before-slider-disabled@2.png b/src/src/assets/gtk/assets-orange/scale-horz-marks-before-slider-disabled@2.png new file mode 100644 index 00000000..b26581f5 Binary files /dev/null and b/src/src/assets/gtk/assets-orange/scale-horz-marks-before-slider-disabled@2.png differ diff --git a/src/src/assets/gtk/assets-orange/scale-horz-marks-before-slider.png b/src/src/assets/gtk/assets-orange/scale-horz-marks-before-slider.png new file mode 100644 index 00000000..7d6c8f03 Binary files /dev/null and b/src/src/assets/gtk/assets-orange/scale-horz-marks-before-slider.png differ diff --git a/src/src/assets/gtk/assets-orange/scale-horz-marks-before-slider@2.png b/src/src/assets/gtk/assets-orange/scale-horz-marks-before-slider@2.png new file mode 100644 index 00000000..e56684cb Binary files /dev/null and b/src/src/assets/gtk/assets-orange/scale-horz-marks-before-slider@2.png differ diff --git a/src/src/assets/gtk/assets-orange/scale-vert-marks-after-slider-dark.png b/src/src/assets/gtk/assets-orange/scale-vert-marks-after-slider-dark.png new file mode 100644 index 00000000..c7602dc1 Binary files /dev/null and b/src/src/assets/gtk/assets-orange/scale-vert-marks-after-slider-dark.png differ diff --git a/src/src/assets/gtk/assets-orange/scale-vert-marks-after-slider-dark@2.png b/src/src/assets/gtk/assets-orange/scale-vert-marks-after-slider-dark@2.png new file mode 100644 index 00000000..d7a10534 Binary files /dev/null and b/src/src/assets/gtk/assets-orange/scale-vert-marks-after-slider-dark@2.png differ diff --git a/src/src/assets/gtk/assets-orange/scale-vert-marks-after-slider-disabled-dark.png b/src/src/assets/gtk/assets-orange/scale-vert-marks-after-slider-disabled-dark.png new file mode 100644 index 00000000..ae182645 Binary files /dev/null and b/src/src/assets/gtk/assets-orange/scale-vert-marks-after-slider-disabled-dark.png differ diff --git a/src/src/assets/gtk/assets-orange/scale-vert-marks-after-slider-disabled-dark@2.png b/src/src/assets/gtk/assets-orange/scale-vert-marks-after-slider-disabled-dark@2.png new file mode 100644 index 00000000..ae5d4a72 Binary files /dev/null and b/src/src/assets/gtk/assets-orange/scale-vert-marks-after-slider-disabled-dark@2.png differ diff --git a/src/src/assets/gtk/assets-orange/scale-vert-marks-after-slider-disabled.png b/src/src/assets/gtk/assets-orange/scale-vert-marks-after-slider-disabled.png new file mode 100644 index 00000000..8245da4f Binary files /dev/null and b/src/src/assets/gtk/assets-orange/scale-vert-marks-after-slider-disabled.png differ diff --git a/src/src/assets/gtk/assets-orange/scale-vert-marks-after-slider-disabled@2.png b/src/src/assets/gtk/assets-orange/scale-vert-marks-after-slider-disabled@2.png new file mode 100644 index 00000000..5725e53b Binary files /dev/null and b/src/src/assets/gtk/assets-orange/scale-vert-marks-after-slider-disabled@2.png differ diff --git a/src/src/assets/gtk/assets-orange/scale-vert-marks-after-slider.png b/src/src/assets/gtk/assets-orange/scale-vert-marks-after-slider.png new file mode 100644 index 00000000..47bcda8e Binary files /dev/null and b/src/src/assets/gtk/assets-orange/scale-vert-marks-after-slider.png differ diff --git a/src/src/assets/gtk/assets-orange/scale-vert-marks-after-slider@2.png b/src/src/assets/gtk/assets-orange/scale-vert-marks-after-slider@2.png new file mode 100644 index 00000000..79ad31eb Binary files /dev/null and b/src/src/assets/gtk/assets-orange/scale-vert-marks-after-slider@2.png differ diff --git a/src/src/assets/gtk/assets-orange/scale-vert-marks-before-slider-dark.png b/src/src/assets/gtk/assets-orange/scale-vert-marks-before-slider-dark.png new file mode 100644 index 00000000..fb77ba3b Binary files /dev/null and b/src/src/assets/gtk/assets-orange/scale-vert-marks-before-slider-dark.png differ diff --git a/src/src/assets/gtk/assets-orange/scale-vert-marks-before-slider-dark@2.png b/src/src/assets/gtk/assets-orange/scale-vert-marks-before-slider-dark@2.png new file mode 100644 index 00000000..8fc44f75 Binary files /dev/null and b/src/src/assets/gtk/assets-orange/scale-vert-marks-before-slider-dark@2.png differ diff --git a/src/src/assets/gtk/assets-orange/scale-vert-marks-before-slider-disabled-dark.png b/src/src/assets/gtk/assets-orange/scale-vert-marks-before-slider-disabled-dark.png new file mode 100644 index 00000000..e1bef4f9 Binary files /dev/null and b/src/src/assets/gtk/assets-orange/scale-vert-marks-before-slider-disabled-dark.png differ diff --git a/src/src/assets/gtk/assets-orange/scale-vert-marks-before-slider-disabled-dark@2.png b/src/src/assets/gtk/assets-orange/scale-vert-marks-before-slider-disabled-dark@2.png new file mode 100644 index 00000000..df82d552 Binary files /dev/null and b/src/src/assets/gtk/assets-orange/scale-vert-marks-before-slider-disabled-dark@2.png differ diff --git a/src/src/assets/gtk/assets-orange/scale-vert-marks-before-slider-disabled.png b/src/src/assets/gtk/assets-orange/scale-vert-marks-before-slider-disabled.png new file mode 100644 index 00000000..2d7e901f Binary files /dev/null and b/src/src/assets/gtk/assets-orange/scale-vert-marks-before-slider-disabled.png differ diff --git a/src/src/assets/gtk/assets-orange/scale-vert-marks-before-slider-disabled@2.png b/src/src/assets/gtk/assets-orange/scale-vert-marks-before-slider-disabled@2.png new file mode 100644 index 00000000..198caef7 Binary files /dev/null and b/src/src/assets/gtk/assets-orange/scale-vert-marks-before-slider-disabled@2.png differ diff --git a/src/src/assets/gtk/assets-orange/scale-vert-marks-before-slider.png b/src/src/assets/gtk/assets-orange/scale-vert-marks-before-slider.png new file mode 100644 index 00000000..d9f4829c Binary files /dev/null and b/src/src/assets/gtk/assets-orange/scale-vert-marks-before-slider.png differ diff --git a/src/src/assets/gtk/assets-orange/scale-vert-marks-before-slider@2.png b/src/src/assets/gtk/assets-orange/scale-vert-marks-before-slider@2.png new file mode 100644 index 00000000..6cc301d5 Binary files /dev/null and b/src/src/assets/gtk/assets-orange/scale-vert-marks-before-slider@2.png differ diff --git a/src/src/assets/gtk/assets-orange/selectionmode-checkbox-checked-dark.png b/src/src/assets/gtk/assets-orange/selectionmode-checkbox-checked-dark.png new file mode 100644 index 00000000..e27589b9 Binary files /dev/null and b/src/src/assets/gtk/assets-orange/selectionmode-checkbox-checked-dark.png differ diff --git a/src/src/assets/gtk/assets-orange/selectionmode-checkbox-checked-dark@2.png b/src/src/assets/gtk/assets-orange/selectionmode-checkbox-checked-dark@2.png new file mode 100644 index 00000000..3e23fd75 Binary files /dev/null and b/src/src/assets/gtk/assets-orange/selectionmode-checkbox-checked-dark@2.png differ diff --git a/src/src/assets/gtk/assets-orange/selectionmode-checkbox-checked.png b/src/src/assets/gtk/assets-orange/selectionmode-checkbox-checked.png new file mode 100644 index 00000000..e289a3a2 Binary files /dev/null and b/src/src/assets/gtk/assets-orange/selectionmode-checkbox-checked.png differ diff --git a/src/src/assets/gtk/assets-orange/selectionmode-checkbox-checked@2.png b/src/src/assets/gtk/assets-orange/selectionmode-checkbox-checked@2.png new file mode 100644 index 00000000..90b28f77 Binary files /dev/null and b/src/src/assets/gtk/assets-orange/selectionmode-checkbox-checked@2.png differ diff --git a/src/src/assets/gtk/assets-orange/selectionmode-checkbox-unchecked-dark.png b/src/src/assets/gtk/assets-orange/selectionmode-checkbox-unchecked-dark.png new file mode 100644 index 00000000..f6b914e5 Binary files /dev/null and b/src/src/assets/gtk/assets-orange/selectionmode-checkbox-unchecked-dark.png differ diff --git a/src/src/assets/gtk/assets-orange/selectionmode-checkbox-unchecked-dark@2.png b/src/src/assets/gtk/assets-orange/selectionmode-checkbox-unchecked-dark@2.png new file mode 100644 index 00000000..29ecf2b8 Binary files /dev/null and b/src/src/assets/gtk/assets-orange/selectionmode-checkbox-unchecked-dark@2.png differ diff --git a/src/src/assets/gtk/assets-orange/selectionmode-checkbox-unchecked.png b/src/src/assets/gtk/assets-orange/selectionmode-checkbox-unchecked.png new file mode 100644 index 00000000..40ff92e0 Binary files /dev/null and b/src/src/assets/gtk/assets-orange/selectionmode-checkbox-unchecked.png differ diff --git a/src/src/assets/gtk/assets-orange/selectionmode-checkbox-unchecked@2.png b/src/src/assets/gtk/assets-orange/selectionmode-checkbox-unchecked@2.png new file mode 100644 index 00000000..8e87ea7e Binary files /dev/null and b/src/src/assets/gtk/assets-orange/selectionmode-checkbox-unchecked@2.png differ diff --git a/src/src/assets/gtk/assets-pink-nord.svg b/src/src/assets/gtk/assets-pink-nord.svg new file mode 100644 index 00000000..806cf393 --- /dev/null +++ b/src/src/assets/gtk/assets-pink-nord.svg @@ -0,0 +1,84 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/src/assets/gtk/assets-pink-nord/scale-horz-marks-after-slider-dark.png b/src/src/assets/gtk/assets-pink-nord/scale-horz-marks-after-slider-dark.png new file mode 100644 index 00000000..2eec666e Binary files /dev/null and b/src/src/assets/gtk/assets-pink-nord/scale-horz-marks-after-slider-dark.png differ diff --git a/src/src/assets/gtk/assets-pink-nord/scale-horz-marks-after-slider-dark@2.png b/src/src/assets/gtk/assets-pink-nord/scale-horz-marks-after-slider-dark@2.png new file mode 100644 index 00000000..1d4f6466 Binary files /dev/null and b/src/src/assets/gtk/assets-pink-nord/scale-horz-marks-after-slider-dark@2.png differ diff --git a/src/src/assets/gtk/assets-pink-nord/scale-horz-marks-after-slider-disabled-dark.png b/src/src/assets/gtk/assets-pink-nord/scale-horz-marks-after-slider-disabled-dark.png new file mode 100644 index 00000000..76528ec2 Binary files /dev/null and b/src/src/assets/gtk/assets-pink-nord/scale-horz-marks-after-slider-disabled-dark.png differ diff --git a/src/src/assets/gtk/assets-pink-nord/scale-horz-marks-after-slider-disabled-dark@2.png b/src/src/assets/gtk/assets-pink-nord/scale-horz-marks-after-slider-disabled-dark@2.png new file mode 100644 index 00000000..21af7ff1 Binary files /dev/null and b/src/src/assets/gtk/assets-pink-nord/scale-horz-marks-after-slider-disabled-dark@2.png differ diff --git a/src/src/assets/gtk/assets-pink-nord/scale-horz-marks-after-slider-disabled.png b/src/src/assets/gtk/assets-pink-nord/scale-horz-marks-after-slider-disabled.png new file mode 100644 index 00000000..66400a34 Binary files /dev/null and b/src/src/assets/gtk/assets-pink-nord/scale-horz-marks-after-slider-disabled.png differ diff --git a/src/src/assets/gtk/assets-pink-nord/scale-horz-marks-after-slider-disabled@2.png b/src/src/assets/gtk/assets-pink-nord/scale-horz-marks-after-slider-disabled@2.png new file mode 100644 index 00000000..07961f1e Binary files /dev/null and b/src/src/assets/gtk/assets-pink-nord/scale-horz-marks-after-slider-disabled@2.png differ diff --git a/src/src/assets/gtk/assets-pink-nord/scale-horz-marks-after-slider.png b/src/src/assets/gtk/assets-pink-nord/scale-horz-marks-after-slider.png new file mode 100644 index 00000000..456dec77 Binary files /dev/null and b/src/src/assets/gtk/assets-pink-nord/scale-horz-marks-after-slider.png differ diff --git a/src/src/assets/gtk/assets-pink-nord/scale-horz-marks-after-slider@2.png b/src/src/assets/gtk/assets-pink-nord/scale-horz-marks-after-slider@2.png new file mode 100644 index 00000000..1fa7d227 Binary files /dev/null and b/src/src/assets/gtk/assets-pink-nord/scale-horz-marks-after-slider@2.png differ diff --git a/src/src/assets/gtk/assets-pink-nord/scale-horz-marks-before-slider-dark.png b/src/src/assets/gtk/assets-pink-nord/scale-horz-marks-before-slider-dark.png new file mode 100644 index 00000000..9e399f1c Binary files /dev/null and b/src/src/assets/gtk/assets-pink-nord/scale-horz-marks-before-slider-dark.png differ diff --git a/src/src/assets/gtk/assets-pink-nord/scale-horz-marks-before-slider-dark@2.png b/src/src/assets/gtk/assets-pink-nord/scale-horz-marks-before-slider-dark@2.png new file mode 100644 index 00000000..9997ab75 Binary files /dev/null and b/src/src/assets/gtk/assets-pink-nord/scale-horz-marks-before-slider-dark@2.png differ diff --git a/src/src/assets/gtk/assets-pink-nord/scale-horz-marks-before-slider-disabled-dark.png b/src/src/assets/gtk/assets-pink-nord/scale-horz-marks-before-slider-disabled-dark.png new file mode 100644 index 00000000..35e79466 Binary files /dev/null and b/src/src/assets/gtk/assets-pink-nord/scale-horz-marks-before-slider-disabled-dark.png differ diff --git a/src/src/assets/gtk/assets-pink-nord/scale-horz-marks-before-slider-disabled-dark@2.png b/src/src/assets/gtk/assets-pink-nord/scale-horz-marks-before-slider-disabled-dark@2.png new file mode 100644 index 00000000..331d571d Binary files /dev/null and b/src/src/assets/gtk/assets-pink-nord/scale-horz-marks-before-slider-disabled-dark@2.png differ diff --git a/src/src/assets/gtk/assets-pink-nord/scale-horz-marks-before-slider-disabled.png b/src/src/assets/gtk/assets-pink-nord/scale-horz-marks-before-slider-disabled.png new file mode 100644 index 00000000..543ca064 Binary files /dev/null and b/src/src/assets/gtk/assets-pink-nord/scale-horz-marks-before-slider-disabled.png differ diff --git a/src/src/assets/gtk/assets-pink-nord/scale-horz-marks-before-slider-disabled@2.png b/src/src/assets/gtk/assets-pink-nord/scale-horz-marks-before-slider-disabled@2.png new file mode 100644 index 00000000..d4519eb0 Binary files /dev/null and b/src/src/assets/gtk/assets-pink-nord/scale-horz-marks-before-slider-disabled@2.png differ diff --git a/src/src/assets/gtk/assets-pink-nord/scale-horz-marks-before-slider.png b/src/src/assets/gtk/assets-pink-nord/scale-horz-marks-before-slider.png new file mode 100644 index 00000000..173b56fa Binary files /dev/null and b/src/src/assets/gtk/assets-pink-nord/scale-horz-marks-before-slider.png differ diff --git a/src/src/assets/gtk/assets-pink-nord/scale-horz-marks-before-slider@2.png b/src/src/assets/gtk/assets-pink-nord/scale-horz-marks-before-slider@2.png new file mode 100644 index 00000000..462fd163 Binary files /dev/null and b/src/src/assets/gtk/assets-pink-nord/scale-horz-marks-before-slider@2.png differ diff --git a/src/src/assets/gtk/assets-pink-nord/scale-vert-marks-after-slider-dark.png b/src/src/assets/gtk/assets-pink-nord/scale-vert-marks-after-slider-dark.png new file mode 100644 index 00000000..0ba9199e Binary files /dev/null and b/src/src/assets/gtk/assets-pink-nord/scale-vert-marks-after-slider-dark.png differ diff --git a/src/src/assets/gtk/assets-pink-nord/scale-vert-marks-after-slider-dark@2.png b/src/src/assets/gtk/assets-pink-nord/scale-vert-marks-after-slider-dark@2.png new file mode 100644 index 00000000..710bc08a Binary files /dev/null and b/src/src/assets/gtk/assets-pink-nord/scale-vert-marks-after-slider-dark@2.png differ diff --git a/src/src/assets/gtk/assets-pink-nord/scale-vert-marks-after-slider-disabled-dark.png b/src/src/assets/gtk/assets-pink-nord/scale-vert-marks-after-slider-disabled-dark.png new file mode 100644 index 00000000..af621aa3 Binary files /dev/null and b/src/src/assets/gtk/assets-pink-nord/scale-vert-marks-after-slider-disabled-dark.png differ diff --git a/src/src/assets/gtk/assets-pink-nord/scale-vert-marks-after-slider-disabled-dark@2.png b/src/src/assets/gtk/assets-pink-nord/scale-vert-marks-after-slider-disabled-dark@2.png new file mode 100644 index 00000000..174a1305 Binary files /dev/null and b/src/src/assets/gtk/assets-pink-nord/scale-vert-marks-after-slider-disabled-dark@2.png differ diff --git a/src/src/assets/gtk/assets-pink-nord/scale-vert-marks-after-slider-disabled.png b/src/src/assets/gtk/assets-pink-nord/scale-vert-marks-after-slider-disabled.png new file mode 100644 index 00000000..d86b722d Binary files /dev/null and b/src/src/assets/gtk/assets-pink-nord/scale-vert-marks-after-slider-disabled.png differ diff --git a/src/src/assets/gtk/assets-pink-nord/scale-vert-marks-after-slider-disabled@2.png b/src/src/assets/gtk/assets-pink-nord/scale-vert-marks-after-slider-disabled@2.png new file mode 100644 index 00000000..0e4e1432 Binary files /dev/null and b/src/src/assets/gtk/assets-pink-nord/scale-vert-marks-after-slider-disabled@2.png differ diff --git a/src/src/assets/gtk/assets-pink-nord/scale-vert-marks-after-slider.png b/src/src/assets/gtk/assets-pink-nord/scale-vert-marks-after-slider.png new file mode 100644 index 00000000..f4e21819 Binary files /dev/null and b/src/src/assets/gtk/assets-pink-nord/scale-vert-marks-after-slider.png differ diff --git a/src/src/assets/gtk/assets-pink-nord/scale-vert-marks-after-slider@2.png b/src/src/assets/gtk/assets-pink-nord/scale-vert-marks-after-slider@2.png new file mode 100644 index 00000000..fa3e3848 Binary files /dev/null and b/src/src/assets/gtk/assets-pink-nord/scale-vert-marks-after-slider@2.png differ diff --git a/src/src/assets/gtk/assets-pink-nord/scale-vert-marks-before-slider-dark.png b/src/src/assets/gtk/assets-pink-nord/scale-vert-marks-before-slider-dark.png new file mode 100644 index 00000000..845d4210 Binary files /dev/null and b/src/src/assets/gtk/assets-pink-nord/scale-vert-marks-before-slider-dark.png differ diff --git a/src/src/assets/gtk/assets-pink-nord/scale-vert-marks-before-slider-dark@2.png b/src/src/assets/gtk/assets-pink-nord/scale-vert-marks-before-slider-dark@2.png new file mode 100644 index 00000000..0cacc37e Binary files /dev/null and b/src/src/assets/gtk/assets-pink-nord/scale-vert-marks-before-slider-dark@2.png differ diff --git a/src/src/assets/gtk/assets-pink-nord/scale-vert-marks-before-slider-disabled-dark.png b/src/src/assets/gtk/assets-pink-nord/scale-vert-marks-before-slider-disabled-dark.png new file mode 100644 index 00000000..2fa17f70 Binary files /dev/null and b/src/src/assets/gtk/assets-pink-nord/scale-vert-marks-before-slider-disabled-dark.png differ diff --git a/src/src/assets/gtk/assets-pink-nord/scale-vert-marks-before-slider-disabled-dark@2.png b/src/src/assets/gtk/assets-pink-nord/scale-vert-marks-before-slider-disabled-dark@2.png new file mode 100644 index 00000000..675e19de Binary files /dev/null and b/src/src/assets/gtk/assets-pink-nord/scale-vert-marks-before-slider-disabled-dark@2.png differ diff --git a/src/src/assets/gtk/assets-pink-nord/scale-vert-marks-before-slider-disabled.png b/src/src/assets/gtk/assets-pink-nord/scale-vert-marks-before-slider-disabled.png new file mode 100644 index 00000000..572ffe10 Binary files /dev/null and b/src/src/assets/gtk/assets-pink-nord/scale-vert-marks-before-slider-disabled.png differ diff --git a/src/src/assets/gtk/assets-pink-nord/scale-vert-marks-before-slider-disabled@2.png b/src/src/assets/gtk/assets-pink-nord/scale-vert-marks-before-slider-disabled@2.png new file mode 100644 index 00000000..d23f5b6a Binary files /dev/null and b/src/src/assets/gtk/assets-pink-nord/scale-vert-marks-before-slider-disabled@2.png differ diff --git a/src/src/assets/gtk/assets-pink-nord/scale-vert-marks-before-slider.png b/src/src/assets/gtk/assets-pink-nord/scale-vert-marks-before-slider.png new file mode 100644 index 00000000..ac8581f6 Binary files /dev/null and b/src/src/assets/gtk/assets-pink-nord/scale-vert-marks-before-slider.png differ diff --git a/src/src/assets/gtk/assets-pink-nord/scale-vert-marks-before-slider@2.png b/src/src/assets/gtk/assets-pink-nord/scale-vert-marks-before-slider@2.png new file mode 100644 index 00000000..d319a496 Binary files /dev/null and b/src/src/assets/gtk/assets-pink-nord/scale-vert-marks-before-slider@2.png differ diff --git a/src/src/assets/gtk/assets-pink-nord/selectionmode-checkbox-checked-dark.png b/src/src/assets/gtk/assets-pink-nord/selectionmode-checkbox-checked-dark.png new file mode 100644 index 00000000..640282da Binary files /dev/null and b/src/src/assets/gtk/assets-pink-nord/selectionmode-checkbox-checked-dark.png differ diff --git a/src/src/assets/gtk/assets-pink-nord/selectionmode-checkbox-checked-dark@2.png b/src/src/assets/gtk/assets-pink-nord/selectionmode-checkbox-checked-dark@2.png new file mode 100644 index 00000000..09cb5888 Binary files /dev/null and b/src/src/assets/gtk/assets-pink-nord/selectionmode-checkbox-checked-dark@2.png differ diff --git a/src/src/assets/gtk/assets-pink-nord/selectionmode-checkbox-checked.png b/src/src/assets/gtk/assets-pink-nord/selectionmode-checkbox-checked.png new file mode 100644 index 00000000..568d44ca Binary files /dev/null and b/src/src/assets/gtk/assets-pink-nord/selectionmode-checkbox-checked.png differ diff --git a/src/src/assets/gtk/assets-pink-nord/selectionmode-checkbox-checked@2.png b/src/src/assets/gtk/assets-pink-nord/selectionmode-checkbox-checked@2.png new file mode 100644 index 00000000..02b3d61b Binary files /dev/null and b/src/src/assets/gtk/assets-pink-nord/selectionmode-checkbox-checked@2.png differ diff --git a/src/src/assets/gtk/assets-pink-nord/selectionmode-checkbox-unchecked-dark.png b/src/src/assets/gtk/assets-pink-nord/selectionmode-checkbox-unchecked-dark.png new file mode 100644 index 00000000..c27927d5 Binary files /dev/null and b/src/src/assets/gtk/assets-pink-nord/selectionmode-checkbox-unchecked-dark.png differ diff --git a/src/src/assets/gtk/assets-pink-nord/selectionmode-checkbox-unchecked-dark@2.png b/src/src/assets/gtk/assets-pink-nord/selectionmode-checkbox-unchecked-dark@2.png new file mode 100644 index 00000000..e5748d7d Binary files /dev/null and b/src/src/assets/gtk/assets-pink-nord/selectionmode-checkbox-unchecked-dark@2.png differ diff --git a/src/src/assets/gtk/assets-pink-nord/selectionmode-checkbox-unchecked.png b/src/src/assets/gtk/assets-pink-nord/selectionmode-checkbox-unchecked.png new file mode 100644 index 00000000..40ff92e0 Binary files /dev/null and b/src/src/assets/gtk/assets-pink-nord/selectionmode-checkbox-unchecked.png differ diff --git a/src/src/assets/gtk/assets-pink-nord/selectionmode-checkbox-unchecked@2.png b/src/src/assets/gtk/assets-pink-nord/selectionmode-checkbox-unchecked@2.png new file mode 100644 index 00000000..8e87ea7e Binary files /dev/null and b/src/src/assets/gtk/assets-pink-nord/selectionmode-checkbox-unchecked@2.png differ diff --git a/src/src/assets/gtk/assets-pink.svg b/src/src/assets/gtk/assets-pink.svg new file mode 100644 index 00000000..abd7fd8a --- /dev/null +++ b/src/src/assets/gtk/assets-pink.svg @@ -0,0 +1,505 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/src/assets/gtk/assets-pink/scale-horz-marks-after-slider-dark.png b/src/src/assets/gtk/assets-pink/scale-horz-marks-after-slider-dark.png new file mode 100644 index 00000000..0fdbbcbb Binary files /dev/null and b/src/src/assets/gtk/assets-pink/scale-horz-marks-after-slider-dark.png differ diff --git a/src/src/assets/gtk/assets-pink/scale-horz-marks-after-slider-dark@2.png b/src/src/assets/gtk/assets-pink/scale-horz-marks-after-slider-dark@2.png new file mode 100644 index 00000000..f3ed9867 Binary files /dev/null and b/src/src/assets/gtk/assets-pink/scale-horz-marks-after-slider-dark@2.png differ diff --git a/src/src/assets/gtk/assets-pink/scale-horz-marks-after-slider-disabled-dark.png b/src/src/assets/gtk/assets-pink/scale-horz-marks-after-slider-disabled-dark.png new file mode 100644 index 00000000..89981595 Binary files /dev/null and b/src/src/assets/gtk/assets-pink/scale-horz-marks-after-slider-disabled-dark.png differ diff --git a/src/src/assets/gtk/assets-pink/scale-horz-marks-after-slider-disabled-dark@2.png b/src/src/assets/gtk/assets-pink/scale-horz-marks-after-slider-disabled-dark@2.png new file mode 100644 index 00000000..cdbea94e Binary files /dev/null and b/src/src/assets/gtk/assets-pink/scale-horz-marks-after-slider-disabled-dark@2.png differ diff --git a/src/src/assets/gtk/assets-pink/scale-horz-marks-after-slider-disabled.png b/src/src/assets/gtk/assets-pink/scale-horz-marks-after-slider-disabled.png new file mode 100644 index 00000000..384a65a2 Binary files /dev/null and b/src/src/assets/gtk/assets-pink/scale-horz-marks-after-slider-disabled.png differ diff --git a/src/src/assets/gtk/assets-pink/scale-horz-marks-after-slider-disabled@2.png b/src/src/assets/gtk/assets-pink/scale-horz-marks-after-slider-disabled@2.png new file mode 100644 index 00000000..597db6d2 Binary files /dev/null and b/src/src/assets/gtk/assets-pink/scale-horz-marks-after-slider-disabled@2.png differ diff --git a/src/src/assets/gtk/assets-pink/scale-horz-marks-after-slider.png b/src/src/assets/gtk/assets-pink/scale-horz-marks-after-slider.png new file mode 100644 index 00000000..7e0ad30b Binary files /dev/null and b/src/src/assets/gtk/assets-pink/scale-horz-marks-after-slider.png differ diff --git a/src/src/assets/gtk/assets-pink/scale-horz-marks-after-slider@2.png b/src/src/assets/gtk/assets-pink/scale-horz-marks-after-slider@2.png new file mode 100644 index 00000000..6cda3fc3 Binary files /dev/null and b/src/src/assets/gtk/assets-pink/scale-horz-marks-after-slider@2.png differ diff --git a/src/src/assets/gtk/assets-pink/scale-horz-marks-before-slider-dark.png b/src/src/assets/gtk/assets-pink/scale-horz-marks-before-slider-dark.png new file mode 100644 index 00000000..b97a4082 Binary files /dev/null and b/src/src/assets/gtk/assets-pink/scale-horz-marks-before-slider-dark.png differ diff --git a/src/src/assets/gtk/assets-pink/scale-horz-marks-before-slider-dark@2.png b/src/src/assets/gtk/assets-pink/scale-horz-marks-before-slider-dark@2.png new file mode 100644 index 00000000..ab4cafcb Binary files /dev/null and b/src/src/assets/gtk/assets-pink/scale-horz-marks-before-slider-dark@2.png differ diff --git a/src/src/assets/gtk/assets-pink/scale-horz-marks-before-slider-disabled-dark.png b/src/src/assets/gtk/assets-pink/scale-horz-marks-before-slider-disabled-dark.png new file mode 100644 index 00000000..5700c878 Binary files /dev/null and b/src/src/assets/gtk/assets-pink/scale-horz-marks-before-slider-disabled-dark.png differ diff --git a/src/src/assets/gtk/assets-pink/scale-horz-marks-before-slider-disabled-dark@2.png b/src/src/assets/gtk/assets-pink/scale-horz-marks-before-slider-disabled-dark@2.png new file mode 100644 index 00000000..ef1d3a53 Binary files /dev/null and b/src/src/assets/gtk/assets-pink/scale-horz-marks-before-slider-disabled-dark@2.png differ diff --git a/src/src/assets/gtk/assets-pink/scale-horz-marks-before-slider-disabled.png b/src/src/assets/gtk/assets-pink/scale-horz-marks-before-slider-disabled.png new file mode 100644 index 00000000..6e2afa46 Binary files /dev/null and b/src/src/assets/gtk/assets-pink/scale-horz-marks-before-slider-disabled.png differ diff --git a/src/src/assets/gtk/assets-pink/scale-horz-marks-before-slider-disabled@2.png b/src/src/assets/gtk/assets-pink/scale-horz-marks-before-slider-disabled@2.png new file mode 100644 index 00000000..927739b4 Binary files /dev/null and b/src/src/assets/gtk/assets-pink/scale-horz-marks-before-slider-disabled@2.png differ diff --git a/src/src/assets/gtk/assets-pink/scale-horz-marks-before-slider.png b/src/src/assets/gtk/assets-pink/scale-horz-marks-before-slider.png new file mode 100644 index 00000000..e132964b Binary files /dev/null and b/src/src/assets/gtk/assets-pink/scale-horz-marks-before-slider.png differ diff --git a/src/src/assets/gtk/assets-pink/scale-horz-marks-before-slider@2.png b/src/src/assets/gtk/assets-pink/scale-horz-marks-before-slider@2.png new file mode 100644 index 00000000..ea263dc4 Binary files /dev/null and b/src/src/assets/gtk/assets-pink/scale-horz-marks-before-slider@2.png differ diff --git a/src/src/assets/gtk/assets-pink/scale-vert-marks-after-slider-dark.png b/src/src/assets/gtk/assets-pink/scale-vert-marks-after-slider-dark.png new file mode 100644 index 00000000..e9816c29 Binary files /dev/null and b/src/src/assets/gtk/assets-pink/scale-vert-marks-after-slider-dark.png differ diff --git a/src/src/assets/gtk/assets-pink/scale-vert-marks-after-slider-dark@2.png b/src/src/assets/gtk/assets-pink/scale-vert-marks-after-slider-dark@2.png new file mode 100644 index 00000000..df2aaa5e Binary files /dev/null and b/src/src/assets/gtk/assets-pink/scale-vert-marks-after-slider-dark@2.png differ diff --git a/src/src/assets/gtk/assets-pink/scale-vert-marks-after-slider-disabled-dark.png b/src/src/assets/gtk/assets-pink/scale-vert-marks-after-slider-disabled-dark.png new file mode 100644 index 00000000..367da8e4 Binary files /dev/null and b/src/src/assets/gtk/assets-pink/scale-vert-marks-after-slider-disabled-dark.png differ diff --git a/src/src/assets/gtk/assets-pink/scale-vert-marks-after-slider-disabled-dark@2.png b/src/src/assets/gtk/assets-pink/scale-vert-marks-after-slider-disabled-dark@2.png new file mode 100644 index 00000000..689e8ea2 Binary files /dev/null and b/src/src/assets/gtk/assets-pink/scale-vert-marks-after-slider-disabled-dark@2.png differ diff --git a/src/src/assets/gtk/assets-pink/scale-vert-marks-after-slider-disabled.png b/src/src/assets/gtk/assets-pink/scale-vert-marks-after-slider-disabled.png new file mode 100644 index 00000000..0bef1ea0 Binary files /dev/null and b/src/src/assets/gtk/assets-pink/scale-vert-marks-after-slider-disabled.png differ diff --git a/src/src/assets/gtk/assets-pink/scale-vert-marks-after-slider-disabled@2.png b/src/src/assets/gtk/assets-pink/scale-vert-marks-after-slider-disabled@2.png new file mode 100644 index 00000000..5a002cdf Binary files /dev/null and b/src/src/assets/gtk/assets-pink/scale-vert-marks-after-slider-disabled@2.png differ diff --git a/src/src/assets/gtk/assets-pink/scale-vert-marks-after-slider.png b/src/src/assets/gtk/assets-pink/scale-vert-marks-after-slider.png new file mode 100644 index 00000000..16a8735c Binary files /dev/null and b/src/src/assets/gtk/assets-pink/scale-vert-marks-after-slider.png differ diff --git a/src/src/assets/gtk/assets-pink/scale-vert-marks-after-slider@2.png b/src/src/assets/gtk/assets-pink/scale-vert-marks-after-slider@2.png new file mode 100644 index 00000000..9929902f Binary files /dev/null and b/src/src/assets/gtk/assets-pink/scale-vert-marks-after-slider@2.png differ diff --git a/src/src/assets/gtk/assets-pink/scale-vert-marks-before-slider-dark.png b/src/src/assets/gtk/assets-pink/scale-vert-marks-before-slider-dark.png new file mode 100644 index 00000000..736d2853 Binary files /dev/null and b/src/src/assets/gtk/assets-pink/scale-vert-marks-before-slider-dark.png differ diff --git a/src/src/assets/gtk/assets-pink/scale-vert-marks-before-slider-dark@2.png b/src/src/assets/gtk/assets-pink/scale-vert-marks-before-slider-dark@2.png new file mode 100644 index 00000000..c2b8d4df Binary files /dev/null and b/src/src/assets/gtk/assets-pink/scale-vert-marks-before-slider-dark@2.png differ diff --git a/src/src/assets/gtk/assets-pink/scale-vert-marks-before-slider-disabled-dark.png b/src/src/assets/gtk/assets-pink/scale-vert-marks-before-slider-disabled-dark.png new file mode 100644 index 00000000..bef17a57 Binary files /dev/null and b/src/src/assets/gtk/assets-pink/scale-vert-marks-before-slider-disabled-dark.png differ diff --git a/src/src/assets/gtk/assets-pink/scale-vert-marks-before-slider-disabled-dark@2.png b/src/src/assets/gtk/assets-pink/scale-vert-marks-before-slider-disabled-dark@2.png new file mode 100644 index 00000000..1fb96285 Binary files /dev/null and b/src/src/assets/gtk/assets-pink/scale-vert-marks-before-slider-disabled-dark@2.png differ diff --git a/src/src/assets/gtk/assets-pink/scale-vert-marks-before-slider-disabled.png b/src/src/assets/gtk/assets-pink/scale-vert-marks-before-slider-disabled.png new file mode 100644 index 00000000..4bcda0a6 Binary files /dev/null and b/src/src/assets/gtk/assets-pink/scale-vert-marks-before-slider-disabled.png differ diff --git a/src/src/assets/gtk/assets-pink/scale-vert-marks-before-slider-disabled@2.png b/src/src/assets/gtk/assets-pink/scale-vert-marks-before-slider-disabled@2.png new file mode 100644 index 00000000..c09d0132 Binary files /dev/null and b/src/src/assets/gtk/assets-pink/scale-vert-marks-before-slider-disabled@2.png differ diff --git a/src/src/assets/gtk/assets-pink/scale-vert-marks-before-slider.png b/src/src/assets/gtk/assets-pink/scale-vert-marks-before-slider.png new file mode 100644 index 00000000..124dbbc6 Binary files /dev/null and b/src/src/assets/gtk/assets-pink/scale-vert-marks-before-slider.png differ diff --git a/src/src/assets/gtk/assets-pink/scale-vert-marks-before-slider@2.png b/src/src/assets/gtk/assets-pink/scale-vert-marks-before-slider@2.png new file mode 100644 index 00000000..9a8b993f Binary files /dev/null and b/src/src/assets/gtk/assets-pink/scale-vert-marks-before-slider@2.png differ diff --git a/src/src/assets/gtk/assets-pink/selectionmode-checkbox-checked-dark.png b/src/src/assets/gtk/assets-pink/selectionmode-checkbox-checked-dark.png new file mode 100644 index 00000000..cf805740 Binary files /dev/null and b/src/src/assets/gtk/assets-pink/selectionmode-checkbox-checked-dark.png differ diff --git a/src/src/assets/gtk/assets-pink/selectionmode-checkbox-checked-dark@2.png b/src/src/assets/gtk/assets-pink/selectionmode-checkbox-checked-dark@2.png new file mode 100644 index 00000000..35428993 Binary files /dev/null and b/src/src/assets/gtk/assets-pink/selectionmode-checkbox-checked-dark@2.png differ diff --git a/src/src/assets/gtk/assets-pink/selectionmode-checkbox-checked.png b/src/src/assets/gtk/assets-pink/selectionmode-checkbox-checked.png new file mode 100644 index 00000000..6d64ca30 Binary files /dev/null and b/src/src/assets/gtk/assets-pink/selectionmode-checkbox-checked.png differ diff --git a/src/src/assets/gtk/assets-pink/selectionmode-checkbox-checked@2.png b/src/src/assets/gtk/assets-pink/selectionmode-checkbox-checked@2.png new file mode 100644 index 00000000..e35d54e8 Binary files /dev/null and b/src/src/assets/gtk/assets-pink/selectionmode-checkbox-checked@2.png differ diff --git a/src/src/assets/gtk/assets-pink/selectionmode-checkbox-unchecked-dark.png b/src/src/assets/gtk/assets-pink/selectionmode-checkbox-unchecked-dark.png new file mode 100644 index 00000000..f6b914e5 Binary files /dev/null and b/src/src/assets/gtk/assets-pink/selectionmode-checkbox-unchecked-dark.png differ diff --git a/src/src/assets/gtk/assets-pink/selectionmode-checkbox-unchecked-dark@2.png b/src/src/assets/gtk/assets-pink/selectionmode-checkbox-unchecked-dark@2.png new file mode 100644 index 00000000..29ecf2b8 Binary files /dev/null and b/src/src/assets/gtk/assets-pink/selectionmode-checkbox-unchecked-dark@2.png differ diff --git a/src/src/assets/gtk/assets-pink/selectionmode-checkbox-unchecked.png b/src/src/assets/gtk/assets-pink/selectionmode-checkbox-unchecked.png new file mode 100644 index 00000000..40ff92e0 Binary files /dev/null and b/src/src/assets/gtk/assets-pink/selectionmode-checkbox-unchecked.png differ diff --git a/src/src/assets/gtk/assets-pink/selectionmode-checkbox-unchecked@2.png b/src/src/assets/gtk/assets-pink/selectionmode-checkbox-unchecked@2.png new file mode 100644 index 00000000..8e87ea7e Binary files /dev/null and b/src/src/assets/gtk/assets-pink/selectionmode-checkbox-unchecked@2.png differ diff --git a/src/src/assets/gtk/assets-purple-nord.svg b/src/src/assets/gtk/assets-purple-nord.svg new file mode 100644 index 00000000..c51678db --- /dev/null +++ b/src/src/assets/gtk/assets-purple-nord.svg @@ -0,0 +1,84 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/src/assets/gtk/assets-purple-nord/scale-horz-marks-after-slider-dark.png b/src/src/assets/gtk/assets-purple-nord/scale-horz-marks-after-slider-dark.png new file mode 100644 index 00000000..5bfa9223 Binary files /dev/null and b/src/src/assets/gtk/assets-purple-nord/scale-horz-marks-after-slider-dark.png differ diff --git a/src/src/assets/gtk/assets-purple-nord/scale-horz-marks-after-slider-dark@2.png b/src/src/assets/gtk/assets-purple-nord/scale-horz-marks-after-slider-dark@2.png new file mode 100644 index 00000000..6fba9eae Binary files /dev/null and b/src/src/assets/gtk/assets-purple-nord/scale-horz-marks-after-slider-dark@2.png differ diff --git a/src/src/assets/gtk/assets-purple-nord/scale-horz-marks-after-slider-disabled-dark.png b/src/src/assets/gtk/assets-purple-nord/scale-horz-marks-after-slider-disabled-dark.png new file mode 100644 index 00000000..06347d9a Binary files /dev/null and b/src/src/assets/gtk/assets-purple-nord/scale-horz-marks-after-slider-disabled-dark.png differ diff --git a/src/src/assets/gtk/assets-purple-nord/scale-horz-marks-after-slider-disabled-dark@2.png b/src/src/assets/gtk/assets-purple-nord/scale-horz-marks-after-slider-disabled-dark@2.png new file mode 100644 index 00000000..627868ef Binary files /dev/null and b/src/src/assets/gtk/assets-purple-nord/scale-horz-marks-after-slider-disabled-dark@2.png differ diff --git a/src/src/assets/gtk/assets-purple-nord/scale-horz-marks-after-slider-disabled.png b/src/src/assets/gtk/assets-purple-nord/scale-horz-marks-after-slider-disabled.png new file mode 100644 index 00000000..73d37487 Binary files /dev/null and b/src/src/assets/gtk/assets-purple-nord/scale-horz-marks-after-slider-disabled.png differ diff --git a/src/src/assets/gtk/assets-purple-nord/scale-horz-marks-after-slider-disabled@2.png b/src/src/assets/gtk/assets-purple-nord/scale-horz-marks-after-slider-disabled@2.png new file mode 100644 index 00000000..a32a620d Binary files /dev/null and b/src/src/assets/gtk/assets-purple-nord/scale-horz-marks-after-slider-disabled@2.png differ diff --git a/src/src/assets/gtk/assets-purple-nord/scale-horz-marks-after-slider.png b/src/src/assets/gtk/assets-purple-nord/scale-horz-marks-after-slider.png new file mode 100644 index 00000000..01f4fe07 Binary files /dev/null and b/src/src/assets/gtk/assets-purple-nord/scale-horz-marks-after-slider.png differ diff --git a/src/src/assets/gtk/assets-purple-nord/scale-horz-marks-after-slider@2.png b/src/src/assets/gtk/assets-purple-nord/scale-horz-marks-after-slider@2.png new file mode 100644 index 00000000..7ce7dd0d Binary files /dev/null and b/src/src/assets/gtk/assets-purple-nord/scale-horz-marks-after-slider@2.png differ diff --git a/src/src/assets/gtk/assets-purple-nord/scale-horz-marks-before-slider-dark.png b/src/src/assets/gtk/assets-purple-nord/scale-horz-marks-before-slider-dark.png new file mode 100644 index 00000000..7ccc4f66 Binary files /dev/null and b/src/src/assets/gtk/assets-purple-nord/scale-horz-marks-before-slider-dark.png differ diff --git a/src/src/assets/gtk/assets-purple-nord/scale-horz-marks-before-slider-dark@2.png b/src/src/assets/gtk/assets-purple-nord/scale-horz-marks-before-slider-dark@2.png new file mode 100644 index 00000000..aaf40318 Binary files /dev/null and b/src/src/assets/gtk/assets-purple-nord/scale-horz-marks-before-slider-dark@2.png differ diff --git a/src/src/assets/gtk/assets-purple-nord/scale-horz-marks-before-slider-disabled-dark.png b/src/src/assets/gtk/assets-purple-nord/scale-horz-marks-before-slider-disabled-dark.png new file mode 100644 index 00000000..e8ebbcb6 Binary files /dev/null and b/src/src/assets/gtk/assets-purple-nord/scale-horz-marks-before-slider-disabled-dark.png differ diff --git a/src/src/assets/gtk/assets-purple-nord/scale-horz-marks-before-slider-disabled-dark@2.png b/src/src/assets/gtk/assets-purple-nord/scale-horz-marks-before-slider-disabled-dark@2.png new file mode 100644 index 00000000..8cd619b3 Binary files /dev/null and b/src/src/assets/gtk/assets-purple-nord/scale-horz-marks-before-slider-disabled-dark@2.png differ diff --git a/src/src/assets/gtk/assets-purple-nord/scale-horz-marks-before-slider-disabled.png b/src/src/assets/gtk/assets-purple-nord/scale-horz-marks-before-slider-disabled.png new file mode 100644 index 00000000..d8ac97c7 Binary files /dev/null and b/src/src/assets/gtk/assets-purple-nord/scale-horz-marks-before-slider-disabled.png differ diff --git a/src/src/assets/gtk/assets-purple-nord/scale-horz-marks-before-slider-disabled@2.png b/src/src/assets/gtk/assets-purple-nord/scale-horz-marks-before-slider-disabled@2.png new file mode 100644 index 00000000..c1cfa3c3 Binary files /dev/null and b/src/src/assets/gtk/assets-purple-nord/scale-horz-marks-before-slider-disabled@2.png differ diff --git a/src/src/assets/gtk/assets-purple-nord/scale-horz-marks-before-slider.png b/src/src/assets/gtk/assets-purple-nord/scale-horz-marks-before-slider.png new file mode 100644 index 00000000..5a794b6c Binary files /dev/null and b/src/src/assets/gtk/assets-purple-nord/scale-horz-marks-before-slider.png differ diff --git a/src/src/assets/gtk/assets-purple-nord/scale-horz-marks-before-slider@2.png b/src/src/assets/gtk/assets-purple-nord/scale-horz-marks-before-slider@2.png new file mode 100644 index 00000000..f1537a27 Binary files /dev/null and b/src/src/assets/gtk/assets-purple-nord/scale-horz-marks-before-slider@2.png differ diff --git a/src/src/assets/gtk/assets-purple-nord/scale-vert-marks-after-slider-dark.png b/src/src/assets/gtk/assets-purple-nord/scale-vert-marks-after-slider-dark.png new file mode 100644 index 00000000..650d11b5 Binary files /dev/null and b/src/src/assets/gtk/assets-purple-nord/scale-vert-marks-after-slider-dark.png differ diff --git a/src/src/assets/gtk/assets-purple-nord/scale-vert-marks-after-slider-dark@2.png b/src/src/assets/gtk/assets-purple-nord/scale-vert-marks-after-slider-dark@2.png new file mode 100644 index 00000000..d196d886 Binary files /dev/null and b/src/src/assets/gtk/assets-purple-nord/scale-vert-marks-after-slider-dark@2.png differ diff --git a/src/src/assets/gtk/assets-purple-nord/scale-vert-marks-after-slider-disabled-dark.png b/src/src/assets/gtk/assets-purple-nord/scale-vert-marks-after-slider-disabled-dark.png new file mode 100644 index 00000000..970df8c4 Binary files /dev/null and b/src/src/assets/gtk/assets-purple-nord/scale-vert-marks-after-slider-disabled-dark.png differ diff --git a/src/src/assets/gtk/assets-purple-nord/scale-vert-marks-after-slider-disabled-dark@2.png b/src/src/assets/gtk/assets-purple-nord/scale-vert-marks-after-slider-disabled-dark@2.png new file mode 100644 index 00000000..9de79173 Binary files /dev/null and b/src/src/assets/gtk/assets-purple-nord/scale-vert-marks-after-slider-disabled-dark@2.png differ diff --git a/src/src/assets/gtk/assets-purple-nord/scale-vert-marks-after-slider-disabled.png b/src/src/assets/gtk/assets-purple-nord/scale-vert-marks-after-slider-disabled.png new file mode 100644 index 00000000..f469bbb7 Binary files /dev/null and b/src/src/assets/gtk/assets-purple-nord/scale-vert-marks-after-slider-disabled.png differ diff --git a/src/src/assets/gtk/assets-purple-nord/scale-vert-marks-after-slider-disabled@2.png b/src/src/assets/gtk/assets-purple-nord/scale-vert-marks-after-slider-disabled@2.png new file mode 100644 index 00000000..537fa800 Binary files /dev/null and b/src/src/assets/gtk/assets-purple-nord/scale-vert-marks-after-slider-disabled@2.png differ diff --git a/src/src/assets/gtk/assets-purple-nord/scale-vert-marks-after-slider.png b/src/src/assets/gtk/assets-purple-nord/scale-vert-marks-after-slider.png new file mode 100644 index 00000000..71732b60 Binary files /dev/null and b/src/src/assets/gtk/assets-purple-nord/scale-vert-marks-after-slider.png differ diff --git a/src/src/assets/gtk/assets-purple-nord/scale-vert-marks-after-slider@2.png b/src/src/assets/gtk/assets-purple-nord/scale-vert-marks-after-slider@2.png new file mode 100644 index 00000000..408ce9a5 Binary files /dev/null and b/src/src/assets/gtk/assets-purple-nord/scale-vert-marks-after-slider@2.png differ diff --git a/src/src/assets/gtk/assets-purple-nord/scale-vert-marks-before-slider-dark.png b/src/src/assets/gtk/assets-purple-nord/scale-vert-marks-before-slider-dark.png new file mode 100644 index 00000000..6c6f8d2e Binary files /dev/null and b/src/src/assets/gtk/assets-purple-nord/scale-vert-marks-before-slider-dark.png differ diff --git a/src/src/assets/gtk/assets-purple-nord/scale-vert-marks-before-slider-dark@2.png b/src/src/assets/gtk/assets-purple-nord/scale-vert-marks-before-slider-dark@2.png new file mode 100644 index 00000000..2638ad52 Binary files /dev/null and b/src/src/assets/gtk/assets-purple-nord/scale-vert-marks-before-slider-dark@2.png differ diff --git a/src/src/assets/gtk/assets-purple-nord/scale-vert-marks-before-slider-disabled-dark.png b/src/src/assets/gtk/assets-purple-nord/scale-vert-marks-before-slider-disabled-dark.png new file mode 100644 index 00000000..6ef2a456 Binary files /dev/null and b/src/src/assets/gtk/assets-purple-nord/scale-vert-marks-before-slider-disabled-dark.png differ diff --git a/src/src/assets/gtk/assets-purple-nord/scale-vert-marks-before-slider-disabled-dark@2.png b/src/src/assets/gtk/assets-purple-nord/scale-vert-marks-before-slider-disabled-dark@2.png new file mode 100644 index 00000000..2e3d6a56 Binary files /dev/null and b/src/src/assets/gtk/assets-purple-nord/scale-vert-marks-before-slider-disabled-dark@2.png differ diff --git a/src/src/assets/gtk/assets-purple-nord/scale-vert-marks-before-slider-disabled.png b/src/src/assets/gtk/assets-purple-nord/scale-vert-marks-before-slider-disabled.png new file mode 100644 index 00000000..6342fca6 Binary files /dev/null and b/src/src/assets/gtk/assets-purple-nord/scale-vert-marks-before-slider-disabled.png differ diff --git a/src/src/assets/gtk/assets-purple-nord/scale-vert-marks-before-slider-disabled@2.png b/src/src/assets/gtk/assets-purple-nord/scale-vert-marks-before-slider-disabled@2.png new file mode 100644 index 00000000..285a1a69 Binary files /dev/null and b/src/src/assets/gtk/assets-purple-nord/scale-vert-marks-before-slider-disabled@2.png differ diff --git a/src/src/assets/gtk/assets-purple-nord/scale-vert-marks-before-slider.png b/src/src/assets/gtk/assets-purple-nord/scale-vert-marks-before-slider.png new file mode 100644 index 00000000..a5236582 Binary files /dev/null and b/src/src/assets/gtk/assets-purple-nord/scale-vert-marks-before-slider.png differ diff --git a/src/src/assets/gtk/assets-purple-nord/scale-vert-marks-before-slider@2.png b/src/src/assets/gtk/assets-purple-nord/scale-vert-marks-before-slider@2.png new file mode 100644 index 00000000..6e804615 Binary files /dev/null and b/src/src/assets/gtk/assets-purple-nord/scale-vert-marks-before-slider@2.png differ diff --git a/src/src/assets/gtk/assets-purple-nord/selectionmode-checkbox-checked-dark.png b/src/src/assets/gtk/assets-purple-nord/selectionmode-checkbox-checked-dark.png new file mode 100644 index 00000000..b4a39ec8 Binary files /dev/null and b/src/src/assets/gtk/assets-purple-nord/selectionmode-checkbox-checked-dark.png differ diff --git a/src/src/assets/gtk/assets-purple-nord/selectionmode-checkbox-checked-dark@2.png b/src/src/assets/gtk/assets-purple-nord/selectionmode-checkbox-checked-dark@2.png new file mode 100644 index 00000000..eaa6a096 Binary files /dev/null and b/src/src/assets/gtk/assets-purple-nord/selectionmode-checkbox-checked-dark@2.png differ diff --git a/src/src/assets/gtk/assets-purple-nord/selectionmode-checkbox-checked.png b/src/src/assets/gtk/assets-purple-nord/selectionmode-checkbox-checked.png new file mode 100644 index 00000000..0fe6668a Binary files /dev/null and b/src/src/assets/gtk/assets-purple-nord/selectionmode-checkbox-checked.png differ diff --git a/src/src/assets/gtk/assets-purple-nord/selectionmode-checkbox-checked@2.png b/src/src/assets/gtk/assets-purple-nord/selectionmode-checkbox-checked@2.png new file mode 100644 index 00000000..67271a2c Binary files /dev/null and b/src/src/assets/gtk/assets-purple-nord/selectionmode-checkbox-checked@2.png differ diff --git a/src/src/assets/gtk/assets-purple-nord/selectionmode-checkbox-unchecked-dark.png b/src/src/assets/gtk/assets-purple-nord/selectionmode-checkbox-unchecked-dark.png new file mode 100644 index 00000000..c27927d5 Binary files /dev/null and b/src/src/assets/gtk/assets-purple-nord/selectionmode-checkbox-unchecked-dark.png differ diff --git a/src/src/assets/gtk/assets-purple-nord/selectionmode-checkbox-unchecked-dark@2.png b/src/src/assets/gtk/assets-purple-nord/selectionmode-checkbox-unchecked-dark@2.png new file mode 100644 index 00000000..e5748d7d Binary files /dev/null and b/src/src/assets/gtk/assets-purple-nord/selectionmode-checkbox-unchecked-dark@2.png differ diff --git a/src/src/assets/gtk/assets-purple-nord/selectionmode-checkbox-unchecked.png b/src/src/assets/gtk/assets-purple-nord/selectionmode-checkbox-unchecked.png new file mode 100644 index 00000000..40ff92e0 Binary files /dev/null and b/src/src/assets/gtk/assets-purple-nord/selectionmode-checkbox-unchecked.png differ diff --git a/src/src/assets/gtk/assets-purple-nord/selectionmode-checkbox-unchecked@2.png b/src/src/assets/gtk/assets-purple-nord/selectionmode-checkbox-unchecked@2.png new file mode 100644 index 00000000..8e87ea7e Binary files /dev/null and b/src/src/assets/gtk/assets-purple-nord/selectionmode-checkbox-unchecked@2.png differ diff --git a/src/src/assets/gtk/assets-purple.svg b/src/src/assets/gtk/assets-purple.svg new file mode 100644 index 00000000..90edb8b1 --- /dev/null +++ b/src/src/assets/gtk/assets-purple.svg @@ -0,0 +1,505 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/src/assets/gtk/assets-purple/scale-horz-marks-after-slider-dark.png b/src/src/assets/gtk/assets-purple/scale-horz-marks-after-slider-dark.png new file mode 100644 index 00000000..ec2d4756 Binary files /dev/null and b/src/src/assets/gtk/assets-purple/scale-horz-marks-after-slider-dark.png differ diff --git a/src/src/assets/gtk/assets-purple/scale-horz-marks-after-slider-dark@2.png b/src/src/assets/gtk/assets-purple/scale-horz-marks-after-slider-dark@2.png new file mode 100644 index 00000000..5f2c44da Binary files /dev/null and b/src/src/assets/gtk/assets-purple/scale-horz-marks-after-slider-dark@2.png differ diff --git a/src/src/assets/gtk/assets-purple/scale-horz-marks-after-slider-disabled-dark.png b/src/src/assets/gtk/assets-purple/scale-horz-marks-after-slider-disabled-dark.png new file mode 100644 index 00000000..0d30b08a Binary files /dev/null and b/src/src/assets/gtk/assets-purple/scale-horz-marks-after-slider-disabled-dark.png differ diff --git a/src/src/assets/gtk/assets-purple/scale-horz-marks-after-slider-disabled-dark@2.png b/src/src/assets/gtk/assets-purple/scale-horz-marks-after-slider-disabled-dark@2.png new file mode 100644 index 00000000..a16d66d4 Binary files /dev/null and b/src/src/assets/gtk/assets-purple/scale-horz-marks-after-slider-disabled-dark@2.png differ diff --git a/src/src/assets/gtk/assets-purple/scale-horz-marks-after-slider-disabled.png b/src/src/assets/gtk/assets-purple/scale-horz-marks-after-slider-disabled.png new file mode 100644 index 00000000..b87ec9e0 Binary files /dev/null and b/src/src/assets/gtk/assets-purple/scale-horz-marks-after-slider-disabled.png differ diff --git a/src/src/assets/gtk/assets-purple/scale-horz-marks-after-slider-disabled@2.png b/src/src/assets/gtk/assets-purple/scale-horz-marks-after-slider-disabled@2.png new file mode 100644 index 00000000..953a09dd Binary files /dev/null and b/src/src/assets/gtk/assets-purple/scale-horz-marks-after-slider-disabled@2.png differ diff --git a/src/src/assets/gtk/assets-purple/scale-horz-marks-after-slider.png b/src/src/assets/gtk/assets-purple/scale-horz-marks-after-slider.png new file mode 100644 index 00000000..8a058868 Binary files /dev/null and b/src/src/assets/gtk/assets-purple/scale-horz-marks-after-slider.png differ diff --git a/src/src/assets/gtk/assets-purple/scale-horz-marks-after-slider@2.png b/src/src/assets/gtk/assets-purple/scale-horz-marks-after-slider@2.png new file mode 100644 index 00000000..23b6462f Binary files /dev/null and b/src/src/assets/gtk/assets-purple/scale-horz-marks-after-slider@2.png differ diff --git a/src/src/assets/gtk/assets-purple/scale-horz-marks-before-slider-dark.png b/src/src/assets/gtk/assets-purple/scale-horz-marks-before-slider-dark.png new file mode 100644 index 00000000..4022dcec Binary files /dev/null and b/src/src/assets/gtk/assets-purple/scale-horz-marks-before-slider-dark.png differ diff --git a/src/src/assets/gtk/assets-purple/scale-horz-marks-before-slider-dark@2.png b/src/src/assets/gtk/assets-purple/scale-horz-marks-before-slider-dark@2.png new file mode 100644 index 00000000..dd0d17a1 Binary files /dev/null and b/src/src/assets/gtk/assets-purple/scale-horz-marks-before-slider-dark@2.png differ diff --git a/src/src/assets/gtk/assets-purple/scale-horz-marks-before-slider-disabled-dark.png b/src/src/assets/gtk/assets-purple/scale-horz-marks-before-slider-disabled-dark.png new file mode 100644 index 00000000..f3d7025a Binary files /dev/null and b/src/src/assets/gtk/assets-purple/scale-horz-marks-before-slider-disabled-dark.png differ diff --git a/src/src/assets/gtk/assets-purple/scale-horz-marks-before-slider-disabled-dark@2.png b/src/src/assets/gtk/assets-purple/scale-horz-marks-before-slider-disabled-dark@2.png new file mode 100644 index 00000000..9935db45 Binary files /dev/null and b/src/src/assets/gtk/assets-purple/scale-horz-marks-before-slider-disabled-dark@2.png differ diff --git a/src/src/assets/gtk/assets-purple/scale-horz-marks-before-slider-disabled.png b/src/src/assets/gtk/assets-purple/scale-horz-marks-before-slider-disabled.png new file mode 100644 index 00000000..79b9ed7b Binary files /dev/null and b/src/src/assets/gtk/assets-purple/scale-horz-marks-before-slider-disabled.png differ diff --git a/src/src/assets/gtk/assets-purple/scale-horz-marks-before-slider-disabled@2.png b/src/src/assets/gtk/assets-purple/scale-horz-marks-before-slider-disabled@2.png new file mode 100644 index 00000000..5a465a1e Binary files /dev/null and b/src/src/assets/gtk/assets-purple/scale-horz-marks-before-slider-disabled@2.png differ diff --git a/src/src/assets/gtk/assets-purple/scale-horz-marks-before-slider.png b/src/src/assets/gtk/assets-purple/scale-horz-marks-before-slider.png new file mode 100644 index 00000000..151a7d43 Binary files /dev/null and b/src/src/assets/gtk/assets-purple/scale-horz-marks-before-slider.png differ diff --git a/src/src/assets/gtk/assets-purple/scale-horz-marks-before-slider@2.png b/src/src/assets/gtk/assets-purple/scale-horz-marks-before-slider@2.png new file mode 100644 index 00000000..1027a127 Binary files /dev/null and b/src/src/assets/gtk/assets-purple/scale-horz-marks-before-slider@2.png differ diff --git a/src/src/assets/gtk/assets-purple/scale-vert-marks-after-slider-dark.png b/src/src/assets/gtk/assets-purple/scale-vert-marks-after-slider-dark.png new file mode 100644 index 00000000..e9886e08 Binary files /dev/null and b/src/src/assets/gtk/assets-purple/scale-vert-marks-after-slider-dark.png differ diff --git a/src/src/assets/gtk/assets-purple/scale-vert-marks-after-slider-dark@2.png b/src/src/assets/gtk/assets-purple/scale-vert-marks-after-slider-dark@2.png new file mode 100644 index 00000000..a79ba75c Binary files /dev/null and b/src/src/assets/gtk/assets-purple/scale-vert-marks-after-slider-dark@2.png differ diff --git a/src/src/assets/gtk/assets-purple/scale-vert-marks-after-slider-disabled-dark.png b/src/src/assets/gtk/assets-purple/scale-vert-marks-after-slider-disabled-dark.png new file mode 100644 index 00000000..41cf4076 Binary files /dev/null and b/src/src/assets/gtk/assets-purple/scale-vert-marks-after-slider-disabled-dark.png differ diff --git a/src/src/assets/gtk/assets-purple/scale-vert-marks-after-slider-disabled-dark@2.png b/src/src/assets/gtk/assets-purple/scale-vert-marks-after-slider-disabled-dark@2.png new file mode 100644 index 00000000..c0aa0a79 Binary files /dev/null and b/src/src/assets/gtk/assets-purple/scale-vert-marks-after-slider-disabled-dark@2.png differ diff --git a/src/src/assets/gtk/assets-purple/scale-vert-marks-after-slider-disabled.png b/src/src/assets/gtk/assets-purple/scale-vert-marks-after-slider-disabled.png new file mode 100644 index 00000000..88e194f6 Binary files /dev/null and b/src/src/assets/gtk/assets-purple/scale-vert-marks-after-slider-disabled.png differ diff --git a/src/src/assets/gtk/assets-purple/scale-vert-marks-after-slider-disabled@2.png b/src/src/assets/gtk/assets-purple/scale-vert-marks-after-slider-disabled@2.png new file mode 100644 index 00000000..f15a02b0 Binary files /dev/null and b/src/src/assets/gtk/assets-purple/scale-vert-marks-after-slider-disabled@2.png differ diff --git a/src/src/assets/gtk/assets-purple/scale-vert-marks-after-slider.png b/src/src/assets/gtk/assets-purple/scale-vert-marks-after-slider.png new file mode 100644 index 00000000..456ff9eb Binary files /dev/null and b/src/src/assets/gtk/assets-purple/scale-vert-marks-after-slider.png differ diff --git a/src/src/assets/gtk/assets-purple/scale-vert-marks-after-slider@2.png b/src/src/assets/gtk/assets-purple/scale-vert-marks-after-slider@2.png new file mode 100644 index 00000000..551541a9 Binary files /dev/null and b/src/src/assets/gtk/assets-purple/scale-vert-marks-after-slider@2.png differ diff --git a/src/src/assets/gtk/assets-purple/scale-vert-marks-before-slider-dark.png b/src/src/assets/gtk/assets-purple/scale-vert-marks-before-slider-dark.png new file mode 100644 index 00000000..0faa435d Binary files /dev/null and b/src/src/assets/gtk/assets-purple/scale-vert-marks-before-slider-dark.png differ diff --git a/src/src/assets/gtk/assets-purple/scale-vert-marks-before-slider-dark@2.png b/src/src/assets/gtk/assets-purple/scale-vert-marks-before-slider-dark@2.png new file mode 100644 index 00000000..ecc293b3 Binary files /dev/null and b/src/src/assets/gtk/assets-purple/scale-vert-marks-before-slider-dark@2.png differ diff --git a/src/src/assets/gtk/assets-purple/scale-vert-marks-before-slider-disabled-dark.png b/src/src/assets/gtk/assets-purple/scale-vert-marks-before-slider-disabled-dark.png new file mode 100644 index 00000000..653822b3 Binary files /dev/null and b/src/src/assets/gtk/assets-purple/scale-vert-marks-before-slider-disabled-dark.png differ diff --git a/src/src/assets/gtk/assets-purple/scale-vert-marks-before-slider-disabled-dark@2.png b/src/src/assets/gtk/assets-purple/scale-vert-marks-before-slider-disabled-dark@2.png new file mode 100644 index 00000000..4785ce0a Binary files /dev/null and b/src/src/assets/gtk/assets-purple/scale-vert-marks-before-slider-disabled-dark@2.png differ diff --git a/src/src/assets/gtk/assets-purple/scale-vert-marks-before-slider-disabled.png b/src/src/assets/gtk/assets-purple/scale-vert-marks-before-slider-disabled.png new file mode 100644 index 00000000..9592846b Binary files /dev/null and b/src/src/assets/gtk/assets-purple/scale-vert-marks-before-slider-disabled.png differ diff --git a/src/src/assets/gtk/assets-purple/scale-vert-marks-before-slider-disabled@2.png b/src/src/assets/gtk/assets-purple/scale-vert-marks-before-slider-disabled@2.png new file mode 100644 index 00000000..4006f945 Binary files /dev/null and b/src/src/assets/gtk/assets-purple/scale-vert-marks-before-slider-disabled@2.png differ diff --git a/src/src/assets/gtk/assets-purple/scale-vert-marks-before-slider.png b/src/src/assets/gtk/assets-purple/scale-vert-marks-before-slider.png new file mode 100644 index 00000000..64c32596 Binary files /dev/null and b/src/src/assets/gtk/assets-purple/scale-vert-marks-before-slider.png differ diff --git a/src/src/assets/gtk/assets-purple/scale-vert-marks-before-slider@2.png b/src/src/assets/gtk/assets-purple/scale-vert-marks-before-slider@2.png new file mode 100644 index 00000000..3b0c74d0 Binary files /dev/null and b/src/src/assets/gtk/assets-purple/scale-vert-marks-before-slider@2.png differ diff --git a/src/src/assets/gtk/assets-purple/selectionmode-checkbox-checked-dark.png b/src/src/assets/gtk/assets-purple/selectionmode-checkbox-checked-dark.png new file mode 100644 index 00000000..b0a6ad5c Binary files /dev/null and b/src/src/assets/gtk/assets-purple/selectionmode-checkbox-checked-dark.png differ diff --git a/src/src/assets/gtk/assets-purple/selectionmode-checkbox-checked-dark@2.png b/src/src/assets/gtk/assets-purple/selectionmode-checkbox-checked-dark@2.png new file mode 100644 index 00000000..4666b26b Binary files /dev/null and b/src/src/assets/gtk/assets-purple/selectionmode-checkbox-checked-dark@2.png differ diff --git a/src/src/assets/gtk/assets-purple/selectionmode-checkbox-checked.png b/src/src/assets/gtk/assets-purple/selectionmode-checkbox-checked.png new file mode 100644 index 00000000..de4cfea3 Binary files /dev/null and b/src/src/assets/gtk/assets-purple/selectionmode-checkbox-checked.png differ diff --git a/src/src/assets/gtk/assets-purple/selectionmode-checkbox-checked@2.png b/src/src/assets/gtk/assets-purple/selectionmode-checkbox-checked@2.png new file mode 100644 index 00000000..c1722a81 Binary files /dev/null and b/src/src/assets/gtk/assets-purple/selectionmode-checkbox-checked@2.png differ diff --git a/src/src/assets/gtk/assets-purple/selectionmode-checkbox-unchecked-dark.png b/src/src/assets/gtk/assets-purple/selectionmode-checkbox-unchecked-dark.png new file mode 100644 index 00000000..f6b914e5 Binary files /dev/null and b/src/src/assets/gtk/assets-purple/selectionmode-checkbox-unchecked-dark.png differ diff --git a/src/src/assets/gtk/assets-purple/selectionmode-checkbox-unchecked-dark@2.png b/src/src/assets/gtk/assets-purple/selectionmode-checkbox-unchecked-dark@2.png new file mode 100644 index 00000000..29ecf2b8 Binary files /dev/null and b/src/src/assets/gtk/assets-purple/selectionmode-checkbox-unchecked-dark@2.png differ diff --git a/src/src/assets/gtk/assets-purple/selectionmode-checkbox-unchecked.png b/src/src/assets/gtk/assets-purple/selectionmode-checkbox-unchecked.png new file mode 100644 index 00000000..40ff92e0 Binary files /dev/null and b/src/src/assets/gtk/assets-purple/selectionmode-checkbox-unchecked.png differ diff --git a/src/src/assets/gtk/assets-purple/selectionmode-checkbox-unchecked@2.png b/src/src/assets/gtk/assets-purple/selectionmode-checkbox-unchecked@2.png new file mode 100644 index 00000000..8e87ea7e Binary files /dev/null and b/src/src/assets/gtk/assets-purple/selectionmode-checkbox-unchecked@2.png differ diff --git a/src/src/assets/gtk/assets-red-nord.svg b/src/src/assets/gtk/assets-red-nord.svg new file mode 100644 index 00000000..8fabfead --- /dev/null +++ b/src/src/assets/gtk/assets-red-nord.svg @@ -0,0 +1,84 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/src/assets/gtk/assets-red-nord/scale-horz-marks-after-slider-dark.png b/src/src/assets/gtk/assets-red-nord/scale-horz-marks-after-slider-dark.png new file mode 100644 index 00000000..72f2c602 Binary files /dev/null and b/src/src/assets/gtk/assets-red-nord/scale-horz-marks-after-slider-dark.png differ diff --git a/src/src/assets/gtk/assets-red-nord/scale-horz-marks-after-slider-dark@2.png b/src/src/assets/gtk/assets-red-nord/scale-horz-marks-after-slider-dark@2.png new file mode 100644 index 00000000..c4f7b73c Binary files /dev/null and b/src/src/assets/gtk/assets-red-nord/scale-horz-marks-after-slider-dark@2.png differ diff --git a/src/src/assets/gtk/assets-red-nord/scale-horz-marks-after-slider-disabled-dark.png b/src/src/assets/gtk/assets-red-nord/scale-horz-marks-after-slider-disabled-dark.png new file mode 100644 index 00000000..47d2aac4 Binary files /dev/null and b/src/src/assets/gtk/assets-red-nord/scale-horz-marks-after-slider-disabled-dark.png differ diff --git a/src/src/assets/gtk/assets-red-nord/scale-horz-marks-after-slider-disabled-dark@2.png b/src/src/assets/gtk/assets-red-nord/scale-horz-marks-after-slider-disabled-dark@2.png new file mode 100644 index 00000000..6a06590e Binary files /dev/null and b/src/src/assets/gtk/assets-red-nord/scale-horz-marks-after-slider-disabled-dark@2.png differ diff --git a/src/src/assets/gtk/assets-red-nord/scale-horz-marks-after-slider-disabled.png b/src/src/assets/gtk/assets-red-nord/scale-horz-marks-after-slider-disabled.png new file mode 100644 index 00000000..219db974 Binary files /dev/null and b/src/src/assets/gtk/assets-red-nord/scale-horz-marks-after-slider-disabled.png differ diff --git a/src/src/assets/gtk/assets-red-nord/scale-horz-marks-after-slider-disabled@2.png b/src/src/assets/gtk/assets-red-nord/scale-horz-marks-after-slider-disabled@2.png new file mode 100644 index 00000000..346bbec5 Binary files /dev/null and b/src/src/assets/gtk/assets-red-nord/scale-horz-marks-after-slider-disabled@2.png differ diff --git a/src/src/assets/gtk/assets-red-nord/scale-horz-marks-after-slider.png b/src/src/assets/gtk/assets-red-nord/scale-horz-marks-after-slider.png new file mode 100644 index 00000000..feb79943 Binary files /dev/null and b/src/src/assets/gtk/assets-red-nord/scale-horz-marks-after-slider.png differ diff --git a/src/src/assets/gtk/assets-red-nord/scale-horz-marks-after-slider@2.png b/src/src/assets/gtk/assets-red-nord/scale-horz-marks-after-slider@2.png new file mode 100644 index 00000000..f7f4f4fe Binary files /dev/null and b/src/src/assets/gtk/assets-red-nord/scale-horz-marks-after-slider@2.png differ diff --git a/src/src/assets/gtk/assets-red-nord/scale-horz-marks-before-slider-dark.png b/src/src/assets/gtk/assets-red-nord/scale-horz-marks-before-slider-dark.png new file mode 100644 index 00000000..8f793d76 Binary files /dev/null and b/src/src/assets/gtk/assets-red-nord/scale-horz-marks-before-slider-dark.png differ diff --git a/src/src/assets/gtk/assets-red-nord/scale-horz-marks-before-slider-dark@2.png b/src/src/assets/gtk/assets-red-nord/scale-horz-marks-before-slider-dark@2.png new file mode 100644 index 00000000..d1e4f55b Binary files /dev/null and b/src/src/assets/gtk/assets-red-nord/scale-horz-marks-before-slider-dark@2.png differ diff --git a/src/src/assets/gtk/assets-red-nord/scale-horz-marks-before-slider-disabled-dark.png b/src/src/assets/gtk/assets-red-nord/scale-horz-marks-before-slider-disabled-dark.png new file mode 100644 index 00000000..152bc27e Binary files /dev/null and b/src/src/assets/gtk/assets-red-nord/scale-horz-marks-before-slider-disabled-dark.png differ diff --git a/src/src/assets/gtk/assets-red-nord/scale-horz-marks-before-slider-disabled-dark@2.png b/src/src/assets/gtk/assets-red-nord/scale-horz-marks-before-slider-disabled-dark@2.png new file mode 100644 index 00000000..3f3d4c1c Binary files /dev/null and b/src/src/assets/gtk/assets-red-nord/scale-horz-marks-before-slider-disabled-dark@2.png differ diff --git a/src/src/assets/gtk/assets-red-nord/scale-horz-marks-before-slider-disabled.png b/src/src/assets/gtk/assets-red-nord/scale-horz-marks-before-slider-disabled.png new file mode 100644 index 00000000..4c7670f5 Binary files /dev/null and b/src/src/assets/gtk/assets-red-nord/scale-horz-marks-before-slider-disabled.png differ diff --git a/src/src/assets/gtk/assets-red-nord/scale-horz-marks-before-slider-disabled@2.png b/src/src/assets/gtk/assets-red-nord/scale-horz-marks-before-slider-disabled@2.png new file mode 100644 index 00000000..c5c8afce Binary files /dev/null and b/src/src/assets/gtk/assets-red-nord/scale-horz-marks-before-slider-disabled@2.png differ diff --git a/src/src/assets/gtk/assets-red-nord/scale-horz-marks-before-slider.png b/src/src/assets/gtk/assets-red-nord/scale-horz-marks-before-slider.png new file mode 100644 index 00000000..be4cb1ea Binary files /dev/null and b/src/src/assets/gtk/assets-red-nord/scale-horz-marks-before-slider.png differ diff --git a/src/src/assets/gtk/assets-red-nord/scale-horz-marks-before-slider@2.png b/src/src/assets/gtk/assets-red-nord/scale-horz-marks-before-slider@2.png new file mode 100644 index 00000000..7de41a11 Binary files /dev/null and b/src/src/assets/gtk/assets-red-nord/scale-horz-marks-before-slider@2.png differ diff --git a/src/src/assets/gtk/assets-red-nord/scale-vert-marks-after-slider-dark.png b/src/src/assets/gtk/assets-red-nord/scale-vert-marks-after-slider-dark.png new file mode 100644 index 00000000..a88cfb12 Binary files /dev/null and b/src/src/assets/gtk/assets-red-nord/scale-vert-marks-after-slider-dark.png differ diff --git a/src/src/assets/gtk/assets-red-nord/scale-vert-marks-after-slider-dark@2.png b/src/src/assets/gtk/assets-red-nord/scale-vert-marks-after-slider-dark@2.png new file mode 100644 index 00000000..2506a5fa Binary files /dev/null and b/src/src/assets/gtk/assets-red-nord/scale-vert-marks-after-slider-dark@2.png differ diff --git a/src/src/assets/gtk/assets-red-nord/scale-vert-marks-after-slider-disabled-dark.png b/src/src/assets/gtk/assets-red-nord/scale-vert-marks-after-slider-disabled-dark.png new file mode 100644 index 00000000..890b41fd Binary files /dev/null and b/src/src/assets/gtk/assets-red-nord/scale-vert-marks-after-slider-disabled-dark.png differ diff --git a/src/src/assets/gtk/assets-red-nord/scale-vert-marks-after-slider-disabled-dark@2.png b/src/src/assets/gtk/assets-red-nord/scale-vert-marks-after-slider-disabled-dark@2.png new file mode 100644 index 00000000..22f8dd0b Binary files /dev/null and b/src/src/assets/gtk/assets-red-nord/scale-vert-marks-after-slider-disabled-dark@2.png differ diff --git a/src/src/assets/gtk/assets-red-nord/scale-vert-marks-after-slider-disabled.png b/src/src/assets/gtk/assets-red-nord/scale-vert-marks-after-slider-disabled.png new file mode 100644 index 00000000..c6a06d0b Binary files /dev/null and b/src/src/assets/gtk/assets-red-nord/scale-vert-marks-after-slider-disabled.png differ diff --git a/src/src/assets/gtk/assets-red-nord/scale-vert-marks-after-slider-disabled@2.png b/src/src/assets/gtk/assets-red-nord/scale-vert-marks-after-slider-disabled@2.png new file mode 100644 index 00000000..c559b65f Binary files /dev/null and b/src/src/assets/gtk/assets-red-nord/scale-vert-marks-after-slider-disabled@2.png differ diff --git a/src/src/assets/gtk/assets-red-nord/scale-vert-marks-after-slider.png b/src/src/assets/gtk/assets-red-nord/scale-vert-marks-after-slider.png new file mode 100644 index 00000000..a9f1f880 Binary files /dev/null and b/src/src/assets/gtk/assets-red-nord/scale-vert-marks-after-slider.png differ diff --git a/src/src/assets/gtk/assets-red-nord/scale-vert-marks-after-slider@2.png b/src/src/assets/gtk/assets-red-nord/scale-vert-marks-after-slider@2.png new file mode 100644 index 00000000..4877b81e Binary files /dev/null and b/src/src/assets/gtk/assets-red-nord/scale-vert-marks-after-slider@2.png differ diff --git a/src/src/assets/gtk/assets-red-nord/scale-vert-marks-before-slider-dark.png b/src/src/assets/gtk/assets-red-nord/scale-vert-marks-before-slider-dark.png new file mode 100644 index 00000000..327cef61 Binary files /dev/null and b/src/src/assets/gtk/assets-red-nord/scale-vert-marks-before-slider-dark.png differ diff --git a/src/src/assets/gtk/assets-red-nord/scale-vert-marks-before-slider-dark@2.png b/src/src/assets/gtk/assets-red-nord/scale-vert-marks-before-slider-dark@2.png new file mode 100644 index 00000000..1fb6042b Binary files /dev/null and b/src/src/assets/gtk/assets-red-nord/scale-vert-marks-before-slider-dark@2.png differ diff --git a/src/src/assets/gtk/assets-red-nord/scale-vert-marks-before-slider-disabled-dark.png b/src/src/assets/gtk/assets-red-nord/scale-vert-marks-before-slider-disabled-dark.png new file mode 100644 index 00000000..2d743bd4 Binary files /dev/null and b/src/src/assets/gtk/assets-red-nord/scale-vert-marks-before-slider-disabled-dark.png differ diff --git a/src/src/assets/gtk/assets-red-nord/scale-vert-marks-before-slider-disabled-dark@2.png b/src/src/assets/gtk/assets-red-nord/scale-vert-marks-before-slider-disabled-dark@2.png new file mode 100644 index 00000000..4c741790 Binary files /dev/null and b/src/src/assets/gtk/assets-red-nord/scale-vert-marks-before-slider-disabled-dark@2.png differ diff --git a/src/src/assets/gtk/assets-red-nord/scale-vert-marks-before-slider-disabled.png b/src/src/assets/gtk/assets-red-nord/scale-vert-marks-before-slider-disabled.png new file mode 100644 index 00000000..94d5b796 Binary files /dev/null and b/src/src/assets/gtk/assets-red-nord/scale-vert-marks-before-slider-disabled.png differ diff --git a/src/src/assets/gtk/assets-red-nord/scale-vert-marks-before-slider-disabled@2.png b/src/src/assets/gtk/assets-red-nord/scale-vert-marks-before-slider-disabled@2.png new file mode 100644 index 00000000..6dcacfe6 Binary files /dev/null and b/src/src/assets/gtk/assets-red-nord/scale-vert-marks-before-slider-disabled@2.png differ diff --git a/src/src/assets/gtk/assets-red-nord/scale-vert-marks-before-slider.png b/src/src/assets/gtk/assets-red-nord/scale-vert-marks-before-slider.png new file mode 100644 index 00000000..37e6a3ab Binary files /dev/null and b/src/src/assets/gtk/assets-red-nord/scale-vert-marks-before-slider.png differ diff --git a/src/src/assets/gtk/assets-red-nord/scale-vert-marks-before-slider@2.png b/src/src/assets/gtk/assets-red-nord/scale-vert-marks-before-slider@2.png new file mode 100644 index 00000000..2df1b31f Binary files /dev/null and b/src/src/assets/gtk/assets-red-nord/scale-vert-marks-before-slider@2.png differ diff --git a/src/src/assets/gtk/assets-red-nord/selectionmode-checkbox-checked-dark.png b/src/src/assets/gtk/assets-red-nord/selectionmode-checkbox-checked-dark.png new file mode 100644 index 00000000..062bd580 Binary files /dev/null and b/src/src/assets/gtk/assets-red-nord/selectionmode-checkbox-checked-dark.png differ diff --git a/src/src/assets/gtk/assets-red-nord/selectionmode-checkbox-checked-dark@2.png b/src/src/assets/gtk/assets-red-nord/selectionmode-checkbox-checked-dark@2.png new file mode 100644 index 00000000..ed659c1f Binary files /dev/null and b/src/src/assets/gtk/assets-red-nord/selectionmode-checkbox-checked-dark@2.png differ diff --git a/src/src/assets/gtk/assets-red-nord/selectionmode-checkbox-checked.png b/src/src/assets/gtk/assets-red-nord/selectionmode-checkbox-checked.png new file mode 100644 index 00000000..2b71194a Binary files /dev/null and b/src/src/assets/gtk/assets-red-nord/selectionmode-checkbox-checked.png differ diff --git a/src/src/assets/gtk/assets-red-nord/selectionmode-checkbox-checked@2.png b/src/src/assets/gtk/assets-red-nord/selectionmode-checkbox-checked@2.png new file mode 100644 index 00000000..26d83d6c Binary files /dev/null and b/src/src/assets/gtk/assets-red-nord/selectionmode-checkbox-checked@2.png differ diff --git a/src/src/assets/gtk/assets-red-nord/selectionmode-checkbox-unchecked-dark.png b/src/src/assets/gtk/assets-red-nord/selectionmode-checkbox-unchecked-dark.png new file mode 100644 index 00000000..c27927d5 Binary files /dev/null and b/src/src/assets/gtk/assets-red-nord/selectionmode-checkbox-unchecked-dark.png differ diff --git a/src/src/assets/gtk/assets-red-nord/selectionmode-checkbox-unchecked-dark@2.png b/src/src/assets/gtk/assets-red-nord/selectionmode-checkbox-unchecked-dark@2.png new file mode 100644 index 00000000..e5748d7d Binary files /dev/null and b/src/src/assets/gtk/assets-red-nord/selectionmode-checkbox-unchecked-dark@2.png differ diff --git a/src/src/assets/gtk/assets-red-nord/selectionmode-checkbox-unchecked.png b/src/src/assets/gtk/assets-red-nord/selectionmode-checkbox-unchecked.png new file mode 100644 index 00000000..40ff92e0 Binary files /dev/null and b/src/src/assets/gtk/assets-red-nord/selectionmode-checkbox-unchecked.png differ diff --git a/src/src/assets/gtk/assets-red-nord/selectionmode-checkbox-unchecked@2.png b/src/src/assets/gtk/assets-red-nord/selectionmode-checkbox-unchecked@2.png new file mode 100644 index 00000000..8e87ea7e Binary files /dev/null and b/src/src/assets/gtk/assets-red-nord/selectionmode-checkbox-unchecked@2.png differ diff --git a/src/src/assets/gtk/assets-red.svg b/src/src/assets/gtk/assets-red.svg new file mode 100644 index 00000000..558d8b60 --- /dev/null +++ b/src/src/assets/gtk/assets-red.svg @@ -0,0 +1,505 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/src/assets/gtk/assets-red/scale-horz-marks-after-slider-dark.png b/src/src/assets/gtk/assets-red/scale-horz-marks-after-slider-dark.png new file mode 100644 index 00000000..7dc85e8e Binary files /dev/null and b/src/src/assets/gtk/assets-red/scale-horz-marks-after-slider-dark.png differ diff --git a/src/src/assets/gtk/assets-red/scale-horz-marks-after-slider-dark@2.png b/src/src/assets/gtk/assets-red/scale-horz-marks-after-slider-dark@2.png new file mode 100644 index 00000000..5cc8a19a Binary files /dev/null and b/src/src/assets/gtk/assets-red/scale-horz-marks-after-slider-dark@2.png differ diff --git a/src/src/assets/gtk/assets-red/scale-horz-marks-after-slider-disabled-dark.png b/src/src/assets/gtk/assets-red/scale-horz-marks-after-slider-disabled-dark.png new file mode 100644 index 00000000..463d476a Binary files /dev/null and b/src/src/assets/gtk/assets-red/scale-horz-marks-after-slider-disabled-dark.png differ diff --git a/src/src/assets/gtk/assets-red/scale-horz-marks-after-slider-disabled-dark@2.png b/src/src/assets/gtk/assets-red/scale-horz-marks-after-slider-disabled-dark@2.png new file mode 100644 index 00000000..916b0008 Binary files /dev/null and b/src/src/assets/gtk/assets-red/scale-horz-marks-after-slider-disabled-dark@2.png differ diff --git a/src/src/assets/gtk/assets-red/scale-horz-marks-after-slider-disabled.png b/src/src/assets/gtk/assets-red/scale-horz-marks-after-slider-disabled.png new file mode 100644 index 00000000..ad748bec Binary files /dev/null and b/src/src/assets/gtk/assets-red/scale-horz-marks-after-slider-disabled.png differ diff --git a/src/src/assets/gtk/assets-red/scale-horz-marks-after-slider-disabled@2.png b/src/src/assets/gtk/assets-red/scale-horz-marks-after-slider-disabled@2.png new file mode 100644 index 00000000..5d7aef64 Binary files /dev/null and b/src/src/assets/gtk/assets-red/scale-horz-marks-after-slider-disabled@2.png differ diff --git a/src/src/assets/gtk/assets-red/scale-horz-marks-after-slider.png b/src/src/assets/gtk/assets-red/scale-horz-marks-after-slider.png new file mode 100644 index 00000000..31ce0741 Binary files /dev/null and b/src/src/assets/gtk/assets-red/scale-horz-marks-after-slider.png differ diff --git a/src/src/assets/gtk/assets-red/scale-horz-marks-after-slider@2.png b/src/src/assets/gtk/assets-red/scale-horz-marks-after-slider@2.png new file mode 100644 index 00000000..f54ebd35 Binary files /dev/null and b/src/src/assets/gtk/assets-red/scale-horz-marks-after-slider@2.png differ diff --git a/src/src/assets/gtk/assets-red/scale-horz-marks-before-slider-dark.png b/src/src/assets/gtk/assets-red/scale-horz-marks-before-slider-dark.png new file mode 100644 index 00000000..e3c56e15 Binary files /dev/null and b/src/src/assets/gtk/assets-red/scale-horz-marks-before-slider-dark.png differ diff --git a/src/src/assets/gtk/assets-red/scale-horz-marks-before-slider-dark@2.png b/src/src/assets/gtk/assets-red/scale-horz-marks-before-slider-dark@2.png new file mode 100644 index 00000000..61b15426 Binary files /dev/null and b/src/src/assets/gtk/assets-red/scale-horz-marks-before-slider-dark@2.png differ diff --git a/src/src/assets/gtk/assets-red/scale-horz-marks-before-slider-disabled-dark.png b/src/src/assets/gtk/assets-red/scale-horz-marks-before-slider-disabled-dark.png new file mode 100644 index 00000000..6b017c31 Binary files /dev/null and b/src/src/assets/gtk/assets-red/scale-horz-marks-before-slider-disabled-dark.png differ diff --git a/src/src/assets/gtk/assets-red/scale-horz-marks-before-slider-disabled-dark@2.png b/src/src/assets/gtk/assets-red/scale-horz-marks-before-slider-disabled-dark@2.png new file mode 100644 index 00000000..cb1f991a Binary files /dev/null and b/src/src/assets/gtk/assets-red/scale-horz-marks-before-slider-disabled-dark@2.png differ diff --git a/src/src/assets/gtk/assets-red/scale-horz-marks-before-slider-disabled.png b/src/src/assets/gtk/assets-red/scale-horz-marks-before-slider-disabled.png new file mode 100644 index 00000000..37fba45f Binary files /dev/null and b/src/src/assets/gtk/assets-red/scale-horz-marks-before-slider-disabled.png differ diff --git a/src/src/assets/gtk/assets-red/scale-horz-marks-before-slider-disabled@2.png b/src/src/assets/gtk/assets-red/scale-horz-marks-before-slider-disabled@2.png new file mode 100644 index 00000000..9f557caf Binary files /dev/null and b/src/src/assets/gtk/assets-red/scale-horz-marks-before-slider-disabled@2.png differ diff --git a/src/src/assets/gtk/assets-red/scale-horz-marks-before-slider.png b/src/src/assets/gtk/assets-red/scale-horz-marks-before-slider.png new file mode 100644 index 00000000..3cc7ca37 Binary files /dev/null and b/src/src/assets/gtk/assets-red/scale-horz-marks-before-slider.png differ diff --git a/src/src/assets/gtk/assets-red/scale-horz-marks-before-slider@2.png b/src/src/assets/gtk/assets-red/scale-horz-marks-before-slider@2.png new file mode 100644 index 00000000..6252894c Binary files /dev/null and b/src/src/assets/gtk/assets-red/scale-horz-marks-before-slider@2.png differ diff --git a/src/src/assets/gtk/assets-red/scale-vert-marks-after-slider-dark.png b/src/src/assets/gtk/assets-red/scale-vert-marks-after-slider-dark.png new file mode 100644 index 00000000..2a23c852 Binary files /dev/null and b/src/src/assets/gtk/assets-red/scale-vert-marks-after-slider-dark.png differ diff --git a/src/src/assets/gtk/assets-red/scale-vert-marks-after-slider-dark@2.png b/src/src/assets/gtk/assets-red/scale-vert-marks-after-slider-dark@2.png new file mode 100644 index 00000000..dae679b0 Binary files /dev/null and b/src/src/assets/gtk/assets-red/scale-vert-marks-after-slider-dark@2.png differ diff --git a/src/src/assets/gtk/assets-red/scale-vert-marks-after-slider-disabled-dark.png b/src/src/assets/gtk/assets-red/scale-vert-marks-after-slider-disabled-dark.png new file mode 100644 index 00000000..9fdd68d0 Binary files /dev/null and b/src/src/assets/gtk/assets-red/scale-vert-marks-after-slider-disabled-dark.png differ diff --git a/src/src/assets/gtk/assets-red/scale-vert-marks-after-slider-disabled-dark@2.png b/src/src/assets/gtk/assets-red/scale-vert-marks-after-slider-disabled-dark@2.png new file mode 100644 index 00000000..6ed0511c Binary files /dev/null and b/src/src/assets/gtk/assets-red/scale-vert-marks-after-slider-disabled-dark@2.png differ diff --git a/src/src/assets/gtk/assets-red/scale-vert-marks-after-slider-disabled.png b/src/src/assets/gtk/assets-red/scale-vert-marks-after-slider-disabled.png new file mode 100644 index 00000000..ec61239f Binary files /dev/null and b/src/src/assets/gtk/assets-red/scale-vert-marks-after-slider-disabled.png differ diff --git a/src/src/assets/gtk/assets-red/scale-vert-marks-after-slider-disabled@2.png b/src/src/assets/gtk/assets-red/scale-vert-marks-after-slider-disabled@2.png new file mode 100644 index 00000000..55855e75 Binary files /dev/null and b/src/src/assets/gtk/assets-red/scale-vert-marks-after-slider-disabled@2.png differ diff --git a/src/src/assets/gtk/assets-red/scale-vert-marks-after-slider.png b/src/src/assets/gtk/assets-red/scale-vert-marks-after-slider.png new file mode 100644 index 00000000..2328bfee Binary files /dev/null and b/src/src/assets/gtk/assets-red/scale-vert-marks-after-slider.png differ diff --git a/src/src/assets/gtk/assets-red/scale-vert-marks-after-slider@2.png b/src/src/assets/gtk/assets-red/scale-vert-marks-after-slider@2.png new file mode 100644 index 00000000..526a14b0 Binary files /dev/null and b/src/src/assets/gtk/assets-red/scale-vert-marks-after-slider@2.png differ diff --git a/src/src/assets/gtk/assets-red/scale-vert-marks-before-slider-dark.png b/src/src/assets/gtk/assets-red/scale-vert-marks-before-slider-dark.png new file mode 100644 index 00000000..c013d7fb Binary files /dev/null and b/src/src/assets/gtk/assets-red/scale-vert-marks-before-slider-dark.png differ diff --git a/src/src/assets/gtk/assets-red/scale-vert-marks-before-slider-dark@2.png b/src/src/assets/gtk/assets-red/scale-vert-marks-before-slider-dark@2.png new file mode 100644 index 00000000..38832599 Binary files /dev/null and b/src/src/assets/gtk/assets-red/scale-vert-marks-before-slider-dark@2.png differ diff --git a/src/src/assets/gtk/assets-red/scale-vert-marks-before-slider-disabled-dark.png b/src/src/assets/gtk/assets-red/scale-vert-marks-before-slider-disabled-dark.png new file mode 100644 index 00000000..1e47b254 Binary files /dev/null and b/src/src/assets/gtk/assets-red/scale-vert-marks-before-slider-disabled-dark.png differ diff --git a/src/src/assets/gtk/assets-red/scale-vert-marks-before-slider-disabled-dark@2.png b/src/src/assets/gtk/assets-red/scale-vert-marks-before-slider-disabled-dark@2.png new file mode 100644 index 00000000..4ec9bfaa Binary files /dev/null and b/src/src/assets/gtk/assets-red/scale-vert-marks-before-slider-disabled-dark@2.png differ diff --git a/src/src/assets/gtk/assets-red/scale-vert-marks-before-slider-disabled.png b/src/src/assets/gtk/assets-red/scale-vert-marks-before-slider-disabled.png new file mode 100644 index 00000000..48a746c2 Binary files /dev/null and b/src/src/assets/gtk/assets-red/scale-vert-marks-before-slider-disabled.png differ diff --git a/src/src/assets/gtk/assets-red/scale-vert-marks-before-slider-disabled@2.png b/src/src/assets/gtk/assets-red/scale-vert-marks-before-slider-disabled@2.png new file mode 100644 index 00000000..197ed9b0 Binary files /dev/null and b/src/src/assets/gtk/assets-red/scale-vert-marks-before-slider-disabled@2.png differ diff --git a/src/src/assets/gtk/assets-red/scale-vert-marks-before-slider.png b/src/src/assets/gtk/assets-red/scale-vert-marks-before-slider.png new file mode 100644 index 00000000..f3742320 Binary files /dev/null and b/src/src/assets/gtk/assets-red/scale-vert-marks-before-slider.png differ diff --git a/src/src/assets/gtk/assets-red/scale-vert-marks-before-slider@2.png b/src/src/assets/gtk/assets-red/scale-vert-marks-before-slider@2.png new file mode 100644 index 00000000..4de03f84 Binary files /dev/null and b/src/src/assets/gtk/assets-red/scale-vert-marks-before-slider@2.png differ diff --git a/src/src/assets/gtk/assets-red/selectionmode-checkbox-checked-dark.png b/src/src/assets/gtk/assets-red/selectionmode-checkbox-checked-dark.png new file mode 100644 index 00000000..4434fec7 Binary files /dev/null and b/src/src/assets/gtk/assets-red/selectionmode-checkbox-checked-dark.png differ diff --git a/src/src/assets/gtk/assets-red/selectionmode-checkbox-checked-dark@2.png b/src/src/assets/gtk/assets-red/selectionmode-checkbox-checked-dark@2.png new file mode 100644 index 00000000..c996c362 Binary files /dev/null and b/src/src/assets/gtk/assets-red/selectionmode-checkbox-checked-dark@2.png differ diff --git a/src/src/assets/gtk/assets-red/selectionmode-checkbox-checked.png b/src/src/assets/gtk/assets-red/selectionmode-checkbox-checked.png new file mode 100644 index 00000000..5caafda8 Binary files /dev/null and b/src/src/assets/gtk/assets-red/selectionmode-checkbox-checked.png differ diff --git a/src/src/assets/gtk/assets-red/selectionmode-checkbox-checked@2.png b/src/src/assets/gtk/assets-red/selectionmode-checkbox-checked@2.png new file mode 100644 index 00000000..26d70aad Binary files /dev/null and b/src/src/assets/gtk/assets-red/selectionmode-checkbox-checked@2.png differ diff --git a/src/src/assets/gtk/assets-red/selectionmode-checkbox-unchecked-dark.png b/src/src/assets/gtk/assets-red/selectionmode-checkbox-unchecked-dark.png new file mode 100644 index 00000000..f6b914e5 Binary files /dev/null and b/src/src/assets/gtk/assets-red/selectionmode-checkbox-unchecked-dark.png differ diff --git a/src/src/assets/gtk/assets-red/selectionmode-checkbox-unchecked-dark@2.png b/src/src/assets/gtk/assets-red/selectionmode-checkbox-unchecked-dark@2.png new file mode 100644 index 00000000..29ecf2b8 Binary files /dev/null and b/src/src/assets/gtk/assets-red/selectionmode-checkbox-unchecked-dark@2.png differ diff --git a/src/src/assets/gtk/assets-red/selectionmode-checkbox-unchecked.png b/src/src/assets/gtk/assets-red/selectionmode-checkbox-unchecked.png new file mode 100644 index 00000000..40ff92e0 Binary files /dev/null and b/src/src/assets/gtk/assets-red/selectionmode-checkbox-unchecked.png differ diff --git a/src/src/assets/gtk/assets-red/selectionmode-checkbox-unchecked@2.png b/src/src/assets/gtk/assets-red/selectionmode-checkbox-unchecked@2.png new file mode 100644 index 00000000..8e87ea7e Binary files /dev/null and b/src/src/assets/gtk/assets-red/selectionmode-checkbox-unchecked@2.png differ diff --git a/src/src/assets/gtk/assets-teal-nord.svg b/src/src/assets/gtk/assets-teal-nord.svg new file mode 100644 index 00000000..44f8a914 --- /dev/null +++ b/src/src/assets/gtk/assets-teal-nord.svg @@ -0,0 +1,84 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/src/assets/gtk/assets-teal-nord/scale-horz-marks-after-slider-dark.png b/src/src/assets/gtk/assets-teal-nord/scale-horz-marks-after-slider-dark.png new file mode 100644 index 00000000..998956d9 Binary files /dev/null and b/src/src/assets/gtk/assets-teal-nord/scale-horz-marks-after-slider-dark.png differ diff --git a/src/src/assets/gtk/assets-teal-nord/scale-horz-marks-after-slider-dark@2.png b/src/src/assets/gtk/assets-teal-nord/scale-horz-marks-after-slider-dark@2.png new file mode 100644 index 00000000..2da3fc1e Binary files /dev/null and b/src/src/assets/gtk/assets-teal-nord/scale-horz-marks-after-slider-dark@2.png differ diff --git a/src/src/assets/gtk/assets-teal-nord/scale-horz-marks-after-slider-disabled-dark.png b/src/src/assets/gtk/assets-teal-nord/scale-horz-marks-after-slider-disabled-dark.png new file mode 100644 index 00000000..8a0500d8 Binary files /dev/null and b/src/src/assets/gtk/assets-teal-nord/scale-horz-marks-after-slider-disabled-dark.png differ diff --git a/src/src/assets/gtk/assets-teal-nord/scale-horz-marks-after-slider-disabled-dark@2.png b/src/src/assets/gtk/assets-teal-nord/scale-horz-marks-after-slider-disabled-dark@2.png new file mode 100644 index 00000000..66f18217 Binary files /dev/null and b/src/src/assets/gtk/assets-teal-nord/scale-horz-marks-after-slider-disabled-dark@2.png differ diff --git a/src/src/assets/gtk/assets-teal-nord/scale-horz-marks-after-slider-disabled.png b/src/src/assets/gtk/assets-teal-nord/scale-horz-marks-after-slider-disabled.png new file mode 100644 index 00000000..93999b3b Binary files /dev/null and b/src/src/assets/gtk/assets-teal-nord/scale-horz-marks-after-slider-disabled.png differ diff --git a/src/src/assets/gtk/assets-teal-nord/scale-horz-marks-after-slider-disabled@2.png b/src/src/assets/gtk/assets-teal-nord/scale-horz-marks-after-slider-disabled@2.png new file mode 100644 index 00000000..2ee59e32 Binary files /dev/null and b/src/src/assets/gtk/assets-teal-nord/scale-horz-marks-after-slider-disabled@2.png differ diff --git a/src/src/assets/gtk/assets-teal-nord/scale-horz-marks-after-slider.png b/src/src/assets/gtk/assets-teal-nord/scale-horz-marks-after-slider.png new file mode 100644 index 00000000..facaf418 Binary files /dev/null and b/src/src/assets/gtk/assets-teal-nord/scale-horz-marks-after-slider.png differ diff --git a/src/src/assets/gtk/assets-teal-nord/scale-horz-marks-after-slider@2.png b/src/src/assets/gtk/assets-teal-nord/scale-horz-marks-after-slider@2.png new file mode 100644 index 00000000..3ae70187 Binary files /dev/null and b/src/src/assets/gtk/assets-teal-nord/scale-horz-marks-after-slider@2.png differ diff --git a/src/src/assets/gtk/assets-teal-nord/scale-horz-marks-before-slider-dark.png b/src/src/assets/gtk/assets-teal-nord/scale-horz-marks-before-slider-dark.png new file mode 100644 index 00000000..959c2e5d Binary files /dev/null and b/src/src/assets/gtk/assets-teal-nord/scale-horz-marks-before-slider-dark.png differ diff --git a/src/src/assets/gtk/assets-teal-nord/scale-horz-marks-before-slider-dark@2.png b/src/src/assets/gtk/assets-teal-nord/scale-horz-marks-before-slider-dark@2.png new file mode 100644 index 00000000..47a0c5a5 Binary files /dev/null and b/src/src/assets/gtk/assets-teal-nord/scale-horz-marks-before-slider-dark@2.png differ diff --git a/src/src/assets/gtk/assets-teal-nord/scale-horz-marks-before-slider-disabled-dark.png b/src/src/assets/gtk/assets-teal-nord/scale-horz-marks-before-slider-disabled-dark.png new file mode 100644 index 00000000..3102dd37 Binary files /dev/null and b/src/src/assets/gtk/assets-teal-nord/scale-horz-marks-before-slider-disabled-dark.png differ diff --git a/src/src/assets/gtk/assets-teal-nord/scale-horz-marks-before-slider-disabled-dark@2.png b/src/src/assets/gtk/assets-teal-nord/scale-horz-marks-before-slider-disabled-dark@2.png new file mode 100644 index 00000000..20c0f352 Binary files /dev/null and b/src/src/assets/gtk/assets-teal-nord/scale-horz-marks-before-slider-disabled-dark@2.png differ diff --git a/src/src/assets/gtk/assets-teal-nord/scale-horz-marks-before-slider-disabled.png b/src/src/assets/gtk/assets-teal-nord/scale-horz-marks-before-slider-disabled.png new file mode 100644 index 00000000..be8bb5dd Binary files /dev/null and b/src/src/assets/gtk/assets-teal-nord/scale-horz-marks-before-slider-disabled.png differ diff --git a/src/src/assets/gtk/assets-teal-nord/scale-horz-marks-before-slider-disabled@2.png b/src/src/assets/gtk/assets-teal-nord/scale-horz-marks-before-slider-disabled@2.png new file mode 100644 index 00000000..c0a0fcdb Binary files /dev/null and b/src/src/assets/gtk/assets-teal-nord/scale-horz-marks-before-slider-disabled@2.png differ diff --git a/src/src/assets/gtk/assets-teal-nord/scale-horz-marks-before-slider.png b/src/src/assets/gtk/assets-teal-nord/scale-horz-marks-before-slider.png new file mode 100644 index 00000000..bb6e2377 Binary files /dev/null and b/src/src/assets/gtk/assets-teal-nord/scale-horz-marks-before-slider.png differ diff --git a/src/src/assets/gtk/assets-teal-nord/scale-horz-marks-before-slider@2.png b/src/src/assets/gtk/assets-teal-nord/scale-horz-marks-before-slider@2.png new file mode 100644 index 00000000..48b33271 Binary files /dev/null and b/src/src/assets/gtk/assets-teal-nord/scale-horz-marks-before-slider@2.png differ diff --git a/src/src/assets/gtk/assets-teal-nord/scale-vert-marks-after-slider-dark.png b/src/src/assets/gtk/assets-teal-nord/scale-vert-marks-after-slider-dark.png new file mode 100644 index 00000000..7cd2c370 Binary files /dev/null and b/src/src/assets/gtk/assets-teal-nord/scale-vert-marks-after-slider-dark.png differ diff --git a/src/src/assets/gtk/assets-teal-nord/scale-vert-marks-after-slider-dark@2.png b/src/src/assets/gtk/assets-teal-nord/scale-vert-marks-after-slider-dark@2.png new file mode 100644 index 00000000..502a050d Binary files /dev/null and b/src/src/assets/gtk/assets-teal-nord/scale-vert-marks-after-slider-dark@2.png differ diff --git a/src/src/assets/gtk/assets-teal-nord/scale-vert-marks-after-slider-disabled-dark.png b/src/src/assets/gtk/assets-teal-nord/scale-vert-marks-after-slider-disabled-dark.png new file mode 100644 index 00000000..010d3081 Binary files /dev/null and b/src/src/assets/gtk/assets-teal-nord/scale-vert-marks-after-slider-disabled-dark.png differ diff --git a/src/src/assets/gtk/assets-teal-nord/scale-vert-marks-after-slider-disabled-dark@2.png b/src/src/assets/gtk/assets-teal-nord/scale-vert-marks-after-slider-disabled-dark@2.png new file mode 100644 index 00000000..1a7b1d2f Binary files /dev/null and b/src/src/assets/gtk/assets-teal-nord/scale-vert-marks-after-slider-disabled-dark@2.png differ diff --git a/src/src/assets/gtk/assets-teal-nord/scale-vert-marks-after-slider-disabled.png b/src/src/assets/gtk/assets-teal-nord/scale-vert-marks-after-slider-disabled.png new file mode 100644 index 00000000..eed2d884 Binary files /dev/null and b/src/src/assets/gtk/assets-teal-nord/scale-vert-marks-after-slider-disabled.png differ diff --git a/src/src/assets/gtk/assets-teal-nord/scale-vert-marks-after-slider-disabled@2.png b/src/src/assets/gtk/assets-teal-nord/scale-vert-marks-after-slider-disabled@2.png new file mode 100644 index 00000000..02c20ce3 Binary files /dev/null and b/src/src/assets/gtk/assets-teal-nord/scale-vert-marks-after-slider-disabled@2.png differ diff --git a/src/src/assets/gtk/assets-teal-nord/scale-vert-marks-after-slider.png b/src/src/assets/gtk/assets-teal-nord/scale-vert-marks-after-slider.png new file mode 100644 index 00000000..89023944 Binary files /dev/null and b/src/src/assets/gtk/assets-teal-nord/scale-vert-marks-after-slider.png differ diff --git a/src/src/assets/gtk/assets-teal-nord/scale-vert-marks-after-slider@2.png b/src/src/assets/gtk/assets-teal-nord/scale-vert-marks-after-slider@2.png new file mode 100644 index 00000000..1066f589 Binary files /dev/null and b/src/src/assets/gtk/assets-teal-nord/scale-vert-marks-after-slider@2.png differ diff --git a/src/src/assets/gtk/assets-teal-nord/scale-vert-marks-before-slider-dark.png b/src/src/assets/gtk/assets-teal-nord/scale-vert-marks-before-slider-dark.png new file mode 100644 index 00000000..8425add9 Binary files /dev/null and b/src/src/assets/gtk/assets-teal-nord/scale-vert-marks-before-slider-dark.png differ diff --git a/src/src/assets/gtk/assets-teal-nord/scale-vert-marks-before-slider-dark@2.png b/src/src/assets/gtk/assets-teal-nord/scale-vert-marks-before-slider-dark@2.png new file mode 100644 index 00000000..3acc5d2e Binary files /dev/null and b/src/src/assets/gtk/assets-teal-nord/scale-vert-marks-before-slider-dark@2.png differ diff --git a/src/src/assets/gtk/assets-teal-nord/scale-vert-marks-before-slider-disabled-dark.png b/src/src/assets/gtk/assets-teal-nord/scale-vert-marks-before-slider-disabled-dark.png new file mode 100644 index 00000000..9bdc4f2f Binary files /dev/null and b/src/src/assets/gtk/assets-teal-nord/scale-vert-marks-before-slider-disabled-dark.png differ diff --git a/src/src/assets/gtk/assets-teal-nord/scale-vert-marks-before-slider-disabled-dark@2.png b/src/src/assets/gtk/assets-teal-nord/scale-vert-marks-before-slider-disabled-dark@2.png new file mode 100644 index 00000000..23de7142 Binary files /dev/null and b/src/src/assets/gtk/assets-teal-nord/scale-vert-marks-before-slider-disabled-dark@2.png differ diff --git a/src/src/assets/gtk/assets-teal-nord/scale-vert-marks-before-slider-disabled.png b/src/src/assets/gtk/assets-teal-nord/scale-vert-marks-before-slider-disabled.png new file mode 100644 index 00000000..7f8758dc Binary files /dev/null and b/src/src/assets/gtk/assets-teal-nord/scale-vert-marks-before-slider-disabled.png differ diff --git a/src/src/assets/gtk/assets-teal-nord/scale-vert-marks-before-slider-disabled@2.png b/src/src/assets/gtk/assets-teal-nord/scale-vert-marks-before-slider-disabled@2.png new file mode 100644 index 00000000..9e5cbc76 Binary files /dev/null and b/src/src/assets/gtk/assets-teal-nord/scale-vert-marks-before-slider-disabled@2.png differ diff --git a/src/src/assets/gtk/assets-teal-nord/scale-vert-marks-before-slider.png b/src/src/assets/gtk/assets-teal-nord/scale-vert-marks-before-slider.png new file mode 100644 index 00000000..66de3576 Binary files /dev/null and b/src/src/assets/gtk/assets-teal-nord/scale-vert-marks-before-slider.png differ diff --git a/src/src/assets/gtk/assets-teal-nord/scale-vert-marks-before-slider@2.png b/src/src/assets/gtk/assets-teal-nord/scale-vert-marks-before-slider@2.png new file mode 100644 index 00000000..36256e9e Binary files /dev/null and b/src/src/assets/gtk/assets-teal-nord/scale-vert-marks-before-slider@2.png differ diff --git a/src/src/assets/gtk/assets-teal-nord/selectionmode-checkbox-checked-dark.png b/src/src/assets/gtk/assets-teal-nord/selectionmode-checkbox-checked-dark.png new file mode 100644 index 00000000..92aa7299 Binary files /dev/null and b/src/src/assets/gtk/assets-teal-nord/selectionmode-checkbox-checked-dark.png differ diff --git a/src/src/assets/gtk/assets-teal-nord/selectionmode-checkbox-checked-dark@2.png b/src/src/assets/gtk/assets-teal-nord/selectionmode-checkbox-checked-dark@2.png new file mode 100644 index 00000000..c2bfc241 Binary files /dev/null and b/src/src/assets/gtk/assets-teal-nord/selectionmode-checkbox-checked-dark@2.png differ diff --git a/src/src/assets/gtk/assets-teal-nord/selectionmode-checkbox-checked.png b/src/src/assets/gtk/assets-teal-nord/selectionmode-checkbox-checked.png new file mode 100644 index 00000000..a83a1cd7 Binary files /dev/null and b/src/src/assets/gtk/assets-teal-nord/selectionmode-checkbox-checked.png differ diff --git a/src/src/assets/gtk/assets-teal-nord/selectionmode-checkbox-checked@2.png b/src/src/assets/gtk/assets-teal-nord/selectionmode-checkbox-checked@2.png new file mode 100644 index 00000000..bdc05e55 Binary files /dev/null and b/src/src/assets/gtk/assets-teal-nord/selectionmode-checkbox-checked@2.png differ diff --git a/src/src/assets/gtk/assets-teal-nord/selectionmode-checkbox-unchecked-dark.png b/src/src/assets/gtk/assets-teal-nord/selectionmode-checkbox-unchecked-dark.png new file mode 100644 index 00000000..c27927d5 Binary files /dev/null and b/src/src/assets/gtk/assets-teal-nord/selectionmode-checkbox-unchecked-dark.png differ diff --git a/src/src/assets/gtk/assets-teal-nord/selectionmode-checkbox-unchecked-dark@2.png b/src/src/assets/gtk/assets-teal-nord/selectionmode-checkbox-unchecked-dark@2.png new file mode 100644 index 00000000..e5748d7d Binary files /dev/null and b/src/src/assets/gtk/assets-teal-nord/selectionmode-checkbox-unchecked-dark@2.png differ diff --git a/src/src/assets/gtk/assets-teal-nord/selectionmode-checkbox-unchecked.png b/src/src/assets/gtk/assets-teal-nord/selectionmode-checkbox-unchecked.png new file mode 100644 index 00000000..40ff92e0 Binary files /dev/null and b/src/src/assets/gtk/assets-teal-nord/selectionmode-checkbox-unchecked.png differ diff --git a/src/src/assets/gtk/assets-teal-nord/selectionmode-checkbox-unchecked@2.png b/src/src/assets/gtk/assets-teal-nord/selectionmode-checkbox-unchecked@2.png new file mode 100644 index 00000000..8e87ea7e Binary files /dev/null and b/src/src/assets/gtk/assets-teal-nord/selectionmode-checkbox-unchecked@2.png differ diff --git a/src/src/assets/gtk/assets-teal.svg b/src/src/assets/gtk/assets-teal.svg new file mode 100644 index 00000000..523cfb48 --- /dev/null +++ b/src/src/assets/gtk/assets-teal.svg @@ -0,0 +1,505 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/src/assets/gtk/assets-teal/scale-horz-marks-after-slider-dark.png b/src/src/assets/gtk/assets-teal/scale-horz-marks-after-slider-dark.png new file mode 100644 index 00000000..2e615443 Binary files /dev/null and b/src/src/assets/gtk/assets-teal/scale-horz-marks-after-slider-dark.png differ diff --git a/src/src/assets/gtk/assets-teal/scale-horz-marks-after-slider-dark@2.png b/src/src/assets/gtk/assets-teal/scale-horz-marks-after-slider-dark@2.png new file mode 100644 index 00000000..cf8898b0 Binary files /dev/null and b/src/src/assets/gtk/assets-teal/scale-horz-marks-after-slider-dark@2.png differ diff --git a/src/src/assets/gtk/assets-teal/scale-horz-marks-after-slider-disabled-dark.png b/src/src/assets/gtk/assets-teal/scale-horz-marks-after-slider-disabled-dark.png new file mode 100644 index 00000000..6cbef0ba Binary files /dev/null and b/src/src/assets/gtk/assets-teal/scale-horz-marks-after-slider-disabled-dark.png differ diff --git a/src/src/assets/gtk/assets-teal/scale-horz-marks-after-slider-disabled-dark@2.png b/src/src/assets/gtk/assets-teal/scale-horz-marks-after-slider-disabled-dark@2.png new file mode 100644 index 00000000..ba4fc87e Binary files /dev/null and b/src/src/assets/gtk/assets-teal/scale-horz-marks-after-slider-disabled-dark@2.png differ diff --git a/src/src/assets/gtk/assets-teal/scale-horz-marks-after-slider-disabled.png b/src/src/assets/gtk/assets-teal/scale-horz-marks-after-slider-disabled.png new file mode 100644 index 00000000..e1bde92c Binary files /dev/null and b/src/src/assets/gtk/assets-teal/scale-horz-marks-after-slider-disabled.png differ diff --git a/src/src/assets/gtk/assets-teal/scale-horz-marks-after-slider-disabled@2.png b/src/src/assets/gtk/assets-teal/scale-horz-marks-after-slider-disabled@2.png new file mode 100644 index 00000000..2a9bcc82 Binary files /dev/null and b/src/src/assets/gtk/assets-teal/scale-horz-marks-after-slider-disabled@2.png differ diff --git a/src/src/assets/gtk/assets-teal/scale-horz-marks-after-slider.png b/src/src/assets/gtk/assets-teal/scale-horz-marks-after-slider.png new file mode 100644 index 00000000..a94dadbd Binary files /dev/null and b/src/src/assets/gtk/assets-teal/scale-horz-marks-after-slider.png differ diff --git a/src/src/assets/gtk/assets-teal/scale-horz-marks-after-slider@2.png b/src/src/assets/gtk/assets-teal/scale-horz-marks-after-slider@2.png new file mode 100644 index 00000000..89a90c9e Binary files /dev/null and b/src/src/assets/gtk/assets-teal/scale-horz-marks-after-slider@2.png differ diff --git a/src/src/assets/gtk/assets-teal/scale-horz-marks-before-slider-dark.png b/src/src/assets/gtk/assets-teal/scale-horz-marks-before-slider-dark.png new file mode 100644 index 00000000..fb967be6 Binary files /dev/null and b/src/src/assets/gtk/assets-teal/scale-horz-marks-before-slider-dark.png differ diff --git a/src/src/assets/gtk/assets-teal/scale-horz-marks-before-slider-dark@2.png b/src/src/assets/gtk/assets-teal/scale-horz-marks-before-slider-dark@2.png new file mode 100644 index 00000000..f63c7f58 Binary files /dev/null and b/src/src/assets/gtk/assets-teal/scale-horz-marks-before-slider-dark@2.png differ diff --git a/src/src/assets/gtk/assets-teal/scale-horz-marks-before-slider-disabled-dark.png b/src/src/assets/gtk/assets-teal/scale-horz-marks-before-slider-disabled-dark.png new file mode 100644 index 00000000..59181ee8 Binary files /dev/null and b/src/src/assets/gtk/assets-teal/scale-horz-marks-before-slider-disabled-dark.png differ diff --git a/src/src/assets/gtk/assets-teal/scale-horz-marks-before-slider-disabled-dark@2.png b/src/src/assets/gtk/assets-teal/scale-horz-marks-before-slider-disabled-dark@2.png new file mode 100644 index 00000000..4e04762f Binary files /dev/null and b/src/src/assets/gtk/assets-teal/scale-horz-marks-before-slider-disabled-dark@2.png differ diff --git a/src/src/assets/gtk/assets-teal/scale-horz-marks-before-slider-disabled.png b/src/src/assets/gtk/assets-teal/scale-horz-marks-before-slider-disabled.png new file mode 100644 index 00000000..2680bc31 Binary files /dev/null and b/src/src/assets/gtk/assets-teal/scale-horz-marks-before-slider-disabled.png differ diff --git a/src/src/assets/gtk/assets-teal/scale-horz-marks-before-slider-disabled@2.png b/src/src/assets/gtk/assets-teal/scale-horz-marks-before-slider-disabled@2.png new file mode 100644 index 00000000..4fe2ea37 Binary files /dev/null and b/src/src/assets/gtk/assets-teal/scale-horz-marks-before-slider-disabled@2.png differ diff --git a/src/src/assets/gtk/assets-teal/scale-horz-marks-before-slider.png b/src/src/assets/gtk/assets-teal/scale-horz-marks-before-slider.png new file mode 100644 index 00000000..5bbc8bdb Binary files /dev/null and b/src/src/assets/gtk/assets-teal/scale-horz-marks-before-slider.png differ diff --git a/src/src/assets/gtk/assets-teal/scale-horz-marks-before-slider@2.png b/src/src/assets/gtk/assets-teal/scale-horz-marks-before-slider@2.png new file mode 100644 index 00000000..fa30f736 Binary files /dev/null and b/src/src/assets/gtk/assets-teal/scale-horz-marks-before-slider@2.png differ diff --git a/src/src/assets/gtk/assets-teal/scale-vert-marks-after-slider-dark.png b/src/src/assets/gtk/assets-teal/scale-vert-marks-after-slider-dark.png new file mode 100644 index 00000000..e958a708 Binary files /dev/null and b/src/src/assets/gtk/assets-teal/scale-vert-marks-after-slider-dark.png differ diff --git a/src/src/assets/gtk/assets-teal/scale-vert-marks-after-slider-dark@2.png b/src/src/assets/gtk/assets-teal/scale-vert-marks-after-slider-dark@2.png new file mode 100644 index 00000000..55b8ff9e Binary files /dev/null and b/src/src/assets/gtk/assets-teal/scale-vert-marks-after-slider-dark@2.png differ diff --git a/src/src/assets/gtk/assets-teal/scale-vert-marks-after-slider-disabled-dark.png b/src/src/assets/gtk/assets-teal/scale-vert-marks-after-slider-disabled-dark.png new file mode 100644 index 00000000..0db621c0 Binary files /dev/null and b/src/src/assets/gtk/assets-teal/scale-vert-marks-after-slider-disabled-dark.png differ diff --git a/src/src/assets/gtk/assets-teal/scale-vert-marks-after-slider-disabled-dark@2.png b/src/src/assets/gtk/assets-teal/scale-vert-marks-after-slider-disabled-dark@2.png new file mode 100644 index 00000000..470020f0 Binary files /dev/null and b/src/src/assets/gtk/assets-teal/scale-vert-marks-after-slider-disabled-dark@2.png differ diff --git a/src/src/assets/gtk/assets-teal/scale-vert-marks-after-slider-disabled.png b/src/src/assets/gtk/assets-teal/scale-vert-marks-after-slider-disabled.png new file mode 100644 index 00000000..fa91d683 Binary files /dev/null and b/src/src/assets/gtk/assets-teal/scale-vert-marks-after-slider-disabled.png differ diff --git a/src/src/assets/gtk/assets-teal/scale-vert-marks-after-slider-disabled@2.png b/src/src/assets/gtk/assets-teal/scale-vert-marks-after-slider-disabled@2.png new file mode 100644 index 00000000..e6b7657b Binary files /dev/null and b/src/src/assets/gtk/assets-teal/scale-vert-marks-after-slider-disabled@2.png differ diff --git a/src/src/assets/gtk/assets-teal/scale-vert-marks-after-slider.png b/src/src/assets/gtk/assets-teal/scale-vert-marks-after-slider.png new file mode 100644 index 00000000..24da1733 Binary files /dev/null and b/src/src/assets/gtk/assets-teal/scale-vert-marks-after-slider.png differ diff --git a/src/src/assets/gtk/assets-teal/scale-vert-marks-after-slider@2.png b/src/src/assets/gtk/assets-teal/scale-vert-marks-after-slider@2.png new file mode 100644 index 00000000..e2a68701 Binary files /dev/null and b/src/src/assets/gtk/assets-teal/scale-vert-marks-after-slider@2.png differ diff --git a/src/src/assets/gtk/assets-teal/scale-vert-marks-before-slider-dark.png b/src/src/assets/gtk/assets-teal/scale-vert-marks-before-slider-dark.png new file mode 100644 index 00000000..0064f8c5 Binary files /dev/null and b/src/src/assets/gtk/assets-teal/scale-vert-marks-before-slider-dark.png differ diff --git a/src/src/assets/gtk/assets-teal/scale-vert-marks-before-slider-dark@2.png b/src/src/assets/gtk/assets-teal/scale-vert-marks-before-slider-dark@2.png new file mode 100644 index 00000000..d6447ac9 Binary files /dev/null and b/src/src/assets/gtk/assets-teal/scale-vert-marks-before-slider-dark@2.png differ diff --git a/src/src/assets/gtk/assets-teal/scale-vert-marks-before-slider-disabled-dark.png b/src/src/assets/gtk/assets-teal/scale-vert-marks-before-slider-disabled-dark.png new file mode 100644 index 00000000..cd547df8 Binary files /dev/null and b/src/src/assets/gtk/assets-teal/scale-vert-marks-before-slider-disabled-dark.png differ diff --git a/src/src/assets/gtk/assets-teal/scale-vert-marks-before-slider-disabled-dark@2.png b/src/src/assets/gtk/assets-teal/scale-vert-marks-before-slider-disabled-dark@2.png new file mode 100644 index 00000000..90b1b9eb Binary files /dev/null and b/src/src/assets/gtk/assets-teal/scale-vert-marks-before-slider-disabled-dark@2.png differ diff --git a/src/src/assets/gtk/assets-teal/scale-vert-marks-before-slider-disabled.png b/src/src/assets/gtk/assets-teal/scale-vert-marks-before-slider-disabled.png new file mode 100644 index 00000000..fb443384 Binary files /dev/null and b/src/src/assets/gtk/assets-teal/scale-vert-marks-before-slider-disabled.png differ diff --git a/src/src/assets/gtk/assets-teal/scale-vert-marks-before-slider-disabled@2.png b/src/src/assets/gtk/assets-teal/scale-vert-marks-before-slider-disabled@2.png new file mode 100644 index 00000000..51226b6e Binary files /dev/null and b/src/src/assets/gtk/assets-teal/scale-vert-marks-before-slider-disabled@2.png differ diff --git a/src/src/assets/gtk/assets-teal/scale-vert-marks-before-slider.png b/src/src/assets/gtk/assets-teal/scale-vert-marks-before-slider.png new file mode 100644 index 00000000..285b2c09 Binary files /dev/null and b/src/src/assets/gtk/assets-teal/scale-vert-marks-before-slider.png differ diff --git a/src/src/assets/gtk/assets-teal/scale-vert-marks-before-slider@2.png b/src/src/assets/gtk/assets-teal/scale-vert-marks-before-slider@2.png new file mode 100644 index 00000000..dfe1b495 Binary files /dev/null and b/src/src/assets/gtk/assets-teal/scale-vert-marks-before-slider@2.png differ diff --git a/src/src/assets/gtk/assets-teal/selectionmode-checkbox-checked-dark.png b/src/src/assets/gtk/assets-teal/selectionmode-checkbox-checked-dark.png new file mode 100644 index 00000000..78b9e175 Binary files /dev/null and b/src/src/assets/gtk/assets-teal/selectionmode-checkbox-checked-dark.png differ diff --git a/src/src/assets/gtk/assets-teal/selectionmode-checkbox-checked-dark@2.png b/src/src/assets/gtk/assets-teal/selectionmode-checkbox-checked-dark@2.png new file mode 100644 index 00000000..2fe27807 Binary files /dev/null and b/src/src/assets/gtk/assets-teal/selectionmode-checkbox-checked-dark@2.png differ diff --git a/src/src/assets/gtk/assets-teal/selectionmode-checkbox-checked.png b/src/src/assets/gtk/assets-teal/selectionmode-checkbox-checked.png new file mode 100644 index 00000000..23195fe0 Binary files /dev/null and b/src/src/assets/gtk/assets-teal/selectionmode-checkbox-checked.png differ diff --git a/src/src/assets/gtk/assets-teal/selectionmode-checkbox-checked@2.png b/src/src/assets/gtk/assets-teal/selectionmode-checkbox-checked@2.png new file mode 100644 index 00000000..beaa9c1c Binary files /dev/null and b/src/src/assets/gtk/assets-teal/selectionmode-checkbox-checked@2.png differ diff --git a/src/src/assets/gtk/assets-teal/selectionmode-checkbox-unchecked-dark.png b/src/src/assets/gtk/assets-teal/selectionmode-checkbox-unchecked-dark.png new file mode 100644 index 00000000..f6b914e5 Binary files /dev/null and b/src/src/assets/gtk/assets-teal/selectionmode-checkbox-unchecked-dark.png differ diff --git a/src/src/assets/gtk/assets-teal/selectionmode-checkbox-unchecked-dark@2.png b/src/src/assets/gtk/assets-teal/selectionmode-checkbox-unchecked-dark@2.png new file mode 100644 index 00000000..29ecf2b8 Binary files /dev/null and b/src/src/assets/gtk/assets-teal/selectionmode-checkbox-unchecked-dark@2.png differ diff --git a/src/src/assets/gtk/assets-teal/selectionmode-checkbox-unchecked.png b/src/src/assets/gtk/assets-teal/selectionmode-checkbox-unchecked.png new file mode 100644 index 00000000..40ff92e0 Binary files /dev/null and b/src/src/assets/gtk/assets-teal/selectionmode-checkbox-unchecked.png differ diff --git a/src/src/assets/gtk/assets-teal/selectionmode-checkbox-unchecked@2.png b/src/src/assets/gtk/assets-teal/selectionmode-checkbox-unchecked@2.png new file mode 100644 index 00000000..8e87ea7e Binary files /dev/null and b/src/src/assets/gtk/assets-teal/selectionmode-checkbox-unchecked@2.png differ diff --git a/src/src/assets/gtk/assets-yellow-nord.svg b/src/src/assets/gtk/assets-yellow-nord.svg new file mode 100644 index 00000000..2dcd29ed --- /dev/null +++ b/src/src/assets/gtk/assets-yellow-nord.svg @@ -0,0 +1,84 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/src/assets/gtk/assets-yellow-nord/scale-horz-marks-after-slider-dark.png b/src/src/assets/gtk/assets-yellow-nord/scale-horz-marks-after-slider-dark.png new file mode 100644 index 00000000..33a6468a Binary files /dev/null and b/src/src/assets/gtk/assets-yellow-nord/scale-horz-marks-after-slider-dark.png differ diff --git a/src/src/assets/gtk/assets-yellow-nord/scale-horz-marks-after-slider-dark@2.png b/src/src/assets/gtk/assets-yellow-nord/scale-horz-marks-after-slider-dark@2.png new file mode 100644 index 00000000..81dbe7b6 Binary files /dev/null and b/src/src/assets/gtk/assets-yellow-nord/scale-horz-marks-after-slider-dark@2.png differ diff --git a/src/src/assets/gtk/assets-yellow-nord/scale-horz-marks-after-slider-disabled-dark.png b/src/src/assets/gtk/assets-yellow-nord/scale-horz-marks-after-slider-disabled-dark.png new file mode 100644 index 00000000..70a10d83 Binary files /dev/null and b/src/src/assets/gtk/assets-yellow-nord/scale-horz-marks-after-slider-disabled-dark.png differ diff --git a/src/src/assets/gtk/assets-yellow-nord/scale-horz-marks-after-slider-disabled-dark@2.png b/src/src/assets/gtk/assets-yellow-nord/scale-horz-marks-after-slider-disabled-dark@2.png new file mode 100644 index 00000000..bd534af3 Binary files /dev/null and b/src/src/assets/gtk/assets-yellow-nord/scale-horz-marks-after-slider-disabled-dark@2.png differ diff --git a/src/src/assets/gtk/assets-yellow-nord/scale-horz-marks-after-slider-disabled.png b/src/src/assets/gtk/assets-yellow-nord/scale-horz-marks-after-slider-disabled.png new file mode 100644 index 00000000..b4b7c48b Binary files /dev/null and b/src/src/assets/gtk/assets-yellow-nord/scale-horz-marks-after-slider-disabled.png differ diff --git a/src/src/assets/gtk/assets-yellow-nord/scale-horz-marks-after-slider-disabled@2.png b/src/src/assets/gtk/assets-yellow-nord/scale-horz-marks-after-slider-disabled@2.png new file mode 100644 index 00000000..1768e50f Binary files /dev/null and b/src/src/assets/gtk/assets-yellow-nord/scale-horz-marks-after-slider-disabled@2.png differ diff --git a/src/src/assets/gtk/assets-yellow-nord/scale-horz-marks-after-slider.png b/src/src/assets/gtk/assets-yellow-nord/scale-horz-marks-after-slider.png new file mode 100644 index 00000000..2be1bc7e Binary files /dev/null and b/src/src/assets/gtk/assets-yellow-nord/scale-horz-marks-after-slider.png differ diff --git a/src/src/assets/gtk/assets-yellow-nord/scale-horz-marks-after-slider@2.png b/src/src/assets/gtk/assets-yellow-nord/scale-horz-marks-after-slider@2.png new file mode 100644 index 00000000..eeccf7f2 Binary files /dev/null and b/src/src/assets/gtk/assets-yellow-nord/scale-horz-marks-after-slider@2.png differ diff --git a/src/src/assets/gtk/assets-yellow-nord/scale-horz-marks-before-slider-dark.png b/src/src/assets/gtk/assets-yellow-nord/scale-horz-marks-before-slider-dark.png new file mode 100644 index 00000000..225e2bdf Binary files /dev/null and b/src/src/assets/gtk/assets-yellow-nord/scale-horz-marks-before-slider-dark.png differ diff --git a/src/src/assets/gtk/assets-yellow-nord/scale-horz-marks-before-slider-dark@2.png b/src/src/assets/gtk/assets-yellow-nord/scale-horz-marks-before-slider-dark@2.png new file mode 100644 index 00000000..49eb30b5 Binary files /dev/null and b/src/src/assets/gtk/assets-yellow-nord/scale-horz-marks-before-slider-dark@2.png differ diff --git a/src/src/assets/gtk/assets-yellow-nord/scale-horz-marks-before-slider-disabled-dark.png b/src/src/assets/gtk/assets-yellow-nord/scale-horz-marks-before-slider-disabled-dark.png new file mode 100644 index 00000000..dd8c0d9f Binary files /dev/null and b/src/src/assets/gtk/assets-yellow-nord/scale-horz-marks-before-slider-disabled-dark.png differ diff --git a/src/src/assets/gtk/assets-yellow-nord/scale-horz-marks-before-slider-disabled-dark@2.png b/src/src/assets/gtk/assets-yellow-nord/scale-horz-marks-before-slider-disabled-dark@2.png new file mode 100644 index 00000000..c59f1d20 Binary files /dev/null and b/src/src/assets/gtk/assets-yellow-nord/scale-horz-marks-before-slider-disabled-dark@2.png differ diff --git a/src/src/assets/gtk/assets-yellow-nord/scale-horz-marks-before-slider-disabled.png b/src/src/assets/gtk/assets-yellow-nord/scale-horz-marks-before-slider-disabled.png new file mode 100644 index 00000000..f6bdcccd Binary files /dev/null and b/src/src/assets/gtk/assets-yellow-nord/scale-horz-marks-before-slider-disabled.png differ diff --git a/src/src/assets/gtk/assets-yellow-nord/scale-horz-marks-before-slider-disabled@2.png b/src/src/assets/gtk/assets-yellow-nord/scale-horz-marks-before-slider-disabled@2.png new file mode 100644 index 00000000..e1139bdd Binary files /dev/null and b/src/src/assets/gtk/assets-yellow-nord/scale-horz-marks-before-slider-disabled@2.png differ diff --git a/src/src/assets/gtk/assets-yellow-nord/scale-horz-marks-before-slider.png b/src/src/assets/gtk/assets-yellow-nord/scale-horz-marks-before-slider.png new file mode 100644 index 00000000..3e26f47b Binary files /dev/null and b/src/src/assets/gtk/assets-yellow-nord/scale-horz-marks-before-slider.png differ diff --git a/src/src/assets/gtk/assets-yellow-nord/scale-horz-marks-before-slider@2.png b/src/src/assets/gtk/assets-yellow-nord/scale-horz-marks-before-slider@2.png new file mode 100644 index 00000000..9a8b1e05 Binary files /dev/null and b/src/src/assets/gtk/assets-yellow-nord/scale-horz-marks-before-slider@2.png differ diff --git a/src/src/assets/gtk/assets-yellow-nord/scale-vert-marks-after-slider-dark.png b/src/src/assets/gtk/assets-yellow-nord/scale-vert-marks-after-slider-dark.png new file mode 100644 index 00000000..3bc58469 Binary files /dev/null and b/src/src/assets/gtk/assets-yellow-nord/scale-vert-marks-after-slider-dark.png differ diff --git a/src/src/assets/gtk/assets-yellow-nord/scale-vert-marks-after-slider-dark@2.png b/src/src/assets/gtk/assets-yellow-nord/scale-vert-marks-after-slider-dark@2.png new file mode 100644 index 00000000..1650d365 Binary files /dev/null and b/src/src/assets/gtk/assets-yellow-nord/scale-vert-marks-after-slider-dark@2.png differ diff --git a/src/src/assets/gtk/assets-yellow-nord/scale-vert-marks-after-slider-disabled-dark.png b/src/src/assets/gtk/assets-yellow-nord/scale-vert-marks-after-slider-disabled-dark.png new file mode 100644 index 00000000..93c2105b Binary files /dev/null and b/src/src/assets/gtk/assets-yellow-nord/scale-vert-marks-after-slider-disabled-dark.png differ diff --git a/src/src/assets/gtk/assets-yellow-nord/scale-vert-marks-after-slider-disabled-dark@2.png b/src/src/assets/gtk/assets-yellow-nord/scale-vert-marks-after-slider-disabled-dark@2.png new file mode 100644 index 00000000..610ffea2 Binary files /dev/null and b/src/src/assets/gtk/assets-yellow-nord/scale-vert-marks-after-slider-disabled-dark@2.png differ diff --git a/src/src/assets/gtk/assets-yellow-nord/scale-vert-marks-after-slider-disabled.png b/src/src/assets/gtk/assets-yellow-nord/scale-vert-marks-after-slider-disabled.png new file mode 100644 index 00000000..bbd01bbf Binary files /dev/null and b/src/src/assets/gtk/assets-yellow-nord/scale-vert-marks-after-slider-disabled.png differ diff --git a/src/src/assets/gtk/assets-yellow-nord/scale-vert-marks-after-slider-disabled@2.png b/src/src/assets/gtk/assets-yellow-nord/scale-vert-marks-after-slider-disabled@2.png new file mode 100644 index 00000000..81093591 Binary files /dev/null and b/src/src/assets/gtk/assets-yellow-nord/scale-vert-marks-after-slider-disabled@2.png differ diff --git a/src/src/assets/gtk/assets-yellow-nord/scale-vert-marks-after-slider.png b/src/src/assets/gtk/assets-yellow-nord/scale-vert-marks-after-slider.png new file mode 100644 index 00000000..7c3dab40 Binary files /dev/null and b/src/src/assets/gtk/assets-yellow-nord/scale-vert-marks-after-slider.png differ diff --git a/src/src/assets/gtk/assets-yellow-nord/scale-vert-marks-after-slider@2.png b/src/src/assets/gtk/assets-yellow-nord/scale-vert-marks-after-slider@2.png new file mode 100644 index 00000000..dec5e339 Binary files /dev/null and b/src/src/assets/gtk/assets-yellow-nord/scale-vert-marks-after-slider@2.png differ diff --git a/src/src/assets/gtk/assets-yellow-nord/scale-vert-marks-before-slider-dark.png b/src/src/assets/gtk/assets-yellow-nord/scale-vert-marks-before-slider-dark.png new file mode 100644 index 00000000..f64fa78b Binary files /dev/null and b/src/src/assets/gtk/assets-yellow-nord/scale-vert-marks-before-slider-dark.png differ diff --git a/src/src/assets/gtk/assets-yellow-nord/scale-vert-marks-before-slider-dark@2.png b/src/src/assets/gtk/assets-yellow-nord/scale-vert-marks-before-slider-dark@2.png new file mode 100644 index 00000000..75af187c Binary files /dev/null and b/src/src/assets/gtk/assets-yellow-nord/scale-vert-marks-before-slider-dark@2.png differ diff --git a/src/src/assets/gtk/assets-yellow-nord/scale-vert-marks-before-slider-disabled-dark.png b/src/src/assets/gtk/assets-yellow-nord/scale-vert-marks-before-slider-disabled-dark.png new file mode 100644 index 00000000..d239f3ca Binary files /dev/null and b/src/src/assets/gtk/assets-yellow-nord/scale-vert-marks-before-slider-disabled-dark.png differ diff --git a/src/src/assets/gtk/assets-yellow-nord/scale-vert-marks-before-slider-disabled-dark@2.png b/src/src/assets/gtk/assets-yellow-nord/scale-vert-marks-before-slider-disabled-dark@2.png new file mode 100644 index 00000000..8d9fadb6 Binary files /dev/null and b/src/src/assets/gtk/assets-yellow-nord/scale-vert-marks-before-slider-disabled-dark@2.png differ diff --git a/src/src/assets/gtk/assets-yellow-nord/scale-vert-marks-before-slider-disabled.png b/src/src/assets/gtk/assets-yellow-nord/scale-vert-marks-before-slider-disabled.png new file mode 100644 index 00000000..9e469cc4 Binary files /dev/null and b/src/src/assets/gtk/assets-yellow-nord/scale-vert-marks-before-slider-disabled.png differ diff --git a/src/src/assets/gtk/assets-yellow-nord/scale-vert-marks-before-slider-disabled@2.png b/src/src/assets/gtk/assets-yellow-nord/scale-vert-marks-before-slider-disabled@2.png new file mode 100644 index 00000000..483cf343 Binary files /dev/null and b/src/src/assets/gtk/assets-yellow-nord/scale-vert-marks-before-slider-disabled@2.png differ diff --git a/src/src/assets/gtk/assets-yellow-nord/scale-vert-marks-before-slider.png b/src/src/assets/gtk/assets-yellow-nord/scale-vert-marks-before-slider.png new file mode 100644 index 00000000..0ba78609 Binary files /dev/null and b/src/src/assets/gtk/assets-yellow-nord/scale-vert-marks-before-slider.png differ diff --git a/src/src/assets/gtk/assets-yellow-nord/scale-vert-marks-before-slider@2.png b/src/src/assets/gtk/assets-yellow-nord/scale-vert-marks-before-slider@2.png new file mode 100644 index 00000000..e4fd6e1a Binary files /dev/null and b/src/src/assets/gtk/assets-yellow-nord/scale-vert-marks-before-slider@2.png differ diff --git a/src/src/assets/gtk/assets-yellow-nord/selectionmode-checkbox-checked-dark.png b/src/src/assets/gtk/assets-yellow-nord/selectionmode-checkbox-checked-dark.png new file mode 100644 index 00000000..37b3b6d9 Binary files /dev/null and b/src/src/assets/gtk/assets-yellow-nord/selectionmode-checkbox-checked-dark.png differ diff --git a/src/src/assets/gtk/assets-yellow-nord/selectionmode-checkbox-checked-dark@2.png b/src/src/assets/gtk/assets-yellow-nord/selectionmode-checkbox-checked-dark@2.png new file mode 100644 index 00000000..c4714be4 Binary files /dev/null and b/src/src/assets/gtk/assets-yellow-nord/selectionmode-checkbox-checked-dark@2.png differ diff --git a/src/src/assets/gtk/assets-yellow-nord/selectionmode-checkbox-checked.png b/src/src/assets/gtk/assets-yellow-nord/selectionmode-checkbox-checked.png new file mode 100644 index 00000000..309ce672 Binary files /dev/null and b/src/src/assets/gtk/assets-yellow-nord/selectionmode-checkbox-checked.png differ diff --git a/src/src/assets/gtk/assets-yellow-nord/selectionmode-checkbox-checked@2.png b/src/src/assets/gtk/assets-yellow-nord/selectionmode-checkbox-checked@2.png new file mode 100644 index 00000000..1213df53 Binary files /dev/null and b/src/src/assets/gtk/assets-yellow-nord/selectionmode-checkbox-checked@2.png differ diff --git a/src/src/assets/gtk/assets-yellow-nord/selectionmode-checkbox-unchecked-dark.png b/src/src/assets/gtk/assets-yellow-nord/selectionmode-checkbox-unchecked-dark.png new file mode 100644 index 00000000..c27927d5 Binary files /dev/null and b/src/src/assets/gtk/assets-yellow-nord/selectionmode-checkbox-unchecked-dark.png differ diff --git a/src/src/assets/gtk/assets-yellow-nord/selectionmode-checkbox-unchecked-dark@2.png b/src/src/assets/gtk/assets-yellow-nord/selectionmode-checkbox-unchecked-dark@2.png new file mode 100644 index 00000000..e5748d7d Binary files /dev/null and b/src/src/assets/gtk/assets-yellow-nord/selectionmode-checkbox-unchecked-dark@2.png differ diff --git a/src/src/assets/gtk/assets-yellow-nord/selectionmode-checkbox-unchecked.png b/src/src/assets/gtk/assets-yellow-nord/selectionmode-checkbox-unchecked.png new file mode 100644 index 00000000..40ff92e0 Binary files /dev/null and b/src/src/assets/gtk/assets-yellow-nord/selectionmode-checkbox-unchecked.png differ diff --git a/src/src/assets/gtk/assets-yellow-nord/selectionmode-checkbox-unchecked@2.png b/src/src/assets/gtk/assets-yellow-nord/selectionmode-checkbox-unchecked@2.png new file mode 100644 index 00000000..8e87ea7e Binary files /dev/null and b/src/src/assets/gtk/assets-yellow-nord/selectionmode-checkbox-unchecked@2.png differ diff --git a/src/src/assets/gtk/assets-yellow.svg b/src/src/assets/gtk/assets-yellow.svg new file mode 100644 index 00000000..028f0f2d --- /dev/null +++ b/src/src/assets/gtk/assets-yellow.svg @@ -0,0 +1,505 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/src/assets/gtk/assets-yellow/scale-horz-marks-after-slider-dark.png b/src/src/assets/gtk/assets-yellow/scale-horz-marks-after-slider-dark.png new file mode 100644 index 00000000..fc799311 Binary files /dev/null and b/src/src/assets/gtk/assets-yellow/scale-horz-marks-after-slider-dark.png differ diff --git a/src/src/assets/gtk/assets-yellow/scale-horz-marks-after-slider-dark@2.png b/src/src/assets/gtk/assets-yellow/scale-horz-marks-after-slider-dark@2.png new file mode 100644 index 00000000..09c10816 Binary files /dev/null and b/src/src/assets/gtk/assets-yellow/scale-horz-marks-after-slider-dark@2.png differ diff --git a/src/src/assets/gtk/assets-yellow/scale-horz-marks-after-slider-disabled-dark.png b/src/src/assets/gtk/assets-yellow/scale-horz-marks-after-slider-disabled-dark.png new file mode 100644 index 00000000..2ba85047 Binary files /dev/null and b/src/src/assets/gtk/assets-yellow/scale-horz-marks-after-slider-disabled-dark.png differ diff --git a/src/src/assets/gtk/assets-yellow/scale-horz-marks-after-slider-disabled-dark@2.png b/src/src/assets/gtk/assets-yellow/scale-horz-marks-after-slider-disabled-dark@2.png new file mode 100644 index 00000000..7416c109 Binary files /dev/null and b/src/src/assets/gtk/assets-yellow/scale-horz-marks-after-slider-disabled-dark@2.png differ diff --git a/src/src/assets/gtk/assets-yellow/scale-horz-marks-after-slider-disabled.png b/src/src/assets/gtk/assets-yellow/scale-horz-marks-after-slider-disabled.png new file mode 100644 index 00000000..fedcc745 Binary files /dev/null and b/src/src/assets/gtk/assets-yellow/scale-horz-marks-after-slider-disabled.png differ diff --git a/src/src/assets/gtk/assets-yellow/scale-horz-marks-after-slider-disabled@2.png b/src/src/assets/gtk/assets-yellow/scale-horz-marks-after-slider-disabled@2.png new file mode 100644 index 00000000..95c01251 Binary files /dev/null and b/src/src/assets/gtk/assets-yellow/scale-horz-marks-after-slider-disabled@2.png differ diff --git a/src/src/assets/gtk/assets-yellow/scale-horz-marks-after-slider.png b/src/src/assets/gtk/assets-yellow/scale-horz-marks-after-slider.png new file mode 100644 index 00000000..017e8f59 Binary files /dev/null and b/src/src/assets/gtk/assets-yellow/scale-horz-marks-after-slider.png differ diff --git a/src/src/assets/gtk/assets-yellow/scale-horz-marks-after-slider@2.png b/src/src/assets/gtk/assets-yellow/scale-horz-marks-after-slider@2.png new file mode 100644 index 00000000..bd56555f Binary files /dev/null and b/src/src/assets/gtk/assets-yellow/scale-horz-marks-after-slider@2.png differ diff --git a/src/src/assets/gtk/assets-yellow/scale-horz-marks-before-slider-dark.png b/src/src/assets/gtk/assets-yellow/scale-horz-marks-before-slider-dark.png new file mode 100644 index 00000000..c7708f1a Binary files /dev/null and b/src/src/assets/gtk/assets-yellow/scale-horz-marks-before-slider-dark.png differ diff --git a/src/src/assets/gtk/assets-yellow/scale-horz-marks-before-slider-dark@2.png b/src/src/assets/gtk/assets-yellow/scale-horz-marks-before-slider-dark@2.png new file mode 100644 index 00000000..29de037a Binary files /dev/null and b/src/src/assets/gtk/assets-yellow/scale-horz-marks-before-slider-dark@2.png differ diff --git a/src/src/assets/gtk/assets-yellow/scale-horz-marks-before-slider-disabled-dark.png b/src/src/assets/gtk/assets-yellow/scale-horz-marks-before-slider-disabled-dark.png new file mode 100644 index 00000000..46797acc Binary files /dev/null and b/src/src/assets/gtk/assets-yellow/scale-horz-marks-before-slider-disabled-dark.png differ diff --git a/src/src/assets/gtk/assets-yellow/scale-horz-marks-before-slider-disabled-dark@2.png b/src/src/assets/gtk/assets-yellow/scale-horz-marks-before-slider-disabled-dark@2.png new file mode 100644 index 00000000..63e80f91 Binary files /dev/null and b/src/src/assets/gtk/assets-yellow/scale-horz-marks-before-slider-disabled-dark@2.png differ diff --git a/src/src/assets/gtk/assets-yellow/scale-horz-marks-before-slider-disabled.png b/src/src/assets/gtk/assets-yellow/scale-horz-marks-before-slider-disabled.png new file mode 100644 index 00000000..e0438591 Binary files /dev/null and b/src/src/assets/gtk/assets-yellow/scale-horz-marks-before-slider-disabled.png differ diff --git a/src/src/assets/gtk/assets-yellow/scale-horz-marks-before-slider-disabled@2.png b/src/src/assets/gtk/assets-yellow/scale-horz-marks-before-slider-disabled@2.png new file mode 100644 index 00000000..b9166d30 Binary files /dev/null and b/src/src/assets/gtk/assets-yellow/scale-horz-marks-before-slider-disabled@2.png differ diff --git a/src/src/assets/gtk/assets-yellow/scale-horz-marks-before-slider.png b/src/src/assets/gtk/assets-yellow/scale-horz-marks-before-slider.png new file mode 100644 index 00000000..22804027 Binary files /dev/null and b/src/src/assets/gtk/assets-yellow/scale-horz-marks-before-slider.png differ diff --git a/src/src/assets/gtk/assets-yellow/scale-horz-marks-before-slider@2.png b/src/src/assets/gtk/assets-yellow/scale-horz-marks-before-slider@2.png new file mode 100644 index 00000000..a7f8b017 Binary files /dev/null and b/src/src/assets/gtk/assets-yellow/scale-horz-marks-before-slider@2.png differ diff --git a/src/src/assets/gtk/assets-yellow/scale-vert-marks-after-slider-dark.png b/src/src/assets/gtk/assets-yellow/scale-vert-marks-after-slider-dark.png new file mode 100644 index 00000000..ce7c38b9 Binary files /dev/null and b/src/src/assets/gtk/assets-yellow/scale-vert-marks-after-slider-dark.png differ diff --git a/src/src/assets/gtk/assets-yellow/scale-vert-marks-after-slider-dark@2.png b/src/src/assets/gtk/assets-yellow/scale-vert-marks-after-slider-dark@2.png new file mode 100644 index 00000000..2f8ecd77 Binary files /dev/null and b/src/src/assets/gtk/assets-yellow/scale-vert-marks-after-slider-dark@2.png differ diff --git a/src/src/assets/gtk/assets-yellow/scale-vert-marks-after-slider-disabled-dark.png b/src/src/assets/gtk/assets-yellow/scale-vert-marks-after-slider-disabled-dark.png new file mode 100644 index 00000000..ba29a643 Binary files /dev/null and b/src/src/assets/gtk/assets-yellow/scale-vert-marks-after-slider-disabled-dark.png differ diff --git a/src/src/assets/gtk/assets-yellow/scale-vert-marks-after-slider-disabled-dark@2.png b/src/src/assets/gtk/assets-yellow/scale-vert-marks-after-slider-disabled-dark@2.png new file mode 100644 index 00000000..87570740 Binary files /dev/null and b/src/src/assets/gtk/assets-yellow/scale-vert-marks-after-slider-disabled-dark@2.png differ diff --git a/src/src/assets/gtk/assets-yellow/scale-vert-marks-after-slider-disabled.png b/src/src/assets/gtk/assets-yellow/scale-vert-marks-after-slider-disabled.png new file mode 100644 index 00000000..a07347a6 Binary files /dev/null and b/src/src/assets/gtk/assets-yellow/scale-vert-marks-after-slider-disabled.png differ diff --git a/src/src/assets/gtk/assets-yellow/scale-vert-marks-after-slider-disabled@2.png b/src/src/assets/gtk/assets-yellow/scale-vert-marks-after-slider-disabled@2.png new file mode 100644 index 00000000..819ca874 Binary files /dev/null and b/src/src/assets/gtk/assets-yellow/scale-vert-marks-after-slider-disabled@2.png differ diff --git a/src/src/assets/gtk/assets-yellow/scale-vert-marks-after-slider.png b/src/src/assets/gtk/assets-yellow/scale-vert-marks-after-slider.png new file mode 100644 index 00000000..593c9538 Binary files /dev/null and b/src/src/assets/gtk/assets-yellow/scale-vert-marks-after-slider.png differ diff --git a/src/src/assets/gtk/assets-yellow/scale-vert-marks-after-slider@2.png b/src/src/assets/gtk/assets-yellow/scale-vert-marks-after-slider@2.png new file mode 100644 index 00000000..75815cc1 Binary files /dev/null and b/src/src/assets/gtk/assets-yellow/scale-vert-marks-after-slider@2.png differ diff --git a/src/src/assets/gtk/assets-yellow/scale-vert-marks-before-slider-dark.png b/src/src/assets/gtk/assets-yellow/scale-vert-marks-before-slider-dark.png new file mode 100644 index 00000000..67a8f15a Binary files /dev/null and b/src/src/assets/gtk/assets-yellow/scale-vert-marks-before-slider-dark.png differ diff --git a/src/src/assets/gtk/assets-yellow/scale-vert-marks-before-slider-dark@2.png b/src/src/assets/gtk/assets-yellow/scale-vert-marks-before-slider-dark@2.png new file mode 100644 index 00000000..d04c53ba Binary files /dev/null and b/src/src/assets/gtk/assets-yellow/scale-vert-marks-before-slider-dark@2.png differ diff --git a/src/src/assets/gtk/assets-yellow/scale-vert-marks-before-slider-disabled-dark.png b/src/src/assets/gtk/assets-yellow/scale-vert-marks-before-slider-disabled-dark.png new file mode 100644 index 00000000..66706d47 Binary files /dev/null and b/src/src/assets/gtk/assets-yellow/scale-vert-marks-before-slider-disabled-dark.png differ diff --git a/src/src/assets/gtk/assets-yellow/scale-vert-marks-before-slider-disabled-dark@2.png b/src/src/assets/gtk/assets-yellow/scale-vert-marks-before-slider-disabled-dark@2.png new file mode 100644 index 00000000..c03c1011 Binary files /dev/null and b/src/src/assets/gtk/assets-yellow/scale-vert-marks-before-slider-disabled-dark@2.png differ diff --git a/src/src/assets/gtk/assets-yellow/scale-vert-marks-before-slider-disabled.png b/src/src/assets/gtk/assets-yellow/scale-vert-marks-before-slider-disabled.png new file mode 100644 index 00000000..a35ab234 Binary files /dev/null and b/src/src/assets/gtk/assets-yellow/scale-vert-marks-before-slider-disabled.png differ diff --git a/src/src/assets/gtk/assets-yellow/scale-vert-marks-before-slider-disabled@2.png b/src/src/assets/gtk/assets-yellow/scale-vert-marks-before-slider-disabled@2.png new file mode 100644 index 00000000..f807c27e Binary files /dev/null and b/src/src/assets/gtk/assets-yellow/scale-vert-marks-before-slider-disabled@2.png differ diff --git a/src/src/assets/gtk/assets-yellow/scale-vert-marks-before-slider.png b/src/src/assets/gtk/assets-yellow/scale-vert-marks-before-slider.png new file mode 100644 index 00000000..78758786 Binary files /dev/null and b/src/src/assets/gtk/assets-yellow/scale-vert-marks-before-slider.png differ diff --git a/src/src/assets/gtk/assets-yellow/scale-vert-marks-before-slider@2.png b/src/src/assets/gtk/assets-yellow/scale-vert-marks-before-slider@2.png new file mode 100644 index 00000000..89b0f658 Binary files /dev/null and b/src/src/assets/gtk/assets-yellow/scale-vert-marks-before-slider@2.png differ diff --git a/src/src/assets/gtk/assets-yellow/selectionmode-checkbox-checked-dark.png b/src/src/assets/gtk/assets-yellow/selectionmode-checkbox-checked-dark.png new file mode 100644 index 00000000..deb1e367 Binary files /dev/null and b/src/src/assets/gtk/assets-yellow/selectionmode-checkbox-checked-dark.png differ diff --git a/src/src/assets/gtk/assets-yellow/selectionmode-checkbox-checked-dark@2.png b/src/src/assets/gtk/assets-yellow/selectionmode-checkbox-checked-dark@2.png new file mode 100644 index 00000000..e10cc334 Binary files /dev/null and b/src/src/assets/gtk/assets-yellow/selectionmode-checkbox-checked-dark@2.png differ diff --git a/src/src/assets/gtk/assets-yellow/selectionmode-checkbox-checked.png b/src/src/assets/gtk/assets-yellow/selectionmode-checkbox-checked.png new file mode 100644 index 00000000..03348269 Binary files /dev/null and b/src/src/assets/gtk/assets-yellow/selectionmode-checkbox-checked.png differ diff --git a/src/src/assets/gtk/assets-yellow/selectionmode-checkbox-checked@2.png b/src/src/assets/gtk/assets-yellow/selectionmode-checkbox-checked@2.png new file mode 100644 index 00000000..5311ce93 Binary files /dev/null and b/src/src/assets/gtk/assets-yellow/selectionmode-checkbox-checked@2.png differ diff --git a/src/src/assets/gtk/assets-yellow/selectionmode-checkbox-unchecked-dark.png b/src/src/assets/gtk/assets-yellow/selectionmode-checkbox-unchecked-dark.png new file mode 100644 index 00000000..f6b914e5 Binary files /dev/null and b/src/src/assets/gtk/assets-yellow/selectionmode-checkbox-unchecked-dark.png differ diff --git a/src/src/assets/gtk/assets-yellow/selectionmode-checkbox-unchecked-dark@2.png b/src/src/assets/gtk/assets-yellow/selectionmode-checkbox-unchecked-dark@2.png new file mode 100644 index 00000000..29ecf2b8 Binary files /dev/null and b/src/src/assets/gtk/assets-yellow/selectionmode-checkbox-unchecked-dark@2.png differ diff --git a/src/src/assets/gtk/assets-yellow/selectionmode-checkbox-unchecked.png b/src/src/assets/gtk/assets-yellow/selectionmode-checkbox-unchecked.png new file mode 100644 index 00000000..40ff92e0 Binary files /dev/null and b/src/src/assets/gtk/assets-yellow/selectionmode-checkbox-unchecked.png differ diff --git a/src/src/assets/gtk/assets-yellow/selectionmode-checkbox-unchecked@2.png b/src/src/assets/gtk/assets-yellow/selectionmode-checkbox-unchecked@2.png new file mode 100644 index 00000000..8e87ea7e Binary files /dev/null and b/src/src/assets/gtk/assets-yellow/selectionmode-checkbox-unchecked@2.png differ diff --git a/src/src/assets/gtk/assets.svg b/src/src/assets/gtk/assets.svg new file mode 100644 index 00000000..e85bac89 --- /dev/null +++ b/src/src/assets/gtk/assets.svg @@ -0,0 +1,512 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/src/assets/gtk/assets.txt b/src/src/assets/gtk/assets.txt new file mode 100644 index 00000000..2d541551 --- /dev/null +++ b/src/src/assets/gtk/assets.txt @@ -0,0 +1,20 @@ +selectionmode-checkbox-unchecked +selectionmode-checkbox-checked +scale-horz-marks-before-slider +scale-horz-marks-before-slider-disabled +scale-horz-marks-after-slider +scale-horz-marks-after-slider-disabled +scale-vert-marks-before-slider +scale-vert-marks-before-slider-disabled +scale-vert-marks-after-slider +scale-vert-marks-after-slider-disabled +selectionmode-checkbox-unchecked-dark +selectionmode-checkbox-checked-dark +scale-horz-marks-before-slider-dark +scale-horz-marks-before-slider-disabled-dark +scale-horz-marks-after-slider-dark +scale-horz-marks-after-slider-disabled-dark +scale-vert-marks-before-slider-dark +scale-vert-marks-before-slider-disabled-dark +scale-vert-marks-after-slider-dark +scale-vert-marks-after-slider-disabled-dark diff --git a/src/src/assets/gtk/assets/scale-horz-marks-after-slider-dark.png b/src/src/assets/gtk/assets/scale-horz-marks-after-slider-dark.png new file mode 100644 index 00000000..42651b85 Binary files /dev/null and b/src/src/assets/gtk/assets/scale-horz-marks-after-slider-dark.png differ diff --git a/src/src/assets/gtk/assets/scale-horz-marks-after-slider-dark@2.png b/src/src/assets/gtk/assets/scale-horz-marks-after-slider-dark@2.png new file mode 100644 index 00000000..83af10f1 Binary files /dev/null and b/src/src/assets/gtk/assets/scale-horz-marks-after-slider-dark@2.png differ diff --git a/src/src/assets/gtk/assets/scale-horz-marks-after-slider-disabled-dark.png b/src/src/assets/gtk/assets/scale-horz-marks-after-slider-disabled-dark.png new file mode 100644 index 00000000..9e92b1f9 Binary files /dev/null and b/src/src/assets/gtk/assets/scale-horz-marks-after-slider-disabled-dark.png differ diff --git a/src/src/assets/gtk/assets/scale-horz-marks-after-slider-disabled-dark@2.png b/src/src/assets/gtk/assets/scale-horz-marks-after-slider-disabled-dark@2.png new file mode 100644 index 00000000..d8110434 Binary files /dev/null and b/src/src/assets/gtk/assets/scale-horz-marks-after-slider-disabled-dark@2.png differ diff --git a/src/src/assets/gtk/assets/scale-horz-marks-after-slider-disabled.png b/src/src/assets/gtk/assets/scale-horz-marks-after-slider-disabled.png new file mode 100644 index 00000000..a1eb49b9 Binary files /dev/null and b/src/src/assets/gtk/assets/scale-horz-marks-after-slider-disabled.png differ diff --git a/src/src/assets/gtk/assets/scale-horz-marks-after-slider-disabled@2.png b/src/src/assets/gtk/assets/scale-horz-marks-after-slider-disabled@2.png new file mode 100644 index 00000000..a330d6a3 Binary files /dev/null and b/src/src/assets/gtk/assets/scale-horz-marks-after-slider-disabled@2.png differ diff --git a/src/src/assets/gtk/assets/scale-horz-marks-after-slider.png b/src/src/assets/gtk/assets/scale-horz-marks-after-slider.png new file mode 100644 index 00000000..efcf497b Binary files /dev/null and b/src/src/assets/gtk/assets/scale-horz-marks-after-slider.png differ diff --git a/src/src/assets/gtk/assets/scale-horz-marks-after-slider@2.png b/src/src/assets/gtk/assets/scale-horz-marks-after-slider@2.png new file mode 100644 index 00000000..f4864ea0 Binary files /dev/null and b/src/src/assets/gtk/assets/scale-horz-marks-after-slider@2.png differ diff --git a/src/src/assets/gtk/assets/scale-horz-marks-before-slider-dark.png b/src/src/assets/gtk/assets/scale-horz-marks-before-slider-dark.png new file mode 100644 index 00000000..f9c5a20a Binary files /dev/null and b/src/src/assets/gtk/assets/scale-horz-marks-before-slider-dark.png differ diff --git a/src/src/assets/gtk/assets/scale-horz-marks-before-slider-dark@2.png b/src/src/assets/gtk/assets/scale-horz-marks-before-slider-dark@2.png new file mode 100644 index 00000000..ef3a0d6a Binary files /dev/null and b/src/src/assets/gtk/assets/scale-horz-marks-before-slider-dark@2.png differ diff --git a/src/src/assets/gtk/assets/scale-horz-marks-before-slider-disabled-dark.png b/src/src/assets/gtk/assets/scale-horz-marks-before-slider-disabled-dark.png new file mode 100644 index 00000000..6e69f109 Binary files /dev/null and b/src/src/assets/gtk/assets/scale-horz-marks-before-slider-disabled-dark.png differ diff --git a/src/src/assets/gtk/assets/scale-horz-marks-before-slider-disabled-dark@2.png b/src/src/assets/gtk/assets/scale-horz-marks-before-slider-disabled-dark@2.png new file mode 100644 index 00000000..5705c9fb Binary files /dev/null and b/src/src/assets/gtk/assets/scale-horz-marks-before-slider-disabled-dark@2.png differ diff --git a/src/src/assets/gtk/assets/scale-horz-marks-before-slider-disabled.png b/src/src/assets/gtk/assets/scale-horz-marks-before-slider-disabled.png new file mode 100644 index 00000000..d28d0264 Binary files /dev/null and b/src/src/assets/gtk/assets/scale-horz-marks-before-slider-disabled.png differ diff --git a/src/src/assets/gtk/assets/scale-horz-marks-before-slider-disabled@2.png b/src/src/assets/gtk/assets/scale-horz-marks-before-slider-disabled@2.png new file mode 100644 index 00000000..c3ebb1dd Binary files /dev/null and b/src/src/assets/gtk/assets/scale-horz-marks-before-slider-disabled@2.png differ diff --git a/src/src/assets/gtk/assets/scale-horz-marks-before-slider.png b/src/src/assets/gtk/assets/scale-horz-marks-before-slider.png new file mode 100644 index 00000000..4340fdbd Binary files /dev/null and b/src/src/assets/gtk/assets/scale-horz-marks-before-slider.png differ diff --git a/src/src/assets/gtk/assets/scale-horz-marks-before-slider@2.png b/src/src/assets/gtk/assets/scale-horz-marks-before-slider@2.png new file mode 100644 index 00000000..0780cf6a Binary files /dev/null and b/src/src/assets/gtk/assets/scale-horz-marks-before-slider@2.png differ diff --git a/src/src/assets/gtk/assets/scale-vert-marks-after-slider-dark.png b/src/src/assets/gtk/assets/scale-vert-marks-after-slider-dark.png new file mode 100644 index 00000000..02b6f55b Binary files /dev/null and b/src/src/assets/gtk/assets/scale-vert-marks-after-slider-dark.png differ diff --git a/src/src/assets/gtk/assets/scale-vert-marks-after-slider-dark@2.png b/src/src/assets/gtk/assets/scale-vert-marks-after-slider-dark@2.png new file mode 100644 index 00000000..bc4bfde9 Binary files /dev/null and b/src/src/assets/gtk/assets/scale-vert-marks-after-slider-dark@2.png differ diff --git a/src/src/assets/gtk/assets/scale-vert-marks-after-slider-disabled-dark.png b/src/src/assets/gtk/assets/scale-vert-marks-after-slider-disabled-dark.png new file mode 100644 index 00000000..c38c220c Binary files /dev/null and b/src/src/assets/gtk/assets/scale-vert-marks-after-slider-disabled-dark.png differ diff --git a/src/src/assets/gtk/assets/scale-vert-marks-after-slider-disabled-dark@2.png b/src/src/assets/gtk/assets/scale-vert-marks-after-slider-disabled-dark@2.png new file mode 100644 index 00000000..045469db Binary files /dev/null and b/src/src/assets/gtk/assets/scale-vert-marks-after-slider-disabled-dark@2.png differ diff --git a/src/src/assets/gtk/assets/scale-vert-marks-after-slider-disabled.png b/src/src/assets/gtk/assets/scale-vert-marks-after-slider-disabled.png new file mode 100644 index 00000000..669c5069 Binary files /dev/null and b/src/src/assets/gtk/assets/scale-vert-marks-after-slider-disabled.png differ diff --git a/src/src/assets/gtk/assets/scale-vert-marks-after-slider-disabled@2.png b/src/src/assets/gtk/assets/scale-vert-marks-after-slider-disabled@2.png new file mode 100644 index 00000000..7120520b Binary files /dev/null and b/src/src/assets/gtk/assets/scale-vert-marks-after-slider-disabled@2.png differ diff --git a/src/src/assets/gtk/assets/scale-vert-marks-after-slider.png b/src/src/assets/gtk/assets/scale-vert-marks-after-slider.png new file mode 100644 index 00000000..9a0b44d8 Binary files /dev/null and b/src/src/assets/gtk/assets/scale-vert-marks-after-slider.png differ diff --git a/src/src/assets/gtk/assets/scale-vert-marks-after-slider@2.png b/src/src/assets/gtk/assets/scale-vert-marks-after-slider@2.png new file mode 100644 index 00000000..e8b0093b Binary files /dev/null and b/src/src/assets/gtk/assets/scale-vert-marks-after-slider@2.png differ diff --git a/src/src/assets/gtk/assets/scale-vert-marks-before-slider-dark.png b/src/src/assets/gtk/assets/scale-vert-marks-before-slider-dark.png new file mode 100644 index 00000000..6169300f Binary files /dev/null and b/src/src/assets/gtk/assets/scale-vert-marks-before-slider-dark.png differ diff --git a/src/src/assets/gtk/assets/scale-vert-marks-before-slider-dark@2.png b/src/src/assets/gtk/assets/scale-vert-marks-before-slider-dark@2.png new file mode 100644 index 00000000..880de503 Binary files /dev/null and b/src/src/assets/gtk/assets/scale-vert-marks-before-slider-dark@2.png differ diff --git a/src/src/assets/gtk/assets/scale-vert-marks-before-slider-disabled-dark.png b/src/src/assets/gtk/assets/scale-vert-marks-before-slider-disabled-dark.png new file mode 100644 index 00000000..633ccf37 Binary files /dev/null and b/src/src/assets/gtk/assets/scale-vert-marks-before-slider-disabled-dark.png differ diff --git a/src/src/assets/gtk/assets/scale-vert-marks-before-slider-disabled-dark@2.png b/src/src/assets/gtk/assets/scale-vert-marks-before-slider-disabled-dark@2.png new file mode 100644 index 00000000..b12ef764 Binary files /dev/null and b/src/src/assets/gtk/assets/scale-vert-marks-before-slider-disabled-dark@2.png differ diff --git a/src/src/assets/gtk/assets/scale-vert-marks-before-slider-disabled.png b/src/src/assets/gtk/assets/scale-vert-marks-before-slider-disabled.png new file mode 100644 index 00000000..ef0a93a5 Binary files /dev/null and b/src/src/assets/gtk/assets/scale-vert-marks-before-slider-disabled.png differ diff --git a/src/src/assets/gtk/assets/scale-vert-marks-before-slider-disabled@2.png b/src/src/assets/gtk/assets/scale-vert-marks-before-slider-disabled@2.png new file mode 100644 index 00000000..4908bcaa Binary files /dev/null and b/src/src/assets/gtk/assets/scale-vert-marks-before-slider-disabled@2.png differ diff --git a/src/src/assets/gtk/assets/scale-vert-marks-before-slider.png b/src/src/assets/gtk/assets/scale-vert-marks-before-slider.png new file mode 100644 index 00000000..702063e4 Binary files /dev/null and b/src/src/assets/gtk/assets/scale-vert-marks-before-slider.png differ diff --git a/src/src/assets/gtk/assets/scale-vert-marks-before-slider@2.png b/src/src/assets/gtk/assets/scale-vert-marks-before-slider@2.png new file mode 100644 index 00000000..5898e4e4 Binary files /dev/null and b/src/src/assets/gtk/assets/scale-vert-marks-before-slider@2.png differ diff --git a/src/src/assets/gtk/assets/selectionmode-checkbox-checked-dark.png b/src/src/assets/gtk/assets/selectionmode-checkbox-checked-dark.png new file mode 100644 index 00000000..cf4aaab9 Binary files /dev/null and b/src/src/assets/gtk/assets/selectionmode-checkbox-checked-dark.png differ diff --git a/src/src/assets/gtk/assets/selectionmode-checkbox-checked-dark@2.png b/src/src/assets/gtk/assets/selectionmode-checkbox-checked-dark@2.png new file mode 100644 index 00000000..72d4309f Binary files /dev/null and b/src/src/assets/gtk/assets/selectionmode-checkbox-checked-dark@2.png differ diff --git a/src/src/assets/gtk/assets/selectionmode-checkbox-checked.png b/src/src/assets/gtk/assets/selectionmode-checkbox-checked.png new file mode 100644 index 00000000..5ce62ed6 Binary files /dev/null and b/src/src/assets/gtk/assets/selectionmode-checkbox-checked.png differ diff --git a/src/src/assets/gtk/assets/selectionmode-checkbox-checked@2.png b/src/src/assets/gtk/assets/selectionmode-checkbox-checked@2.png new file mode 100644 index 00000000..24dd4cc7 Binary files /dev/null and b/src/src/assets/gtk/assets/selectionmode-checkbox-checked@2.png differ diff --git a/src/src/assets/gtk/assets/selectionmode-checkbox-unchecked-dark.png b/src/src/assets/gtk/assets/selectionmode-checkbox-unchecked-dark.png new file mode 100644 index 00000000..5c994f10 Binary files /dev/null and b/src/src/assets/gtk/assets/selectionmode-checkbox-unchecked-dark.png differ diff --git a/src/src/assets/gtk/assets/selectionmode-checkbox-unchecked-dark@2.png b/src/src/assets/gtk/assets/selectionmode-checkbox-unchecked-dark@2.png new file mode 100644 index 00000000..41b96a31 Binary files /dev/null and b/src/src/assets/gtk/assets/selectionmode-checkbox-unchecked-dark@2.png differ diff --git a/src/src/assets/gtk/assets/selectionmode-checkbox-unchecked.png b/src/src/assets/gtk/assets/selectionmode-checkbox-unchecked.png new file mode 100644 index 00000000..40ff92e0 Binary files /dev/null and b/src/src/assets/gtk/assets/selectionmode-checkbox-unchecked.png differ diff --git a/src/src/assets/gtk/assets/selectionmode-checkbox-unchecked@2.png b/src/src/assets/gtk/assets/selectionmode-checkbox-unchecked@2.png new file mode 100644 index 00000000..8e87ea7e Binary files /dev/null and b/src/src/assets/gtk/assets/selectionmode-checkbox-unchecked@2.png differ diff --git a/src/src/assets/gtk/render-assets.sh b/src/src/assets/gtk/render-assets.sh new file mode 100755 index 00000000..f7f063ff --- /dev/null +++ b/src/src/assets/gtk/render-assets.sh @@ -0,0 +1,56 @@ +#!/bin/bash + +RENDER_SVG="$(command -v rendersvg)" || true +INKSCAPE="$(command -v inkscape)" || true +OPTIPNG="$(command -v optipng)" || true + +INDEX="assets.txt" + +for theme in '' '-purple' '-pink' '-red' '-orange' '-yellow' '-green' '-blue' '-teal'; do +for type in '' '-nord'; do + +ASSETS_DIR="assets${theme}${type}" +SRC_FILE="assets${theme}${type}.svg" + +#[[ -d $ASSETS_DIR ]] && rm -rf $ASSETS_DIR +mkdir -p $ASSETS_DIR + +for i in `cat $INDEX`; do +echo "Rendering '$ASSETS_DIR/$i.png'" + +if [[ -f "$ASSETS_DIR/$i.png" ]]; then + echo "'$ASSETS_DIR/$i.png' exists." +elif [[ -n "${RENDER_SVG}" ]]; then + "$RENDER_SVG" --export-id "$i" \ + "$SRC_FILE" "$ASSETS_DIR/$i.png" +else + "$INKSCAPE" --export-id="$i" \ + --export-id-only \ + --export-filename="$ASSETS_DIR/$i.png" "$SRC_FILE" >/dev/null + if [[ -n "${OPTIPNG}" ]]; then + "$OPTIPNG" -o7 --quiet "$ASSETS_DIR/$i.png" + fi +fi + +echo "Rendering '$ASSETS_DIR/$i@2.png'" + +if [[ -f "$ASSETS_DIR/$i@2.png" ]]; then + echo "'$ASSETS_DIR/$i@2.png' exists." +elif [[ -n "${RENDER_SVG}" ]]; then + "$RENDER_SVG" --export-id "$i" \ + --dpi 192 \ + --zoom 2 \ + "$SRC_FILE" "$ASSETS_DIR/$i@2.png" +else + "$INKSCAPE" --export-id="$i" \ + --export-id-only \ + --export-dpi=192 \ + --export-filename="$ASSETS_DIR/$i@2.png" "$SRC_FILE" >/dev/null + if [[ -n "${OPTIPNG}" ]]; then + "$OPTIPNG" -o7 --quiet "$ASSETS_DIR/$i@2.png" + fi +fi + +done +done +done diff --git a/src/src/assets/gtk/scalable/checkbox-checked-symbolic.svg b/src/src/assets/gtk/scalable/checkbox-checked-symbolic.svg new file mode 100644 index 00000000..7b89e885 --- /dev/null +++ b/src/src/assets/gtk/scalable/checkbox-checked-symbolic.svg @@ -0,0 +1,43 @@ + + + + + + + + diff --git a/src/src/assets/gtk/scalable/checkbox-checked-symbolic@2.svg b/src/src/assets/gtk/scalable/checkbox-checked-symbolic@2.svg new file mode 100644 index 00000000..17e3c4af --- /dev/null +++ b/src/src/assets/gtk/scalable/checkbox-checked-symbolic@2.svg @@ -0,0 +1,44 @@ + + + + + + + + diff --git a/src/src/assets/gtk/scalable/checkbox-mixed-symbolic.svg b/src/src/assets/gtk/scalable/checkbox-mixed-symbolic.svg new file mode 100644 index 00000000..b4808a6b --- /dev/null +++ b/src/src/assets/gtk/scalable/checkbox-mixed-symbolic.svg @@ -0,0 +1,43 @@ + + + + + + + + diff --git a/src/src/assets/gtk/scalable/checkbox-mixed-symbolic@2.svg b/src/src/assets/gtk/scalable/checkbox-mixed-symbolic@2.svg new file mode 100644 index 00000000..3ea0541a --- /dev/null +++ b/src/src/assets/gtk/scalable/checkbox-mixed-symbolic@2.svg @@ -0,0 +1,44 @@ + + + + + + + + diff --git a/src/src/assets/gtk/scalable/cursor-handle-symbolic.svg b/src/src/assets/gtk/scalable/cursor-handle-symbolic.svg new file mode 100644 index 00000000..e2a252b5 --- /dev/null +++ b/src/src/assets/gtk/scalable/cursor-handle-symbolic.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/src/assets/gtk/scalable/radio-checked-symbolic.svg b/src/src/assets/gtk/scalable/radio-checked-symbolic.svg new file mode 100644 index 00000000..67beb46b --- /dev/null +++ b/src/src/assets/gtk/scalable/radio-checked-symbolic.svg @@ -0,0 +1,42 @@ + + + + + + + + diff --git a/src/src/assets/gtk/scalable/radio-checked-symbolic@2.svg b/src/src/assets/gtk/scalable/radio-checked-symbolic@2.svg new file mode 100644 index 00000000..bf51d9ec --- /dev/null +++ b/src/src/assets/gtk/scalable/radio-checked-symbolic@2.svg @@ -0,0 +1,43 @@ + + + + + + + + diff --git a/src/src/assets/gtk/scalable/radio-mixed-symbolic.svg b/src/src/assets/gtk/scalable/radio-mixed-symbolic.svg new file mode 120000 index 00000000..79b7355c --- /dev/null +++ b/src/src/assets/gtk/scalable/radio-mixed-symbolic.svg @@ -0,0 +1 @@ +checkbox-mixed-symbolic.svg \ No newline at end of file diff --git a/src/src/assets/gtk/scalable/radio-mixed-symbolic@2.svg b/src/src/assets/gtk/scalable/radio-mixed-symbolic@2.svg new file mode 120000 index 00000000..b68859d4 --- /dev/null +++ b/src/src/assets/gtk/scalable/radio-mixed-symbolic@2.svg @@ -0,0 +1 @@ +checkbox-mixed-symbolic@2.svg \ No newline at end of file diff --git a/src/src/assets/gtk/scalable/scale-horz-marks-after-slider-symbolic.svg b/src/src/assets/gtk/scalable/scale-horz-marks-after-slider-symbolic.svg new file mode 100644 index 00000000..de0d7899 --- /dev/null +++ b/src/src/assets/gtk/scalable/scale-horz-marks-after-slider-symbolic.svg @@ -0,0 +1,53 @@ + + + + + + + + + + + diff --git a/src/src/assets/gtk/scalable/scale-horz-marks-before-slider-symbolic.svg b/src/src/assets/gtk/scalable/scale-horz-marks-before-slider-symbolic.svg new file mode 100644 index 00000000..7f0235f1 --- /dev/null +++ b/src/src/assets/gtk/scalable/scale-horz-marks-before-slider-symbolic.svg @@ -0,0 +1,47 @@ + + + + + + + + + + diff --git a/src/src/assets/gtk/scalable/scale-slider-symbolic.svg b/src/src/assets/gtk/scalable/scale-slider-symbolic.svg new file mode 100644 index 00000000..4b00bc19 --- /dev/null +++ b/src/src/assets/gtk/scalable/scale-slider-symbolic.svg @@ -0,0 +1,11 @@ + + + + + + + + + + + diff --git a/src/src/assets/gtk/scalable/scale-vert-marks-after-slider-symbolic.svg b/src/src/assets/gtk/scalable/scale-vert-marks-after-slider-symbolic.svg new file mode 100644 index 00000000..37d9c04b --- /dev/null +++ b/src/src/assets/gtk/scalable/scale-vert-marks-after-slider-symbolic.svg @@ -0,0 +1,52 @@ + + + + + + + + + + + diff --git a/src/src/assets/gtk/scalable/scale-vert-marks-before-slider-symbolic.svg b/src/src/assets/gtk/scalable/scale-vert-marks-before-slider-symbolic.svg new file mode 100644 index 00000000..1bc5cb6f --- /dev/null +++ b/src/src/assets/gtk/scalable/scale-vert-marks-before-slider-symbolic.svg @@ -0,0 +1,55 @@ + + + + + + + + + + + diff --git a/src/src/assets/gtk/scalable/small-checkbox-checked-symbolic.svg b/src/src/assets/gtk/scalable/small-checkbox-checked-symbolic.svg new file mode 100644 index 00000000..4759e324 --- /dev/null +++ b/src/src/assets/gtk/scalable/small-checkbox-checked-symbolic.svg @@ -0,0 +1,43 @@ + + + + + + + + diff --git a/src/src/assets/gtk/scalable/small-checkbox-checked-symbolic@2.svg b/src/src/assets/gtk/scalable/small-checkbox-checked-symbolic@2.svg new file mode 100644 index 00000000..a44f5c9f --- /dev/null +++ b/src/src/assets/gtk/scalable/small-checkbox-checked-symbolic@2.svg @@ -0,0 +1,44 @@ + + + + + + + + diff --git a/src/src/assets/gtk/scalable/small-checkbox-mixed-symbolic.svg b/src/src/assets/gtk/scalable/small-checkbox-mixed-symbolic.svg new file mode 100644 index 00000000..d621934b --- /dev/null +++ b/src/src/assets/gtk/scalable/small-checkbox-mixed-symbolic.svg @@ -0,0 +1,42 @@ + + + + + + + + diff --git a/src/src/assets/gtk/scalable/small-checkbox-mixed-symbolic@2.svg b/src/src/assets/gtk/scalable/small-checkbox-mixed-symbolic@2.svg new file mode 100644 index 00000000..91c7006b --- /dev/null +++ b/src/src/assets/gtk/scalable/small-checkbox-mixed-symbolic@2.svg @@ -0,0 +1,43 @@ + + + + + + + + diff --git a/src/src/assets/gtk/scalable/small-radio-checked-symbolic.svg b/src/src/assets/gtk/scalable/small-radio-checked-symbolic.svg new file mode 100644 index 00000000..f2c9cf9f --- /dev/null +++ b/src/src/assets/gtk/scalable/small-radio-checked-symbolic.svg @@ -0,0 +1,38 @@ + + + + + + diff --git a/src/src/assets/gtk/scalable/small-radio-checked-symbolic@2.svg b/src/src/assets/gtk/scalable/small-radio-checked-symbolic@2.svg new file mode 100644 index 00000000..a06db4cd --- /dev/null +++ b/src/src/assets/gtk/scalable/small-radio-checked-symbolic@2.svg @@ -0,0 +1,39 @@ + + + + + + diff --git a/src/src/assets/gtk/scalable/small-radio-mixed-symbolic.svg b/src/src/assets/gtk/scalable/small-radio-mixed-symbolic.svg new file mode 120000 index 00000000..86dfcec0 --- /dev/null +++ b/src/src/assets/gtk/scalable/small-radio-mixed-symbolic.svg @@ -0,0 +1 @@ +small-checkbox-mixed-symbolic.svg \ No newline at end of file diff --git a/src/src/assets/gtk/scalable/small-radio-mixed-symbolic@2.svg b/src/src/assets/gtk/scalable/small-radio-mixed-symbolic@2.svg new file mode 120000 index 00000000..bafb5588 --- /dev/null +++ b/src/src/assets/gtk/scalable/small-radio-mixed-symbolic@2.svg @@ -0,0 +1 @@ +small-checkbox-mixed-symbolic@2.svg \ No newline at end of file diff --git a/src/src/assets/gtk/thumbnail-dark-red.png b/src/src/assets/gtk/thumbnail-dark-red.png new file mode 100644 index 00000000..da877c3e Binary files /dev/null and b/src/src/assets/gtk/thumbnail-dark-red.png differ diff --git a/src/src/assets/gtk/thumbnail-dark.png b/src/src/assets/gtk/thumbnail-dark.png new file mode 100644 index 00000000..09ba4d83 Binary files /dev/null and b/src/src/assets/gtk/thumbnail-dark.png differ diff --git a/src/src/assets/gtk/thumbnail-gey-dark.png b/src/src/assets/gtk/thumbnail-gey-dark.png new file mode 100644 index 00000000..3cc09556 Binary files /dev/null and b/src/src/assets/gtk/thumbnail-gey-dark.png differ diff --git a/src/src/assets/gtk/thumbnail-green-dark.png b/src/src/assets/gtk/thumbnail-green-dark.png new file mode 100644 index 00000000..3c347e14 Binary files /dev/null and b/src/src/assets/gtk/thumbnail-green-dark.png differ diff --git a/src/src/assets/gtk/thumbnail-green.png b/src/src/assets/gtk/thumbnail-green.png new file mode 100644 index 00000000..b3e693f6 Binary files /dev/null and b/src/src/assets/gtk/thumbnail-green.png differ diff --git a/src/src/assets/gtk/thumbnail-grey.png b/src/src/assets/gtk/thumbnail-grey.png new file mode 100644 index 00000000..12051eee Binary files /dev/null and b/src/src/assets/gtk/thumbnail-grey.png differ diff --git a/src/src/assets/gtk/thumbnail-orange-dark.png b/src/src/assets/gtk/thumbnail-orange-dark.png new file mode 100644 index 00000000..1ccc3f1a Binary files /dev/null and b/src/src/assets/gtk/thumbnail-orange-dark.png differ diff --git a/src/src/assets/gtk/thumbnail-orange.png b/src/src/assets/gtk/thumbnail-orange.png new file mode 100644 index 00000000..308e8963 Binary files /dev/null and b/src/src/assets/gtk/thumbnail-orange.png differ diff --git a/src/src/assets/gtk/thumbnail-pink-dark.png b/src/src/assets/gtk/thumbnail-pink-dark.png new file mode 100644 index 00000000..ea3d5598 Binary files /dev/null and b/src/src/assets/gtk/thumbnail-pink-dark.png differ diff --git a/src/src/assets/gtk/thumbnail-pink.png b/src/src/assets/gtk/thumbnail-pink.png new file mode 100644 index 00000000..f74850d1 Binary files /dev/null and b/src/src/assets/gtk/thumbnail-pink.png differ diff --git a/src/src/assets/gtk/thumbnail-purple-dark.png b/src/src/assets/gtk/thumbnail-purple-dark.png new file mode 100644 index 00000000..d9cafe3c Binary files /dev/null and b/src/src/assets/gtk/thumbnail-purple-dark.png differ diff --git a/src/src/assets/gtk/thumbnail-purple.png b/src/src/assets/gtk/thumbnail-purple.png new file mode 100644 index 00000000..f461a00e Binary files /dev/null and b/src/src/assets/gtk/thumbnail-purple.png differ diff --git a/src/src/assets/gtk/thumbnail-red.png b/src/src/assets/gtk/thumbnail-red.png new file mode 100644 index 00000000..b0840511 Binary files /dev/null and b/src/src/assets/gtk/thumbnail-red.png differ diff --git a/src/src/assets/gtk/thumbnail-teal-dark.png b/src/src/assets/gtk/thumbnail-teal-dark.png new file mode 100644 index 00000000..cb6b9157 Binary files /dev/null and b/src/src/assets/gtk/thumbnail-teal-dark.png differ diff --git a/src/src/assets/gtk/thumbnail-teal.png b/src/src/assets/gtk/thumbnail-teal.png new file mode 100644 index 00000000..8df26e7f Binary files /dev/null and b/src/src/assets/gtk/thumbnail-teal.png differ diff --git a/src/src/assets/gtk/thumbnail-yellow-dark.png b/src/src/assets/gtk/thumbnail-yellow-dark.png new file mode 100644 index 00000000..e6908293 Binary files /dev/null and b/src/src/assets/gtk/thumbnail-yellow-dark.png differ diff --git a/src/src/assets/gtk/thumbnail-yellow.png b/src/src/assets/gtk/thumbnail-yellow.png new file mode 100644 index 00000000..a2d6f9f8 Binary files /dev/null and b/src/src/assets/gtk/thumbnail-yellow.png differ diff --git a/src/src/assets/gtk/thumbnail.png b/src/src/assets/gtk/thumbnail.png new file mode 100644 index 00000000..cce29c24 Binary files /dev/null and b/src/src/assets/gtk/thumbnail.png differ diff --git a/src/src/assets/gtk/thumbnail.svg b/src/src/assets/gtk/thumbnail.svg new file mode 100644 index 00000000..3907dd63 --- /dev/null +++ b/src/src/assets/gtk/thumbnail.svg @@ -0,0 +1,736 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/src/assets/metacity-1/assets/button.svg b/src/src/assets/metacity-1/assets/button.svg new file mode 100644 index 00000000..51c67bf4 --- /dev/null +++ b/src/src/assets/metacity-1/assets/button.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/src/assets/metacity-1/assets/close.svg b/src/src/assets/metacity-1/assets/close.svg new file mode 100644 index 00000000..1fe08059 --- /dev/null +++ b/src/src/assets/metacity-1/assets/close.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/src/assets/metacity-1/assets/maximize.svg b/src/src/assets/metacity-1/assets/maximize.svg new file mode 100644 index 00000000..02d76eb5 --- /dev/null +++ b/src/src/assets/metacity-1/assets/maximize.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/src/assets/metacity-1/assets/menu.svg b/src/src/assets/metacity-1/assets/menu.svg new file mode 100644 index 00000000..ad8570ad --- /dev/null +++ b/src/src/assets/metacity-1/assets/menu.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/src/assets/metacity-1/assets/minimize.svg b/src/src/assets/metacity-1/assets/minimize.svg new file mode 100644 index 00000000..dc1fa3f5 --- /dev/null +++ b/src/src/assets/metacity-1/assets/minimize.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/src/assets/metacity-1/assets/shade.svg b/src/src/assets/metacity-1/assets/shade.svg new file mode 100644 index 00000000..29aeeae3 --- /dev/null +++ b/src/src/assets/metacity-1/assets/shade.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/src/assets/metacity-1/assets/unmaximize.svg b/src/src/assets/metacity-1/assets/unmaximize.svg new file mode 100644 index 00000000..91060372 --- /dev/null +++ b/src/src/assets/metacity-1/assets/unmaximize.svg @@ -0,0 +1,64 @@ + + + + + + image/svg+xml + + + + + + + + + + + diff --git a/src/src/assets/metacity-1/assets/unshade.svg b/src/src/assets/metacity-1/assets/unshade.svg new file mode 100644 index 00000000..fa98887f --- /dev/null +++ b/src/src/assets/metacity-1/assets/unshade.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/src/assets/metacity-1/thumbnail-dark.png b/src/src/assets/metacity-1/thumbnail-dark.png new file mode 100644 index 00000000..578efdf8 Binary files /dev/null and b/src/src/assets/metacity-1/thumbnail-dark.png differ diff --git a/src/src/assets/metacity-1/thumbnail.png b/src/src/assets/metacity-1/thumbnail.png new file mode 100644 index 00000000..080e3b1e Binary files /dev/null and b/src/src/assets/metacity-1/thumbnail.png differ diff --git a/src/src/assets/metacity-1/thumbnail.svg b/src/src/assets/metacity-1/thumbnail.svg new file mode 100644 index 00000000..4c037451 --- /dev/null +++ b/src/src/assets/metacity-1/thumbnail.svg @@ -0,0 +1,249 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/src/assets/xfwm4/assets-hdpi/bottom-active.png b/src/src/assets/xfwm4/assets-hdpi/bottom-active.png new file mode 100644 index 00000000..93e647e9 Binary files /dev/null and b/src/src/assets/xfwm4/assets-hdpi/bottom-active.png differ diff --git a/src/src/assets/xfwm4/assets-hdpi/bottom-inactive.png b/src/src/assets/xfwm4/assets-hdpi/bottom-inactive.png new file mode 100644 index 00000000..6a857635 Binary files /dev/null and b/src/src/assets/xfwm4/assets-hdpi/bottom-inactive.png differ diff --git a/src/src/assets/xfwm4/assets-hdpi/bottom-left-active.png b/src/src/assets/xfwm4/assets-hdpi/bottom-left-active.png new file mode 100644 index 00000000..f98b63df Binary files /dev/null and b/src/src/assets/xfwm4/assets-hdpi/bottom-left-active.png differ diff --git a/src/src/assets/xfwm4/assets-hdpi/bottom-left-inactive.png b/src/src/assets/xfwm4/assets-hdpi/bottom-left-inactive.png new file mode 100644 index 00000000..83e905f9 Binary files /dev/null and b/src/src/assets/xfwm4/assets-hdpi/bottom-left-inactive.png differ diff --git a/src/src/assets/xfwm4/assets-hdpi/bottom-right-active.png b/src/src/assets/xfwm4/assets-hdpi/bottom-right-active.png new file mode 100644 index 00000000..77a2c15a Binary files /dev/null and b/src/src/assets/xfwm4/assets-hdpi/bottom-right-active.png differ diff --git a/src/src/assets/xfwm4/assets-hdpi/bottom-right-inactive.png b/src/src/assets/xfwm4/assets-hdpi/bottom-right-inactive.png new file mode 100644 index 00000000..14fd3544 Binary files /dev/null and b/src/src/assets/xfwm4/assets-hdpi/bottom-right-inactive.png differ diff --git a/src/src/assets/xfwm4/assets-hdpi/close-active.png b/src/src/assets/xfwm4/assets-hdpi/close-active.png new file mode 100644 index 00000000..52d90e9d Binary files /dev/null and b/src/src/assets/xfwm4/assets-hdpi/close-active.png differ diff --git a/src/src/assets/xfwm4/assets-hdpi/close-inactive.png b/src/src/assets/xfwm4/assets-hdpi/close-inactive.png new file mode 100644 index 00000000..ce2d9408 Binary files /dev/null and b/src/src/assets/xfwm4/assets-hdpi/close-inactive.png differ diff --git a/src/src/assets/xfwm4/assets-hdpi/close-prelight.png b/src/src/assets/xfwm4/assets-hdpi/close-prelight.png new file mode 100644 index 00000000..7e0b894d Binary files /dev/null and b/src/src/assets/xfwm4/assets-hdpi/close-prelight.png differ diff --git a/src/src/assets/xfwm4/assets-hdpi/close-pressed.png b/src/src/assets/xfwm4/assets-hdpi/close-pressed.png new file mode 100644 index 00000000..e7834366 Binary files /dev/null and b/src/src/assets/xfwm4/assets-hdpi/close-pressed.png differ diff --git a/src/src/assets/xfwm4/assets-hdpi/hide-active.png b/src/src/assets/xfwm4/assets-hdpi/hide-active.png new file mode 100644 index 00000000..3eb69970 Binary files /dev/null and b/src/src/assets/xfwm4/assets-hdpi/hide-active.png differ diff --git a/src/src/assets/xfwm4/assets-hdpi/hide-inactive.png b/src/src/assets/xfwm4/assets-hdpi/hide-inactive.png new file mode 100644 index 00000000..ce2d9408 Binary files /dev/null and b/src/src/assets/xfwm4/assets-hdpi/hide-inactive.png differ diff --git a/src/src/assets/xfwm4/assets-hdpi/hide-prelight.png b/src/src/assets/xfwm4/assets-hdpi/hide-prelight.png new file mode 100644 index 00000000..37bd1cdc Binary files /dev/null and b/src/src/assets/xfwm4/assets-hdpi/hide-prelight.png differ diff --git a/src/src/assets/xfwm4/assets-hdpi/hide-pressed.png b/src/src/assets/xfwm4/assets-hdpi/hide-pressed.png new file mode 100644 index 00000000..e5466a7a Binary files /dev/null and b/src/src/assets/xfwm4/assets-hdpi/hide-pressed.png differ diff --git a/src/src/assets/xfwm4/assets-hdpi/left-active.png b/src/src/assets/xfwm4/assets-hdpi/left-active.png new file mode 100644 index 00000000..41ebeab6 Binary files /dev/null and b/src/src/assets/xfwm4/assets-hdpi/left-active.png differ diff --git a/src/src/assets/xfwm4/assets-hdpi/left-inactive.png b/src/src/assets/xfwm4/assets-hdpi/left-inactive.png new file mode 100644 index 00000000..5b4f12be Binary files /dev/null and b/src/src/assets/xfwm4/assets-hdpi/left-inactive.png differ diff --git a/src/src/assets/xfwm4/assets-hdpi/maximize-active.png b/src/src/assets/xfwm4/assets-hdpi/maximize-active.png new file mode 100644 index 00000000..3e6d27e9 Binary files /dev/null and b/src/src/assets/xfwm4/assets-hdpi/maximize-active.png differ diff --git a/src/src/assets/xfwm4/assets-hdpi/maximize-inactive.png b/src/src/assets/xfwm4/assets-hdpi/maximize-inactive.png new file mode 100644 index 00000000..ce2d9408 Binary files /dev/null and b/src/src/assets/xfwm4/assets-hdpi/maximize-inactive.png differ diff --git a/src/src/assets/xfwm4/assets-hdpi/maximize-prelight.png b/src/src/assets/xfwm4/assets-hdpi/maximize-prelight.png new file mode 100644 index 00000000..65393c5f Binary files /dev/null and b/src/src/assets/xfwm4/assets-hdpi/maximize-prelight.png differ diff --git a/src/src/assets/xfwm4/assets-hdpi/maximize-pressed.png b/src/src/assets/xfwm4/assets-hdpi/maximize-pressed.png new file mode 100644 index 00000000..982062f6 Binary files /dev/null and b/src/src/assets/xfwm4/assets-hdpi/maximize-pressed.png differ diff --git a/src/src/assets/xfwm4/assets-hdpi/maximize-toggled-active.png b/src/src/assets/xfwm4/assets-hdpi/maximize-toggled-active.png new file mode 100644 index 00000000..3e6d27e9 Binary files /dev/null and b/src/src/assets/xfwm4/assets-hdpi/maximize-toggled-active.png differ diff --git a/src/src/assets/xfwm4/assets-hdpi/maximize-toggled-inactive.png b/src/src/assets/xfwm4/assets-hdpi/maximize-toggled-inactive.png new file mode 100644 index 00000000..ce2d9408 Binary files /dev/null and b/src/src/assets/xfwm4/assets-hdpi/maximize-toggled-inactive.png differ diff --git a/src/src/assets/xfwm4/assets-hdpi/maximize-toggled-prelight.png b/src/src/assets/xfwm4/assets-hdpi/maximize-toggled-prelight.png new file mode 100644 index 00000000..19ec36f8 Binary files /dev/null and b/src/src/assets/xfwm4/assets-hdpi/maximize-toggled-prelight.png differ diff --git a/src/src/assets/xfwm4/assets-hdpi/maximize-toggled-pressed.png b/src/src/assets/xfwm4/assets-hdpi/maximize-toggled-pressed.png new file mode 100644 index 00000000..8423b506 Binary files /dev/null and b/src/src/assets/xfwm4/assets-hdpi/maximize-toggled-pressed.png differ diff --git a/src/src/assets/xfwm4/assets-hdpi/menu-active.png b/src/src/assets/xfwm4/assets-hdpi/menu-active.png new file mode 100644 index 00000000..319ba132 Binary files /dev/null and b/src/src/assets/xfwm4/assets-hdpi/menu-active.png differ diff --git a/src/src/assets/xfwm4/assets-hdpi/menu-inactive.png b/src/src/assets/xfwm4/assets-hdpi/menu-inactive.png new file mode 100644 index 00000000..ce681fc2 Binary files /dev/null and b/src/src/assets/xfwm4/assets-hdpi/menu-inactive.png differ diff --git a/src/src/assets/xfwm4/assets-hdpi/menu-prelight.png b/src/src/assets/xfwm4/assets-hdpi/menu-prelight.png new file mode 100644 index 00000000..f8aaedf6 Binary files /dev/null and b/src/src/assets/xfwm4/assets-hdpi/menu-prelight.png differ diff --git a/src/src/assets/xfwm4/assets-hdpi/menu-pressed.png b/src/src/assets/xfwm4/assets-hdpi/menu-pressed.png new file mode 100644 index 00000000..c9a6e6e7 Binary files /dev/null and b/src/src/assets/xfwm4/assets-hdpi/menu-pressed.png differ diff --git a/src/src/assets/xfwm4/assets-hdpi/right-active.png b/src/src/assets/xfwm4/assets-hdpi/right-active.png new file mode 100644 index 00000000..22bd6e51 Binary files /dev/null and b/src/src/assets/xfwm4/assets-hdpi/right-active.png differ diff --git a/src/src/assets/xfwm4/assets-hdpi/right-inactive.png b/src/src/assets/xfwm4/assets-hdpi/right-inactive.png new file mode 100644 index 00000000..f601ad27 Binary files /dev/null and b/src/src/assets/xfwm4/assets-hdpi/right-inactive.png differ diff --git a/src/src/assets/xfwm4/assets-hdpi/shade-active.png b/src/src/assets/xfwm4/assets-hdpi/shade-active.png new file mode 100644 index 00000000..40e1a6f8 Binary files /dev/null and b/src/src/assets/xfwm4/assets-hdpi/shade-active.png differ diff --git a/src/src/assets/xfwm4/assets-hdpi/shade-inactive.png b/src/src/assets/xfwm4/assets-hdpi/shade-inactive.png new file mode 100644 index 00000000..945b2063 Binary files /dev/null and b/src/src/assets/xfwm4/assets-hdpi/shade-inactive.png differ diff --git a/src/src/assets/xfwm4/assets-hdpi/shade-prelight.png b/src/src/assets/xfwm4/assets-hdpi/shade-prelight.png new file mode 100644 index 00000000..e5b52b69 Binary files /dev/null and b/src/src/assets/xfwm4/assets-hdpi/shade-prelight.png differ diff --git a/src/src/assets/xfwm4/assets-hdpi/shade-pressed.png b/src/src/assets/xfwm4/assets-hdpi/shade-pressed.png new file mode 100644 index 00000000..1aa18a17 Binary files /dev/null and b/src/src/assets/xfwm4/assets-hdpi/shade-pressed.png differ diff --git a/src/src/assets/xfwm4/assets-hdpi/stick-active.png b/src/src/assets/xfwm4/assets-hdpi/stick-active.png new file mode 100644 index 00000000..6e91f4fe Binary files /dev/null and b/src/src/assets/xfwm4/assets-hdpi/stick-active.png differ diff --git a/src/src/assets/xfwm4/assets-hdpi/stick-inactive.png b/src/src/assets/xfwm4/assets-hdpi/stick-inactive.png new file mode 100644 index 00000000..22eae01d Binary files /dev/null and b/src/src/assets/xfwm4/assets-hdpi/stick-inactive.png differ diff --git a/src/src/assets/xfwm4/assets-hdpi/stick-prelight.png b/src/src/assets/xfwm4/assets-hdpi/stick-prelight.png new file mode 100644 index 00000000..8c8ae2fc Binary files /dev/null and b/src/src/assets/xfwm4/assets-hdpi/stick-prelight.png differ diff --git a/src/src/assets/xfwm4/assets-hdpi/stick-pressed.png b/src/src/assets/xfwm4/assets-hdpi/stick-pressed.png new file mode 100644 index 00000000..9568831a Binary files /dev/null and b/src/src/assets/xfwm4/assets-hdpi/stick-pressed.png differ diff --git a/src/src/assets/xfwm4/assets-hdpi/stick-toggled-active.png b/src/src/assets/xfwm4/assets-hdpi/stick-toggled-active.png new file mode 100644 index 00000000..59197014 Binary files /dev/null and b/src/src/assets/xfwm4/assets-hdpi/stick-toggled-active.png differ diff --git a/src/src/assets/xfwm4/assets-hdpi/stick-toggled-inactive.png b/src/src/assets/xfwm4/assets-hdpi/stick-toggled-inactive.png new file mode 100644 index 00000000..82125e0e Binary files /dev/null and b/src/src/assets/xfwm4/assets-hdpi/stick-toggled-inactive.png differ diff --git a/src/src/assets/xfwm4/assets-hdpi/stick-toggled-prelight.png b/src/src/assets/xfwm4/assets-hdpi/stick-toggled-prelight.png new file mode 100644 index 00000000..41b38587 Binary files /dev/null and b/src/src/assets/xfwm4/assets-hdpi/stick-toggled-prelight.png differ diff --git a/src/src/assets/xfwm4/assets-hdpi/stick-toggled-pressed.png b/src/src/assets/xfwm4/assets-hdpi/stick-toggled-pressed.png new file mode 100644 index 00000000..a3d5d4bc Binary files /dev/null and b/src/src/assets/xfwm4/assets-hdpi/stick-toggled-pressed.png differ diff --git a/src/src/assets/xfwm4/assets-hdpi/title-1-active.png b/src/src/assets/xfwm4/assets-hdpi/title-1-active.png new file mode 100644 index 00000000..ee47d7a5 Binary files /dev/null and b/src/src/assets/xfwm4/assets-hdpi/title-1-active.png differ diff --git a/src/src/assets/xfwm4/assets-hdpi/title-1-inactive.png b/src/src/assets/xfwm4/assets-hdpi/title-1-inactive.png new file mode 100644 index 00000000..28eca361 Binary files /dev/null and b/src/src/assets/xfwm4/assets-hdpi/title-1-inactive.png differ diff --git a/src/src/assets/xfwm4/assets-hdpi/title-2-active.png b/src/src/assets/xfwm4/assets-hdpi/title-2-active.png new file mode 100644 index 00000000..ee47d7a5 Binary files /dev/null and b/src/src/assets/xfwm4/assets-hdpi/title-2-active.png differ diff --git a/src/src/assets/xfwm4/assets-hdpi/title-2-inactive.png b/src/src/assets/xfwm4/assets-hdpi/title-2-inactive.png new file mode 100644 index 00000000..28eca361 Binary files /dev/null and b/src/src/assets/xfwm4/assets-hdpi/title-2-inactive.png differ diff --git a/src/src/assets/xfwm4/assets-hdpi/title-3-active.png b/src/src/assets/xfwm4/assets-hdpi/title-3-active.png new file mode 100644 index 00000000..ee47d7a5 Binary files /dev/null and b/src/src/assets/xfwm4/assets-hdpi/title-3-active.png differ diff --git a/src/src/assets/xfwm4/assets-hdpi/title-3-inactive.png b/src/src/assets/xfwm4/assets-hdpi/title-3-inactive.png new file mode 100644 index 00000000..28eca361 Binary files /dev/null and b/src/src/assets/xfwm4/assets-hdpi/title-3-inactive.png differ diff --git a/src/src/assets/xfwm4/assets-hdpi/title-4-active.png b/src/src/assets/xfwm4/assets-hdpi/title-4-active.png new file mode 100644 index 00000000..ee47d7a5 Binary files /dev/null and b/src/src/assets/xfwm4/assets-hdpi/title-4-active.png differ diff --git a/src/src/assets/xfwm4/assets-hdpi/title-4-inactive.png b/src/src/assets/xfwm4/assets-hdpi/title-4-inactive.png new file mode 100644 index 00000000..28eca361 Binary files /dev/null and b/src/src/assets/xfwm4/assets-hdpi/title-4-inactive.png differ diff --git a/src/src/assets/xfwm4/assets-hdpi/title-5-active.png b/src/src/assets/xfwm4/assets-hdpi/title-5-active.png new file mode 100644 index 00000000..ee47d7a5 Binary files /dev/null and b/src/src/assets/xfwm4/assets-hdpi/title-5-active.png differ diff --git a/src/src/assets/xfwm4/assets-hdpi/title-5-inactive.png b/src/src/assets/xfwm4/assets-hdpi/title-5-inactive.png new file mode 100644 index 00000000..28eca361 Binary files /dev/null and b/src/src/assets/xfwm4/assets-hdpi/title-5-inactive.png differ diff --git a/src/src/assets/xfwm4/assets-hdpi/top-left-active.png b/src/src/assets/xfwm4/assets-hdpi/top-left-active.png new file mode 100644 index 00000000..2855b0a5 Binary files /dev/null and b/src/src/assets/xfwm4/assets-hdpi/top-left-active.png differ diff --git a/src/src/assets/xfwm4/assets-hdpi/top-left-inactive.png b/src/src/assets/xfwm4/assets-hdpi/top-left-inactive.png new file mode 100644 index 00000000..f4779315 Binary files /dev/null and b/src/src/assets/xfwm4/assets-hdpi/top-left-inactive.png differ diff --git a/src/src/assets/xfwm4/assets-hdpi/top-right-active.png b/src/src/assets/xfwm4/assets-hdpi/top-right-active.png new file mode 100644 index 00000000..1d4d5203 Binary files /dev/null and b/src/src/assets/xfwm4/assets-hdpi/top-right-active.png differ diff --git a/src/src/assets/xfwm4/assets-hdpi/top-right-inactive.png b/src/src/assets/xfwm4/assets-hdpi/top-right-inactive.png new file mode 100644 index 00000000..de6076e4 Binary files /dev/null and b/src/src/assets/xfwm4/assets-hdpi/top-right-inactive.png differ diff --git a/src/src/assets/xfwm4/assets-light-hdpi/bottom-active.png b/src/src/assets/xfwm4/assets-light-hdpi/bottom-active.png new file mode 100644 index 00000000..77696da6 Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-hdpi/bottom-active.png differ diff --git a/src/src/assets/xfwm4/assets-light-hdpi/bottom-inactive.png b/src/src/assets/xfwm4/assets-light-hdpi/bottom-inactive.png new file mode 100644 index 00000000..01629247 Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-hdpi/bottom-inactive.png differ diff --git a/src/src/assets/xfwm4/assets-light-hdpi/bottom-left-active.png b/src/src/assets/xfwm4/assets-light-hdpi/bottom-left-active.png new file mode 100644 index 00000000..3883efc2 Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-hdpi/bottom-left-active.png differ diff --git a/src/src/assets/xfwm4/assets-light-hdpi/bottom-left-inactive.png b/src/src/assets/xfwm4/assets-light-hdpi/bottom-left-inactive.png new file mode 100644 index 00000000..e2b36e6d Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-hdpi/bottom-left-inactive.png differ diff --git a/src/src/assets/xfwm4/assets-light-hdpi/bottom-right-active.png b/src/src/assets/xfwm4/assets-light-hdpi/bottom-right-active.png new file mode 100644 index 00000000..bf788140 Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-hdpi/bottom-right-active.png differ diff --git a/src/src/assets/xfwm4/assets-light-hdpi/bottom-right-inactive.png b/src/src/assets/xfwm4/assets-light-hdpi/bottom-right-inactive.png new file mode 100644 index 00000000..8d692acf Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-hdpi/bottom-right-inactive.png differ diff --git a/src/src/assets/xfwm4/assets-light-hdpi/close-active.png b/src/src/assets/xfwm4/assets-light-hdpi/close-active.png new file mode 100644 index 00000000..f31a7288 Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-hdpi/close-active.png differ diff --git a/src/src/assets/xfwm4/assets-light-hdpi/close-inactive.png b/src/src/assets/xfwm4/assets-light-hdpi/close-inactive.png new file mode 100644 index 00000000..2a3a0ad4 Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-hdpi/close-inactive.png differ diff --git a/src/src/assets/xfwm4/assets-light-hdpi/close-prelight.png b/src/src/assets/xfwm4/assets-light-hdpi/close-prelight.png new file mode 100644 index 00000000..9ff43ab4 Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-hdpi/close-prelight.png differ diff --git a/src/src/assets/xfwm4/assets-light-hdpi/close-pressed.png b/src/src/assets/xfwm4/assets-light-hdpi/close-pressed.png new file mode 100644 index 00000000..f7960fcd Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-hdpi/close-pressed.png differ diff --git a/src/src/assets/xfwm4/assets-light-hdpi/hide-active.png b/src/src/assets/xfwm4/assets-light-hdpi/hide-active.png new file mode 100644 index 00000000..1beece6b Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-hdpi/hide-active.png differ diff --git a/src/src/assets/xfwm4/assets-light-hdpi/hide-inactive.png b/src/src/assets/xfwm4/assets-light-hdpi/hide-inactive.png new file mode 100644 index 00000000..2a3a0ad4 Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-hdpi/hide-inactive.png differ diff --git a/src/src/assets/xfwm4/assets-light-hdpi/hide-prelight.png b/src/src/assets/xfwm4/assets-light-hdpi/hide-prelight.png new file mode 100644 index 00000000..fdfc972d Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-hdpi/hide-prelight.png differ diff --git a/src/src/assets/xfwm4/assets-light-hdpi/hide-pressed.png b/src/src/assets/xfwm4/assets-light-hdpi/hide-pressed.png new file mode 100644 index 00000000..c2b67319 Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-hdpi/hide-pressed.png differ diff --git a/src/src/assets/xfwm4/assets-light-hdpi/left-active.png b/src/src/assets/xfwm4/assets-light-hdpi/left-active.png new file mode 100644 index 00000000..06288ea5 Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-hdpi/left-active.png differ diff --git a/src/src/assets/xfwm4/assets-light-hdpi/left-inactive.png b/src/src/assets/xfwm4/assets-light-hdpi/left-inactive.png new file mode 100644 index 00000000..2c10534e Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-hdpi/left-inactive.png differ diff --git a/src/src/assets/xfwm4/assets-light-hdpi/maximize-active.png b/src/src/assets/xfwm4/assets-light-hdpi/maximize-active.png new file mode 100644 index 00000000..43e83dc5 Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-hdpi/maximize-active.png differ diff --git a/src/src/assets/xfwm4/assets-light-hdpi/maximize-inactive.png b/src/src/assets/xfwm4/assets-light-hdpi/maximize-inactive.png new file mode 100644 index 00000000..2a3a0ad4 Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-hdpi/maximize-inactive.png differ diff --git a/src/src/assets/xfwm4/assets-light-hdpi/maximize-prelight.png b/src/src/assets/xfwm4/assets-light-hdpi/maximize-prelight.png new file mode 100644 index 00000000..8b5dc0f8 Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-hdpi/maximize-prelight.png differ diff --git a/src/src/assets/xfwm4/assets-light-hdpi/maximize-pressed.png b/src/src/assets/xfwm4/assets-light-hdpi/maximize-pressed.png new file mode 100644 index 00000000..2e927ded Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-hdpi/maximize-pressed.png differ diff --git a/src/src/assets/xfwm4/assets-light-hdpi/maximize-toggled-active.png b/src/src/assets/xfwm4/assets-light-hdpi/maximize-toggled-active.png new file mode 100644 index 00000000..43e83dc5 Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-hdpi/maximize-toggled-active.png differ diff --git a/src/src/assets/xfwm4/assets-light-hdpi/maximize-toggled-inactive.png b/src/src/assets/xfwm4/assets-light-hdpi/maximize-toggled-inactive.png new file mode 100644 index 00000000..2a3a0ad4 Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-hdpi/maximize-toggled-inactive.png differ diff --git a/src/src/assets/xfwm4/assets-light-hdpi/maximize-toggled-prelight.png b/src/src/assets/xfwm4/assets-light-hdpi/maximize-toggled-prelight.png new file mode 100644 index 00000000..8f3ec430 Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-hdpi/maximize-toggled-prelight.png differ diff --git a/src/src/assets/xfwm4/assets-light-hdpi/maximize-toggled-pressed.png b/src/src/assets/xfwm4/assets-light-hdpi/maximize-toggled-pressed.png new file mode 100644 index 00000000..a222946d Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-hdpi/maximize-toggled-pressed.png differ diff --git a/src/src/assets/xfwm4/assets-light-hdpi/menu-active.png b/src/src/assets/xfwm4/assets-light-hdpi/menu-active.png new file mode 100644 index 00000000..cbd90868 Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-hdpi/menu-active.png differ diff --git a/src/src/assets/xfwm4/assets-light-hdpi/menu-inactive.png b/src/src/assets/xfwm4/assets-light-hdpi/menu-inactive.png new file mode 100644 index 00000000..863d3d7e Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-hdpi/menu-inactive.png differ diff --git a/src/src/assets/xfwm4/assets-light-hdpi/menu-prelight.png b/src/src/assets/xfwm4/assets-light-hdpi/menu-prelight.png new file mode 100644 index 00000000..7b50ec99 Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-hdpi/menu-prelight.png differ diff --git a/src/src/assets/xfwm4/assets-light-hdpi/menu-pressed.png b/src/src/assets/xfwm4/assets-light-hdpi/menu-pressed.png new file mode 100644 index 00000000..f04a1dde Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-hdpi/menu-pressed.png differ diff --git a/src/src/assets/xfwm4/assets-light-hdpi/right-active.png b/src/src/assets/xfwm4/assets-light-hdpi/right-active.png new file mode 100644 index 00000000..d278c01f Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-hdpi/right-active.png differ diff --git a/src/src/assets/xfwm4/assets-light-hdpi/right-inactive.png b/src/src/assets/xfwm4/assets-light-hdpi/right-inactive.png new file mode 100644 index 00000000..c45b0dcc Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-hdpi/right-inactive.png differ diff --git a/src/src/assets/xfwm4/assets-light-hdpi/shade-active.png b/src/src/assets/xfwm4/assets-light-hdpi/shade-active.png new file mode 100644 index 00000000..86c557c5 Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-hdpi/shade-active.png differ diff --git a/src/src/assets/xfwm4/assets-light-hdpi/shade-inactive.png b/src/src/assets/xfwm4/assets-light-hdpi/shade-inactive.png new file mode 100644 index 00000000..45403673 Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-hdpi/shade-inactive.png differ diff --git a/src/src/assets/xfwm4/assets-light-hdpi/shade-prelight.png b/src/src/assets/xfwm4/assets-light-hdpi/shade-prelight.png new file mode 100644 index 00000000..9a533823 Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-hdpi/shade-prelight.png differ diff --git a/src/src/assets/xfwm4/assets-light-hdpi/shade-pressed.png b/src/src/assets/xfwm4/assets-light-hdpi/shade-pressed.png new file mode 100644 index 00000000..ae5d2ff8 Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-hdpi/shade-pressed.png differ diff --git a/src/src/assets/xfwm4/assets-light-hdpi/stick-active.png b/src/src/assets/xfwm4/assets-light-hdpi/stick-active.png new file mode 100644 index 00000000..ec935222 Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-hdpi/stick-active.png differ diff --git a/src/src/assets/xfwm4/assets-light-hdpi/stick-inactive.png b/src/src/assets/xfwm4/assets-light-hdpi/stick-inactive.png new file mode 100644 index 00000000..414b489f Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-hdpi/stick-inactive.png differ diff --git a/src/src/assets/xfwm4/assets-light-hdpi/stick-prelight.png b/src/src/assets/xfwm4/assets-light-hdpi/stick-prelight.png new file mode 100644 index 00000000..85c0df48 Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-hdpi/stick-prelight.png differ diff --git a/src/src/assets/xfwm4/assets-light-hdpi/stick-pressed.png b/src/src/assets/xfwm4/assets-light-hdpi/stick-pressed.png new file mode 100644 index 00000000..d402cdfc Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-hdpi/stick-pressed.png differ diff --git a/src/src/assets/xfwm4/assets-light-hdpi/stick-toggled-active.png b/src/src/assets/xfwm4/assets-light-hdpi/stick-toggled-active.png new file mode 100644 index 00000000..e8797b43 Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-hdpi/stick-toggled-active.png differ diff --git a/src/src/assets/xfwm4/assets-light-hdpi/stick-toggled-inactive.png b/src/src/assets/xfwm4/assets-light-hdpi/stick-toggled-inactive.png new file mode 100644 index 00000000..db0b7b9a Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-hdpi/stick-toggled-inactive.png differ diff --git a/src/src/assets/xfwm4/assets-light-hdpi/stick-toggled-prelight.png b/src/src/assets/xfwm4/assets-light-hdpi/stick-toggled-prelight.png new file mode 100644 index 00000000..5612b707 Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-hdpi/stick-toggled-prelight.png differ diff --git a/src/src/assets/xfwm4/assets-light-hdpi/stick-toggled-pressed.png b/src/src/assets/xfwm4/assets-light-hdpi/stick-toggled-pressed.png new file mode 100644 index 00000000..be463181 Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-hdpi/stick-toggled-pressed.png differ diff --git a/src/src/assets/xfwm4/assets-light-hdpi/title-1-active.png b/src/src/assets/xfwm4/assets-light-hdpi/title-1-active.png new file mode 100644 index 00000000..eb623d34 Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-hdpi/title-1-active.png differ diff --git a/src/src/assets/xfwm4/assets-light-hdpi/title-1-inactive.png b/src/src/assets/xfwm4/assets-light-hdpi/title-1-inactive.png new file mode 100644 index 00000000..7cd2fe11 Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-hdpi/title-1-inactive.png differ diff --git a/src/src/assets/xfwm4/assets-light-hdpi/title-2-active.png b/src/src/assets/xfwm4/assets-light-hdpi/title-2-active.png new file mode 100644 index 00000000..eb623d34 Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-hdpi/title-2-active.png differ diff --git a/src/src/assets/xfwm4/assets-light-hdpi/title-2-inactive.png b/src/src/assets/xfwm4/assets-light-hdpi/title-2-inactive.png new file mode 100644 index 00000000..7cd2fe11 Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-hdpi/title-2-inactive.png differ diff --git a/src/src/assets/xfwm4/assets-light-hdpi/title-3-active.png b/src/src/assets/xfwm4/assets-light-hdpi/title-3-active.png new file mode 100644 index 00000000..eb623d34 Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-hdpi/title-3-active.png differ diff --git a/src/src/assets/xfwm4/assets-light-hdpi/title-3-inactive.png b/src/src/assets/xfwm4/assets-light-hdpi/title-3-inactive.png new file mode 100644 index 00000000..7cd2fe11 Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-hdpi/title-3-inactive.png differ diff --git a/src/src/assets/xfwm4/assets-light-hdpi/title-4-active.png b/src/src/assets/xfwm4/assets-light-hdpi/title-4-active.png new file mode 100644 index 00000000..eb623d34 Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-hdpi/title-4-active.png differ diff --git a/src/src/assets/xfwm4/assets-light-hdpi/title-4-inactive.png b/src/src/assets/xfwm4/assets-light-hdpi/title-4-inactive.png new file mode 100644 index 00000000..7cd2fe11 Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-hdpi/title-4-inactive.png differ diff --git a/src/src/assets/xfwm4/assets-light-hdpi/title-5-active.png b/src/src/assets/xfwm4/assets-light-hdpi/title-5-active.png new file mode 100644 index 00000000..eb623d34 Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-hdpi/title-5-active.png differ diff --git a/src/src/assets/xfwm4/assets-light-hdpi/title-5-inactive.png b/src/src/assets/xfwm4/assets-light-hdpi/title-5-inactive.png new file mode 100644 index 00000000..7cd2fe11 Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-hdpi/title-5-inactive.png differ diff --git a/src/src/assets/xfwm4/assets-light-hdpi/top-left-active.png b/src/src/assets/xfwm4/assets-light-hdpi/top-left-active.png new file mode 100644 index 00000000..64b59b98 Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-hdpi/top-left-active.png differ diff --git a/src/src/assets/xfwm4/assets-light-hdpi/top-left-inactive.png b/src/src/assets/xfwm4/assets-light-hdpi/top-left-inactive.png new file mode 100644 index 00000000..4896b1fb Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-hdpi/top-left-inactive.png differ diff --git a/src/src/assets/xfwm4/assets-light-hdpi/top-right-active.png b/src/src/assets/xfwm4/assets-light-hdpi/top-right-active.png new file mode 100644 index 00000000..d841e943 Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-hdpi/top-right-active.png differ diff --git a/src/src/assets/xfwm4/assets-light-hdpi/top-right-inactive.png b/src/src/assets/xfwm4/assets-light-hdpi/top-right-inactive.png new file mode 100644 index 00000000..72c0879c Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-hdpi/top-right-inactive.png differ diff --git a/src/src/assets/xfwm4/assets-light-nord-hdpi/bottom-active.png b/src/src/assets/xfwm4/assets-light-nord-hdpi/bottom-active.png new file mode 100644 index 00000000..1020df69 Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-nord-hdpi/bottom-active.png differ diff --git a/src/src/assets/xfwm4/assets-light-nord-hdpi/bottom-inactive.png b/src/src/assets/xfwm4/assets-light-nord-hdpi/bottom-inactive.png new file mode 100644 index 00000000..01629247 Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-nord-hdpi/bottom-inactive.png differ diff --git a/src/src/assets/xfwm4/assets-light-nord-hdpi/bottom-left-active.png b/src/src/assets/xfwm4/assets-light-nord-hdpi/bottom-left-active.png new file mode 100644 index 00000000..67a55a09 Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-nord-hdpi/bottom-left-active.png differ diff --git a/src/src/assets/xfwm4/assets-light-nord-hdpi/bottom-left-inactive.png b/src/src/assets/xfwm4/assets-light-nord-hdpi/bottom-left-inactive.png new file mode 100644 index 00000000..e2b36e6d Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-nord-hdpi/bottom-left-inactive.png differ diff --git a/src/src/assets/xfwm4/assets-light-nord-hdpi/bottom-right-active.png b/src/src/assets/xfwm4/assets-light-nord-hdpi/bottom-right-active.png new file mode 100644 index 00000000..0ddb70c0 Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-nord-hdpi/bottom-right-active.png differ diff --git a/src/src/assets/xfwm4/assets-light-nord-hdpi/bottom-right-inactive.png b/src/src/assets/xfwm4/assets-light-nord-hdpi/bottom-right-inactive.png new file mode 100644 index 00000000..8d692acf Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-nord-hdpi/bottom-right-inactive.png differ diff --git a/src/src/assets/xfwm4/assets-light-nord-hdpi/close-active.png b/src/src/assets/xfwm4/assets-light-nord-hdpi/close-active.png new file mode 100644 index 00000000..4aa57c95 Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-nord-hdpi/close-active.png differ diff --git a/src/src/assets/xfwm4/assets-light-nord-hdpi/close-inactive.png b/src/src/assets/xfwm4/assets-light-nord-hdpi/close-inactive.png new file mode 100644 index 00000000..2a3a0ad4 Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-nord-hdpi/close-inactive.png differ diff --git a/src/src/assets/xfwm4/assets-light-nord-hdpi/close-prelight.png b/src/src/assets/xfwm4/assets-light-nord-hdpi/close-prelight.png new file mode 100644 index 00000000..4ddb40ae Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-nord-hdpi/close-prelight.png differ diff --git a/src/src/assets/xfwm4/assets-light-nord-hdpi/close-pressed.png b/src/src/assets/xfwm4/assets-light-nord-hdpi/close-pressed.png new file mode 100644 index 00000000..b3fd7633 Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-nord-hdpi/close-pressed.png differ diff --git a/src/src/assets/xfwm4/assets-light-nord-hdpi/hide-active.png b/src/src/assets/xfwm4/assets-light-nord-hdpi/hide-active.png new file mode 100644 index 00000000..cecd937e Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-nord-hdpi/hide-active.png differ diff --git a/src/src/assets/xfwm4/assets-light-nord-hdpi/hide-inactive.png b/src/src/assets/xfwm4/assets-light-nord-hdpi/hide-inactive.png new file mode 100644 index 00000000..2a3a0ad4 Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-nord-hdpi/hide-inactive.png differ diff --git a/src/src/assets/xfwm4/assets-light-nord-hdpi/hide-prelight.png b/src/src/assets/xfwm4/assets-light-nord-hdpi/hide-prelight.png new file mode 100644 index 00000000..e696246b Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-nord-hdpi/hide-prelight.png differ diff --git a/src/src/assets/xfwm4/assets-light-nord-hdpi/hide-pressed.png b/src/src/assets/xfwm4/assets-light-nord-hdpi/hide-pressed.png new file mode 100644 index 00000000..0e0b43da Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-nord-hdpi/hide-pressed.png differ diff --git a/src/src/assets/xfwm4/assets-light-nord-hdpi/left-active.png b/src/src/assets/xfwm4/assets-light-nord-hdpi/left-active.png new file mode 100644 index 00000000..2ee24d8b Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-nord-hdpi/left-active.png differ diff --git a/src/src/assets/xfwm4/assets-light-nord-hdpi/left-inactive.png b/src/src/assets/xfwm4/assets-light-nord-hdpi/left-inactive.png new file mode 100644 index 00000000..2c10534e Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-nord-hdpi/left-inactive.png differ diff --git a/src/src/assets/xfwm4/assets-light-nord-hdpi/maximize-active.png b/src/src/assets/xfwm4/assets-light-nord-hdpi/maximize-active.png new file mode 100644 index 00000000..627b4a7a Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-nord-hdpi/maximize-active.png differ diff --git a/src/src/assets/xfwm4/assets-light-nord-hdpi/maximize-inactive.png b/src/src/assets/xfwm4/assets-light-nord-hdpi/maximize-inactive.png new file mode 100644 index 00000000..2a3a0ad4 Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-nord-hdpi/maximize-inactive.png differ diff --git a/src/src/assets/xfwm4/assets-light-nord-hdpi/maximize-prelight.png b/src/src/assets/xfwm4/assets-light-nord-hdpi/maximize-prelight.png new file mode 100644 index 00000000..04f9bfc4 Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-nord-hdpi/maximize-prelight.png differ diff --git a/src/src/assets/xfwm4/assets-light-nord-hdpi/maximize-pressed.png b/src/src/assets/xfwm4/assets-light-nord-hdpi/maximize-pressed.png new file mode 100644 index 00000000..e09db60e Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-nord-hdpi/maximize-pressed.png differ diff --git a/src/src/assets/xfwm4/assets-light-nord-hdpi/maximize-toggled-active.png b/src/src/assets/xfwm4/assets-light-nord-hdpi/maximize-toggled-active.png new file mode 100644 index 00000000..627b4a7a Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-nord-hdpi/maximize-toggled-active.png differ diff --git a/src/src/assets/xfwm4/assets-light-nord-hdpi/maximize-toggled-inactive.png b/src/src/assets/xfwm4/assets-light-nord-hdpi/maximize-toggled-inactive.png new file mode 100644 index 00000000..2a3a0ad4 Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-nord-hdpi/maximize-toggled-inactive.png differ diff --git a/src/src/assets/xfwm4/assets-light-nord-hdpi/maximize-toggled-prelight.png b/src/src/assets/xfwm4/assets-light-nord-hdpi/maximize-toggled-prelight.png new file mode 100644 index 00000000..d3b8c1bb Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-nord-hdpi/maximize-toggled-prelight.png differ diff --git a/src/src/assets/xfwm4/assets-light-nord-hdpi/maximize-toggled-pressed.png b/src/src/assets/xfwm4/assets-light-nord-hdpi/maximize-toggled-pressed.png new file mode 100644 index 00000000..58312ee0 Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-nord-hdpi/maximize-toggled-pressed.png differ diff --git a/src/src/assets/xfwm4/assets-light-nord-hdpi/menu-active.png b/src/src/assets/xfwm4/assets-light-nord-hdpi/menu-active.png new file mode 100644 index 00000000..4d9a9b68 Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-nord-hdpi/menu-active.png differ diff --git a/src/src/assets/xfwm4/assets-light-nord-hdpi/menu-inactive.png b/src/src/assets/xfwm4/assets-light-nord-hdpi/menu-inactive.png new file mode 100644 index 00000000..863d3d7e Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-nord-hdpi/menu-inactive.png differ diff --git a/src/src/assets/xfwm4/assets-light-nord-hdpi/menu-prelight.png b/src/src/assets/xfwm4/assets-light-nord-hdpi/menu-prelight.png new file mode 100644 index 00000000..851cf97e Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-nord-hdpi/menu-prelight.png differ diff --git a/src/src/assets/xfwm4/assets-light-nord-hdpi/menu-pressed.png b/src/src/assets/xfwm4/assets-light-nord-hdpi/menu-pressed.png new file mode 100644 index 00000000..b99630b4 Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-nord-hdpi/menu-pressed.png differ diff --git a/src/src/assets/xfwm4/assets-light-nord-hdpi/right-active.png b/src/src/assets/xfwm4/assets-light-nord-hdpi/right-active.png new file mode 100644 index 00000000..4f4aa45c Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-nord-hdpi/right-active.png differ diff --git a/src/src/assets/xfwm4/assets-light-nord-hdpi/right-inactive.png b/src/src/assets/xfwm4/assets-light-nord-hdpi/right-inactive.png new file mode 100644 index 00000000..c45b0dcc Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-nord-hdpi/right-inactive.png differ diff --git a/src/src/assets/xfwm4/assets-light-nord-hdpi/shade-active.png b/src/src/assets/xfwm4/assets-light-nord-hdpi/shade-active.png new file mode 100644 index 00000000..5387d37c Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-nord-hdpi/shade-active.png differ diff --git a/src/src/assets/xfwm4/assets-light-nord-hdpi/shade-inactive.png b/src/src/assets/xfwm4/assets-light-nord-hdpi/shade-inactive.png new file mode 100644 index 00000000..45403673 Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-nord-hdpi/shade-inactive.png differ diff --git a/src/src/assets/xfwm4/assets-light-nord-hdpi/shade-prelight.png b/src/src/assets/xfwm4/assets-light-nord-hdpi/shade-prelight.png new file mode 100644 index 00000000..3e469897 Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-nord-hdpi/shade-prelight.png differ diff --git a/src/src/assets/xfwm4/assets-light-nord-hdpi/shade-pressed.png b/src/src/assets/xfwm4/assets-light-nord-hdpi/shade-pressed.png new file mode 100644 index 00000000..03d80f85 Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-nord-hdpi/shade-pressed.png differ diff --git a/src/src/assets/xfwm4/assets-light-nord-hdpi/stick-active.png b/src/src/assets/xfwm4/assets-light-nord-hdpi/stick-active.png new file mode 100644 index 00000000..0de24b9f Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-nord-hdpi/stick-active.png differ diff --git a/src/src/assets/xfwm4/assets-light-nord-hdpi/stick-inactive.png b/src/src/assets/xfwm4/assets-light-nord-hdpi/stick-inactive.png new file mode 100644 index 00000000..414b489f Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-nord-hdpi/stick-inactive.png differ diff --git a/src/src/assets/xfwm4/assets-light-nord-hdpi/stick-prelight.png b/src/src/assets/xfwm4/assets-light-nord-hdpi/stick-prelight.png new file mode 100644 index 00000000..43f76923 Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-nord-hdpi/stick-prelight.png differ diff --git a/src/src/assets/xfwm4/assets-light-nord-hdpi/stick-pressed.png b/src/src/assets/xfwm4/assets-light-nord-hdpi/stick-pressed.png new file mode 100644 index 00000000..d5091364 Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-nord-hdpi/stick-pressed.png differ diff --git a/src/src/assets/xfwm4/assets-light-nord-hdpi/stick-toggled-active.png b/src/src/assets/xfwm4/assets-light-nord-hdpi/stick-toggled-active.png new file mode 100644 index 00000000..4fadc65b Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-nord-hdpi/stick-toggled-active.png differ diff --git a/src/src/assets/xfwm4/assets-light-nord-hdpi/stick-toggled-inactive.png b/src/src/assets/xfwm4/assets-light-nord-hdpi/stick-toggled-inactive.png new file mode 100644 index 00000000..db0b7b9a Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-nord-hdpi/stick-toggled-inactive.png differ diff --git a/src/src/assets/xfwm4/assets-light-nord-hdpi/stick-toggled-prelight.png b/src/src/assets/xfwm4/assets-light-nord-hdpi/stick-toggled-prelight.png new file mode 100644 index 00000000..242f238b Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-nord-hdpi/stick-toggled-prelight.png differ diff --git a/src/src/assets/xfwm4/assets-light-nord-hdpi/stick-toggled-pressed.png b/src/src/assets/xfwm4/assets-light-nord-hdpi/stick-toggled-pressed.png new file mode 100644 index 00000000..1e0073fb Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-nord-hdpi/stick-toggled-pressed.png differ diff --git a/src/src/assets/xfwm4/assets-light-nord-hdpi/title-1-active.png b/src/src/assets/xfwm4/assets-light-nord-hdpi/title-1-active.png new file mode 100644 index 00000000..e279b8db Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-nord-hdpi/title-1-active.png differ diff --git a/src/src/assets/xfwm4/assets-light-nord-hdpi/title-1-inactive.png b/src/src/assets/xfwm4/assets-light-nord-hdpi/title-1-inactive.png new file mode 100644 index 00000000..7cd2fe11 Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-nord-hdpi/title-1-inactive.png differ diff --git a/src/src/assets/xfwm4/assets-light-nord-hdpi/title-2-active.png b/src/src/assets/xfwm4/assets-light-nord-hdpi/title-2-active.png new file mode 100644 index 00000000..e279b8db Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-nord-hdpi/title-2-active.png differ diff --git a/src/src/assets/xfwm4/assets-light-nord-hdpi/title-2-inactive.png b/src/src/assets/xfwm4/assets-light-nord-hdpi/title-2-inactive.png new file mode 100644 index 00000000..7cd2fe11 Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-nord-hdpi/title-2-inactive.png differ diff --git a/src/src/assets/xfwm4/assets-light-nord-hdpi/title-3-active.png b/src/src/assets/xfwm4/assets-light-nord-hdpi/title-3-active.png new file mode 100644 index 00000000..e279b8db Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-nord-hdpi/title-3-active.png differ diff --git a/src/src/assets/xfwm4/assets-light-nord-hdpi/title-3-inactive.png b/src/src/assets/xfwm4/assets-light-nord-hdpi/title-3-inactive.png new file mode 100644 index 00000000..7cd2fe11 Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-nord-hdpi/title-3-inactive.png differ diff --git a/src/src/assets/xfwm4/assets-light-nord-hdpi/title-4-active.png b/src/src/assets/xfwm4/assets-light-nord-hdpi/title-4-active.png new file mode 100644 index 00000000..e279b8db Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-nord-hdpi/title-4-active.png differ diff --git a/src/src/assets/xfwm4/assets-light-nord-hdpi/title-4-inactive.png b/src/src/assets/xfwm4/assets-light-nord-hdpi/title-4-inactive.png new file mode 100644 index 00000000..7cd2fe11 Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-nord-hdpi/title-4-inactive.png differ diff --git a/src/src/assets/xfwm4/assets-light-nord-hdpi/title-5-active.png b/src/src/assets/xfwm4/assets-light-nord-hdpi/title-5-active.png new file mode 100644 index 00000000..e279b8db Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-nord-hdpi/title-5-active.png differ diff --git a/src/src/assets/xfwm4/assets-light-nord-hdpi/title-5-inactive.png b/src/src/assets/xfwm4/assets-light-nord-hdpi/title-5-inactive.png new file mode 100644 index 00000000..7cd2fe11 Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-nord-hdpi/title-5-inactive.png differ diff --git a/src/src/assets/xfwm4/assets-light-nord-hdpi/top-left-active.png b/src/src/assets/xfwm4/assets-light-nord-hdpi/top-left-active.png new file mode 100644 index 00000000..4a8f5caa Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-nord-hdpi/top-left-active.png differ diff --git a/src/src/assets/xfwm4/assets-light-nord-hdpi/top-left-inactive.png b/src/src/assets/xfwm4/assets-light-nord-hdpi/top-left-inactive.png new file mode 100644 index 00000000..4896b1fb Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-nord-hdpi/top-left-inactive.png differ diff --git a/src/src/assets/xfwm4/assets-light-nord-hdpi/top-right-active.png b/src/src/assets/xfwm4/assets-light-nord-hdpi/top-right-active.png new file mode 100644 index 00000000..dcd06b2e Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-nord-hdpi/top-right-active.png differ diff --git a/src/src/assets/xfwm4/assets-light-nord-hdpi/top-right-inactive.png b/src/src/assets/xfwm4/assets-light-nord-hdpi/top-right-inactive.png new file mode 100644 index 00000000..72c0879c Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-nord-hdpi/top-right-inactive.png differ diff --git a/src/src/assets/xfwm4/assets-light-nord-xhdpi/bottom-active.png b/src/src/assets/xfwm4/assets-light-nord-xhdpi/bottom-active.png new file mode 100644 index 00000000..ad30a6f6 Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-nord-xhdpi/bottom-active.png differ diff --git a/src/src/assets/xfwm4/assets-light-nord-xhdpi/bottom-inactive.png b/src/src/assets/xfwm4/assets-light-nord-xhdpi/bottom-inactive.png new file mode 100644 index 00000000..2aca5726 Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-nord-xhdpi/bottom-inactive.png differ diff --git a/src/src/assets/xfwm4/assets-light-nord-xhdpi/bottom-left-active.png b/src/src/assets/xfwm4/assets-light-nord-xhdpi/bottom-left-active.png new file mode 100644 index 00000000..791ab390 Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-nord-xhdpi/bottom-left-active.png differ diff --git a/src/src/assets/xfwm4/assets-light-nord-xhdpi/bottom-left-inactive.png b/src/src/assets/xfwm4/assets-light-nord-xhdpi/bottom-left-inactive.png new file mode 100644 index 00000000..2d44b4e0 Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-nord-xhdpi/bottom-left-inactive.png differ diff --git a/src/src/assets/xfwm4/assets-light-nord-xhdpi/bottom-right-active.png b/src/src/assets/xfwm4/assets-light-nord-xhdpi/bottom-right-active.png new file mode 100644 index 00000000..150ab264 Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-nord-xhdpi/bottom-right-active.png differ diff --git a/src/src/assets/xfwm4/assets-light-nord-xhdpi/bottom-right-inactive.png b/src/src/assets/xfwm4/assets-light-nord-xhdpi/bottom-right-inactive.png new file mode 100644 index 00000000..0d962e7d Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-nord-xhdpi/bottom-right-inactive.png differ diff --git a/src/src/assets/xfwm4/assets-light-nord-xhdpi/close-active.png b/src/src/assets/xfwm4/assets-light-nord-xhdpi/close-active.png new file mode 100644 index 00000000..fbfa1583 Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-nord-xhdpi/close-active.png differ diff --git a/src/src/assets/xfwm4/assets-light-nord-xhdpi/close-inactive.png b/src/src/assets/xfwm4/assets-light-nord-xhdpi/close-inactive.png new file mode 100644 index 00000000..8dcbbd07 Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-nord-xhdpi/close-inactive.png differ diff --git a/src/src/assets/xfwm4/assets-light-nord-xhdpi/close-prelight.png b/src/src/assets/xfwm4/assets-light-nord-xhdpi/close-prelight.png new file mode 100644 index 00000000..522be6ee Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-nord-xhdpi/close-prelight.png differ diff --git a/src/src/assets/xfwm4/assets-light-nord-xhdpi/close-pressed.png b/src/src/assets/xfwm4/assets-light-nord-xhdpi/close-pressed.png new file mode 100644 index 00000000..efa6f7a2 Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-nord-xhdpi/close-pressed.png differ diff --git a/src/src/assets/xfwm4/assets-light-nord-xhdpi/hide-active.png b/src/src/assets/xfwm4/assets-light-nord-xhdpi/hide-active.png new file mode 100644 index 00000000..d5cddb93 Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-nord-xhdpi/hide-active.png differ diff --git a/src/src/assets/xfwm4/assets-light-nord-xhdpi/hide-inactive.png b/src/src/assets/xfwm4/assets-light-nord-xhdpi/hide-inactive.png new file mode 100644 index 00000000..8dcbbd07 Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-nord-xhdpi/hide-inactive.png differ diff --git a/src/src/assets/xfwm4/assets-light-nord-xhdpi/hide-prelight.png b/src/src/assets/xfwm4/assets-light-nord-xhdpi/hide-prelight.png new file mode 100644 index 00000000..10da8e43 Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-nord-xhdpi/hide-prelight.png differ diff --git a/src/src/assets/xfwm4/assets-light-nord-xhdpi/hide-pressed.png b/src/src/assets/xfwm4/assets-light-nord-xhdpi/hide-pressed.png new file mode 100644 index 00000000..c9e64e19 Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-nord-xhdpi/hide-pressed.png differ diff --git a/src/src/assets/xfwm4/assets-light-nord-xhdpi/left-active.png b/src/src/assets/xfwm4/assets-light-nord-xhdpi/left-active.png new file mode 100644 index 00000000..6e04634c Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-nord-xhdpi/left-active.png differ diff --git a/src/src/assets/xfwm4/assets-light-nord-xhdpi/left-inactive.png b/src/src/assets/xfwm4/assets-light-nord-xhdpi/left-inactive.png new file mode 100644 index 00000000..99da8bc3 Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-nord-xhdpi/left-inactive.png differ diff --git a/src/src/assets/xfwm4/assets-light-nord-xhdpi/maximize-active.png b/src/src/assets/xfwm4/assets-light-nord-xhdpi/maximize-active.png new file mode 100644 index 00000000..a7d21440 Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-nord-xhdpi/maximize-active.png differ diff --git a/src/src/assets/xfwm4/assets-light-nord-xhdpi/maximize-inactive.png b/src/src/assets/xfwm4/assets-light-nord-xhdpi/maximize-inactive.png new file mode 100644 index 00000000..8dcbbd07 Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-nord-xhdpi/maximize-inactive.png differ diff --git a/src/src/assets/xfwm4/assets-light-nord-xhdpi/maximize-prelight.png b/src/src/assets/xfwm4/assets-light-nord-xhdpi/maximize-prelight.png new file mode 100644 index 00000000..27071b80 Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-nord-xhdpi/maximize-prelight.png differ diff --git a/src/src/assets/xfwm4/assets-light-nord-xhdpi/maximize-pressed.png b/src/src/assets/xfwm4/assets-light-nord-xhdpi/maximize-pressed.png new file mode 100644 index 00000000..3ea46df7 Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-nord-xhdpi/maximize-pressed.png differ diff --git a/src/src/assets/xfwm4/assets-light-nord-xhdpi/maximize-toggled-active.png b/src/src/assets/xfwm4/assets-light-nord-xhdpi/maximize-toggled-active.png new file mode 100644 index 00000000..a7d21440 Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-nord-xhdpi/maximize-toggled-active.png differ diff --git a/src/src/assets/xfwm4/assets-light-nord-xhdpi/maximize-toggled-inactive.png b/src/src/assets/xfwm4/assets-light-nord-xhdpi/maximize-toggled-inactive.png new file mode 100644 index 00000000..8dcbbd07 Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-nord-xhdpi/maximize-toggled-inactive.png differ diff --git a/src/src/assets/xfwm4/assets-light-nord-xhdpi/maximize-toggled-prelight.png b/src/src/assets/xfwm4/assets-light-nord-xhdpi/maximize-toggled-prelight.png new file mode 100644 index 00000000..5201550e Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-nord-xhdpi/maximize-toggled-prelight.png differ diff --git a/src/src/assets/xfwm4/assets-light-nord-xhdpi/maximize-toggled-pressed.png b/src/src/assets/xfwm4/assets-light-nord-xhdpi/maximize-toggled-pressed.png new file mode 100644 index 00000000..d5c54dd7 Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-nord-xhdpi/maximize-toggled-pressed.png differ diff --git a/src/src/assets/xfwm4/assets-light-nord-xhdpi/menu-active.png b/src/src/assets/xfwm4/assets-light-nord-xhdpi/menu-active.png new file mode 100644 index 00000000..ea3cedc8 Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-nord-xhdpi/menu-active.png differ diff --git a/src/src/assets/xfwm4/assets-light-nord-xhdpi/menu-inactive.png b/src/src/assets/xfwm4/assets-light-nord-xhdpi/menu-inactive.png new file mode 100644 index 00000000..3e8c0f46 Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-nord-xhdpi/menu-inactive.png differ diff --git a/src/src/assets/xfwm4/assets-light-nord-xhdpi/menu-prelight.png b/src/src/assets/xfwm4/assets-light-nord-xhdpi/menu-prelight.png new file mode 100644 index 00000000..b1b38c0f Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-nord-xhdpi/menu-prelight.png differ diff --git a/src/src/assets/xfwm4/assets-light-nord-xhdpi/menu-pressed.png b/src/src/assets/xfwm4/assets-light-nord-xhdpi/menu-pressed.png new file mode 100644 index 00000000..04aaff55 Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-nord-xhdpi/menu-pressed.png differ diff --git a/src/src/assets/xfwm4/assets-light-nord-xhdpi/right-active.png b/src/src/assets/xfwm4/assets-light-nord-xhdpi/right-active.png new file mode 100644 index 00000000..c747139f Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-nord-xhdpi/right-active.png differ diff --git a/src/src/assets/xfwm4/assets-light-nord-xhdpi/right-inactive.png b/src/src/assets/xfwm4/assets-light-nord-xhdpi/right-inactive.png new file mode 100644 index 00000000..32948c0c Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-nord-xhdpi/right-inactive.png differ diff --git a/src/src/assets/xfwm4/assets-light-nord-xhdpi/shade-active.png b/src/src/assets/xfwm4/assets-light-nord-xhdpi/shade-active.png new file mode 100644 index 00000000..38f1b59a Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-nord-xhdpi/shade-active.png differ diff --git a/src/src/assets/xfwm4/assets-light-nord-xhdpi/shade-inactive.png b/src/src/assets/xfwm4/assets-light-nord-xhdpi/shade-inactive.png new file mode 100644 index 00000000..3b7ec4d6 Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-nord-xhdpi/shade-inactive.png differ diff --git a/src/src/assets/xfwm4/assets-light-nord-xhdpi/shade-prelight.png b/src/src/assets/xfwm4/assets-light-nord-xhdpi/shade-prelight.png new file mode 100644 index 00000000..f457c91b Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-nord-xhdpi/shade-prelight.png differ diff --git a/src/src/assets/xfwm4/assets-light-nord-xhdpi/shade-pressed.png b/src/src/assets/xfwm4/assets-light-nord-xhdpi/shade-pressed.png new file mode 100644 index 00000000..f4cf936b Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-nord-xhdpi/shade-pressed.png differ diff --git a/src/src/assets/xfwm4/assets-light-nord-xhdpi/stick-active.png b/src/src/assets/xfwm4/assets-light-nord-xhdpi/stick-active.png new file mode 100644 index 00000000..85c41cbc Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-nord-xhdpi/stick-active.png differ diff --git a/src/src/assets/xfwm4/assets-light-nord-xhdpi/stick-inactive.png b/src/src/assets/xfwm4/assets-light-nord-xhdpi/stick-inactive.png new file mode 100644 index 00000000..d876c052 Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-nord-xhdpi/stick-inactive.png differ diff --git a/src/src/assets/xfwm4/assets-light-nord-xhdpi/stick-prelight.png b/src/src/assets/xfwm4/assets-light-nord-xhdpi/stick-prelight.png new file mode 100644 index 00000000..bd37c51c Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-nord-xhdpi/stick-prelight.png differ diff --git a/src/src/assets/xfwm4/assets-light-nord-xhdpi/stick-pressed.png b/src/src/assets/xfwm4/assets-light-nord-xhdpi/stick-pressed.png new file mode 100644 index 00000000..11d4c21f Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-nord-xhdpi/stick-pressed.png differ diff --git a/src/src/assets/xfwm4/assets-light-nord-xhdpi/stick-toggled-active.png b/src/src/assets/xfwm4/assets-light-nord-xhdpi/stick-toggled-active.png new file mode 100644 index 00000000..8a00223a Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-nord-xhdpi/stick-toggled-active.png differ diff --git a/src/src/assets/xfwm4/assets-light-nord-xhdpi/stick-toggled-inactive.png b/src/src/assets/xfwm4/assets-light-nord-xhdpi/stick-toggled-inactive.png new file mode 100644 index 00000000..d851734e Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-nord-xhdpi/stick-toggled-inactive.png differ diff --git a/src/src/assets/xfwm4/assets-light-nord-xhdpi/stick-toggled-prelight.png b/src/src/assets/xfwm4/assets-light-nord-xhdpi/stick-toggled-prelight.png new file mode 100644 index 00000000..8863727f Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-nord-xhdpi/stick-toggled-prelight.png differ diff --git a/src/src/assets/xfwm4/assets-light-nord-xhdpi/stick-toggled-pressed.png b/src/src/assets/xfwm4/assets-light-nord-xhdpi/stick-toggled-pressed.png new file mode 100644 index 00000000..c221768b Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-nord-xhdpi/stick-toggled-pressed.png differ diff --git a/src/src/assets/xfwm4/assets-light-nord-xhdpi/title-1-active.png b/src/src/assets/xfwm4/assets-light-nord-xhdpi/title-1-active.png new file mode 100644 index 00000000..7941dc61 Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-nord-xhdpi/title-1-active.png differ diff --git a/src/src/assets/xfwm4/assets-light-nord-xhdpi/title-1-inactive.png b/src/src/assets/xfwm4/assets-light-nord-xhdpi/title-1-inactive.png new file mode 100644 index 00000000..1b1a9de7 Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-nord-xhdpi/title-1-inactive.png differ diff --git a/src/src/assets/xfwm4/assets-light-nord-xhdpi/title-2-active.png b/src/src/assets/xfwm4/assets-light-nord-xhdpi/title-2-active.png new file mode 100644 index 00000000..7941dc61 Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-nord-xhdpi/title-2-active.png differ diff --git a/src/src/assets/xfwm4/assets-light-nord-xhdpi/title-2-inactive.png b/src/src/assets/xfwm4/assets-light-nord-xhdpi/title-2-inactive.png new file mode 100644 index 00000000..1b1a9de7 Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-nord-xhdpi/title-2-inactive.png differ diff --git a/src/src/assets/xfwm4/assets-light-nord-xhdpi/title-3-active.png b/src/src/assets/xfwm4/assets-light-nord-xhdpi/title-3-active.png new file mode 100644 index 00000000..7941dc61 Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-nord-xhdpi/title-3-active.png differ diff --git a/src/src/assets/xfwm4/assets-light-nord-xhdpi/title-3-inactive.png b/src/src/assets/xfwm4/assets-light-nord-xhdpi/title-3-inactive.png new file mode 100644 index 00000000..1b1a9de7 Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-nord-xhdpi/title-3-inactive.png differ diff --git a/src/src/assets/xfwm4/assets-light-nord-xhdpi/title-4-active.png b/src/src/assets/xfwm4/assets-light-nord-xhdpi/title-4-active.png new file mode 100644 index 00000000..7941dc61 Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-nord-xhdpi/title-4-active.png differ diff --git a/src/src/assets/xfwm4/assets-light-nord-xhdpi/title-4-inactive.png b/src/src/assets/xfwm4/assets-light-nord-xhdpi/title-4-inactive.png new file mode 100644 index 00000000..1b1a9de7 Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-nord-xhdpi/title-4-inactive.png differ diff --git a/src/src/assets/xfwm4/assets-light-nord-xhdpi/title-5-active.png b/src/src/assets/xfwm4/assets-light-nord-xhdpi/title-5-active.png new file mode 100644 index 00000000..7941dc61 Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-nord-xhdpi/title-5-active.png differ diff --git a/src/src/assets/xfwm4/assets-light-nord-xhdpi/title-5-inactive.png b/src/src/assets/xfwm4/assets-light-nord-xhdpi/title-5-inactive.png new file mode 100644 index 00000000..1b1a9de7 Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-nord-xhdpi/title-5-inactive.png differ diff --git a/src/src/assets/xfwm4/assets-light-nord-xhdpi/top-left-active.png b/src/src/assets/xfwm4/assets-light-nord-xhdpi/top-left-active.png new file mode 100644 index 00000000..4731047d Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-nord-xhdpi/top-left-active.png differ diff --git a/src/src/assets/xfwm4/assets-light-nord-xhdpi/top-left-inactive.png b/src/src/assets/xfwm4/assets-light-nord-xhdpi/top-left-inactive.png new file mode 100644 index 00000000..b1f30678 Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-nord-xhdpi/top-left-inactive.png differ diff --git a/src/src/assets/xfwm4/assets-light-nord-xhdpi/top-right-active.png b/src/src/assets/xfwm4/assets-light-nord-xhdpi/top-right-active.png new file mode 100644 index 00000000..c1a07245 Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-nord-xhdpi/top-right-active.png differ diff --git a/src/src/assets/xfwm4/assets-light-nord-xhdpi/top-right-inactive.png b/src/src/assets/xfwm4/assets-light-nord-xhdpi/top-right-inactive.png new file mode 100644 index 00000000..08c49380 Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-nord-xhdpi/top-right-inactive.png differ diff --git a/src/src/assets/xfwm4/assets-light-nord.svg b/src/src/assets/xfwm4/assets-light-nord.svg new file mode 100644 index 00000000..280a7ced --- /dev/null +++ b/src/src/assets/xfwm4/assets-light-nord.svg @@ -0,0 +1,1321 @@ + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/src/assets/xfwm4/assets-light-nord/bottom-active.png b/src/src/assets/xfwm4/assets-light-nord/bottom-active.png new file mode 100644 index 00000000..cfdbcce3 Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-nord/bottom-active.png differ diff --git a/src/src/assets/xfwm4/assets-light-nord/bottom-inactive.png b/src/src/assets/xfwm4/assets-light-nord/bottom-inactive.png new file mode 100644 index 00000000..fe0bc360 Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-nord/bottom-inactive.png differ diff --git a/src/src/assets/xfwm4/assets-light-nord/bottom-left-active.png b/src/src/assets/xfwm4/assets-light-nord/bottom-left-active.png new file mode 100644 index 00000000..23236e1f Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-nord/bottom-left-active.png differ diff --git a/src/src/assets/xfwm4/assets-light-nord/bottom-left-inactive.png b/src/src/assets/xfwm4/assets-light-nord/bottom-left-inactive.png new file mode 100644 index 00000000..b91109a6 Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-nord/bottom-left-inactive.png differ diff --git a/src/src/assets/xfwm4/assets-light-nord/bottom-right-active.png b/src/src/assets/xfwm4/assets-light-nord/bottom-right-active.png new file mode 100644 index 00000000..a8e806c2 Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-nord/bottom-right-active.png differ diff --git a/src/src/assets/xfwm4/assets-light-nord/bottom-right-inactive.png b/src/src/assets/xfwm4/assets-light-nord/bottom-right-inactive.png new file mode 100644 index 00000000..04ee622b Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-nord/bottom-right-inactive.png differ diff --git a/src/src/assets/xfwm4/assets-light-nord/close-active.png b/src/src/assets/xfwm4/assets-light-nord/close-active.png new file mode 100644 index 00000000..9ec7d1bc Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-nord/close-active.png differ diff --git a/src/src/assets/xfwm4/assets-light-nord/close-inactive.png b/src/src/assets/xfwm4/assets-light-nord/close-inactive.png new file mode 100644 index 00000000..5a939b72 Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-nord/close-inactive.png differ diff --git a/src/src/assets/xfwm4/assets-light-nord/close-prelight.png b/src/src/assets/xfwm4/assets-light-nord/close-prelight.png new file mode 100644 index 00000000..0d58315b Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-nord/close-prelight.png differ diff --git a/src/src/assets/xfwm4/assets-light-nord/close-pressed.png b/src/src/assets/xfwm4/assets-light-nord/close-pressed.png new file mode 100644 index 00000000..5a2625f1 Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-nord/close-pressed.png differ diff --git a/src/src/assets/xfwm4/assets-light-nord/hide-active.png b/src/src/assets/xfwm4/assets-light-nord/hide-active.png new file mode 100644 index 00000000..029c4254 Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-nord/hide-active.png differ diff --git a/src/src/assets/xfwm4/assets-light-nord/hide-inactive.png b/src/src/assets/xfwm4/assets-light-nord/hide-inactive.png new file mode 100644 index 00000000..5a939b72 Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-nord/hide-inactive.png differ diff --git a/src/src/assets/xfwm4/assets-light-nord/hide-prelight.png b/src/src/assets/xfwm4/assets-light-nord/hide-prelight.png new file mode 100644 index 00000000..505b4bad Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-nord/hide-prelight.png differ diff --git a/src/src/assets/xfwm4/assets-light-nord/hide-pressed.png b/src/src/assets/xfwm4/assets-light-nord/hide-pressed.png new file mode 100644 index 00000000..5ccf28ef Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-nord/hide-pressed.png differ diff --git a/src/src/assets/xfwm4/assets-light-nord/left-active.png b/src/src/assets/xfwm4/assets-light-nord/left-active.png new file mode 100644 index 00000000..48c7c4b7 Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-nord/left-active.png differ diff --git a/src/src/assets/xfwm4/assets-light-nord/left-inactive.png b/src/src/assets/xfwm4/assets-light-nord/left-inactive.png new file mode 100644 index 00000000..6aa3e415 Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-nord/left-inactive.png differ diff --git a/src/src/assets/xfwm4/assets-light-nord/maximize-active.png b/src/src/assets/xfwm4/assets-light-nord/maximize-active.png new file mode 100644 index 00000000..e01c2dff Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-nord/maximize-active.png differ diff --git a/src/src/assets/xfwm4/assets-light-nord/maximize-inactive.png b/src/src/assets/xfwm4/assets-light-nord/maximize-inactive.png new file mode 100644 index 00000000..5a939b72 Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-nord/maximize-inactive.png differ diff --git a/src/src/assets/xfwm4/assets-light-nord/maximize-prelight.png b/src/src/assets/xfwm4/assets-light-nord/maximize-prelight.png new file mode 100644 index 00000000..9a0d56ff Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-nord/maximize-prelight.png differ diff --git a/src/src/assets/xfwm4/assets-light-nord/maximize-pressed.png b/src/src/assets/xfwm4/assets-light-nord/maximize-pressed.png new file mode 100644 index 00000000..aa1c99a8 Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-nord/maximize-pressed.png differ diff --git a/src/src/assets/xfwm4/assets-light-nord/maximize-toggled-active.png b/src/src/assets/xfwm4/assets-light-nord/maximize-toggled-active.png new file mode 100644 index 00000000..e01c2dff Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-nord/maximize-toggled-active.png differ diff --git a/src/src/assets/xfwm4/assets-light-nord/maximize-toggled-inactive.png b/src/src/assets/xfwm4/assets-light-nord/maximize-toggled-inactive.png new file mode 100644 index 00000000..5a939b72 Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-nord/maximize-toggled-inactive.png differ diff --git a/src/src/assets/xfwm4/assets-light-nord/maximize-toggled-prelight.png b/src/src/assets/xfwm4/assets-light-nord/maximize-toggled-prelight.png new file mode 100644 index 00000000..6db2eb05 Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-nord/maximize-toggled-prelight.png differ diff --git a/src/src/assets/xfwm4/assets-light-nord/maximize-toggled-pressed.png b/src/src/assets/xfwm4/assets-light-nord/maximize-toggled-pressed.png new file mode 100644 index 00000000..f3030511 Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-nord/maximize-toggled-pressed.png differ diff --git a/src/src/assets/xfwm4/assets-light-nord/menu-active.png b/src/src/assets/xfwm4/assets-light-nord/menu-active.png new file mode 100644 index 00000000..600bb1ce Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-nord/menu-active.png differ diff --git a/src/src/assets/xfwm4/assets-light-nord/menu-inactive.png b/src/src/assets/xfwm4/assets-light-nord/menu-inactive.png new file mode 100644 index 00000000..7d5cdd72 Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-nord/menu-inactive.png differ diff --git a/src/src/assets/xfwm4/assets-light-nord/menu-prelight.png b/src/src/assets/xfwm4/assets-light-nord/menu-prelight.png new file mode 100644 index 00000000..21edd11c Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-nord/menu-prelight.png differ diff --git a/src/src/assets/xfwm4/assets-light-nord/menu-pressed.png b/src/src/assets/xfwm4/assets-light-nord/menu-pressed.png new file mode 100644 index 00000000..9ddc70c3 Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-nord/menu-pressed.png differ diff --git a/src/src/assets/xfwm4/assets-light-nord/right-active.png b/src/src/assets/xfwm4/assets-light-nord/right-active.png new file mode 100644 index 00000000..81e7592c Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-nord/right-active.png differ diff --git a/src/src/assets/xfwm4/assets-light-nord/right-inactive.png b/src/src/assets/xfwm4/assets-light-nord/right-inactive.png new file mode 100644 index 00000000..b7a60e90 Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-nord/right-inactive.png differ diff --git a/src/src/assets/xfwm4/assets-light-nord/shade-active.png b/src/src/assets/xfwm4/assets-light-nord/shade-active.png new file mode 100644 index 00000000..78897c12 Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-nord/shade-active.png differ diff --git a/src/src/assets/xfwm4/assets-light-nord/shade-inactive.png b/src/src/assets/xfwm4/assets-light-nord/shade-inactive.png new file mode 100644 index 00000000..57314234 Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-nord/shade-inactive.png differ diff --git a/src/src/assets/xfwm4/assets-light-nord/shade-prelight.png b/src/src/assets/xfwm4/assets-light-nord/shade-prelight.png new file mode 100644 index 00000000..0803b78f Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-nord/shade-prelight.png differ diff --git a/src/src/assets/xfwm4/assets-light-nord/shade-pressed.png b/src/src/assets/xfwm4/assets-light-nord/shade-pressed.png new file mode 100644 index 00000000..9b321241 Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-nord/shade-pressed.png differ diff --git a/src/src/assets/xfwm4/assets-light-nord/stick-active.png b/src/src/assets/xfwm4/assets-light-nord/stick-active.png new file mode 100644 index 00000000..809e001e Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-nord/stick-active.png differ diff --git a/src/src/assets/xfwm4/assets-light-nord/stick-inactive.png b/src/src/assets/xfwm4/assets-light-nord/stick-inactive.png new file mode 100644 index 00000000..8413a246 Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-nord/stick-inactive.png differ diff --git a/src/src/assets/xfwm4/assets-light-nord/stick-prelight.png b/src/src/assets/xfwm4/assets-light-nord/stick-prelight.png new file mode 100644 index 00000000..7d018580 Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-nord/stick-prelight.png differ diff --git a/src/src/assets/xfwm4/assets-light-nord/stick-pressed.png b/src/src/assets/xfwm4/assets-light-nord/stick-pressed.png new file mode 100644 index 00000000..2ff252cd Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-nord/stick-pressed.png differ diff --git a/src/src/assets/xfwm4/assets-light-nord/stick-toggled-active.png b/src/src/assets/xfwm4/assets-light-nord/stick-toggled-active.png new file mode 100644 index 00000000..48225335 Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-nord/stick-toggled-active.png differ diff --git a/src/src/assets/xfwm4/assets-light-nord/stick-toggled-inactive.png b/src/src/assets/xfwm4/assets-light-nord/stick-toggled-inactive.png new file mode 100644 index 00000000..07d75378 Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-nord/stick-toggled-inactive.png differ diff --git a/src/src/assets/xfwm4/assets-light-nord/stick-toggled-prelight.png b/src/src/assets/xfwm4/assets-light-nord/stick-toggled-prelight.png new file mode 100644 index 00000000..c91b594b Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-nord/stick-toggled-prelight.png differ diff --git a/src/src/assets/xfwm4/assets-light-nord/stick-toggled-pressed.png b/src/src/assets/xfwm4/assets-light-nord/stick-toggled-pressed.png new file mode 100644 index 00000000..602a0f4a Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-nord/stick-toggled-pressed.png differ diff --git a/src/src/assets/xfwm4/assets-light-nord/title-1-active.png b/src/src/assets/xfwm4/assets-light-nord/title-1-active.png new file mode 100644 index 00000000..1ca531df Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-nord/title-1-active.png differ diff --git a/src/src/assets/xfwm4/assets-light-nord/title-1-inactive.png b/src/src/assets/xfwm4/assets-light-nord/title-1-inactive.png new file mode 100644 index 00000000..d963eff8 Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-nord/title-1-inactive.png differ diff --git a/src/src/assets/xfwm4/assets-light-nord/title-2-active.png b/src/src/assets/xfwm4/assets-light-nord/title-2-active.png new file mode 100644 index 00000000..1ca531df Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-nord/title-2-active.png differ diff --git a/src/src/assets/xfwm4/assets-light-nord/title-2-inactive.png b/src/src/assets/xfwm4/assets-light-nord/title-2-inactive.png new file mode 100644 index 00000000..d963eff8 Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-nord/title-2-inactive.png differ diff --git a/src/src/assets/xfwm4/assets-light-nord/title-3-active.png b/src/src/assets/xfwm4/assets-light-nord/title-3-active.png new file mode 100644 index 00000000..1ca531df Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-nord/title-3-active.png differ diff --git a/src/src/assets/xfwm4/assets-light-nord/title-3-inactive.png b/src/src/assets/xfwm4/assets-light-nord/title-3-inactive.png new file mode 100644 index 00000000..d963eff8 Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-nord/title-3-inactive.png differ diff --git a/src/src/assets/xfwm4/assets-light-nord/title-4-active.png b/src/src/assets/xfwm4/assets-light-nord/title-4-active.png new file mode 100644 index 00000000..1ca531df Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-nord/title-4-active.png differ diff --git a/src/src/assets/xfwm4/assets-light-nord/title-4-inactive.png b/src/src/assets/xfwm4/assets-light-nord/title-4-inactive.png new file mode 100644 index 00000000..d963eff8 Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-nord/title-4-inactive.png differ diff --git a/src/src/assets/xfwm4/assets-light-nord/title-5-active.png b/src/src/assets/xfwm4/assets-light-nord/title-5-active.png new file mode 100644 index 00000000..1ca531df Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-nord/title-5-active.png differ diff --git a/src/src/assets/xfwm4/assets-light-nord/title-5-inactive.png b/src/src/assets/xfwm4/assets-light-nord/title-5-inactive.png new file mode 100644 index 00000000..d963eff8 Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-nord/title-5-inactive.png differ diff --git a/src/src/assets/xfwm4/assets-light-nord/top-left-active.png b/src/src/assets/xfwm4/assets-light-nord/top-left-active.png new file mode 100644 index 00000000..30016801 Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-nord/top-left-active.png differ diff --git a/src/src/assets/xfwm4/assets-light-nord/top-left-inactive.png b/src/src/assets/xfwm4/assets-light-nord/top-left-inactive.png new file mode 100644 index 00000000..11890ca1 Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-nord/top-left-inactive.png differ diff --git a/src/src/assets/xfwm4/assets-light-nord/top-right-active.png b/src/src/assets/xfwm4/assets-light-nord/top-right-active.png new file mode 100644 index 00000000..a3506119 Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-nord/top-right-active.png differ diff --git a/src/src/assets/xfwm4/assets-light-nord/top-right-inactive.png b/src/src/assets/xfwm4/assets-light-nord/top-right-inactive.png new file mode 100644 index 00000000..41bf1e83 Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-nord/top-right-inactive.png differ diff --git a/src/src/assets/xfwm4/assets-light-xhdpi/bottom-active.png b/src/src/assets/xfwm4/assets-light-xhdpi/bottom-active.png new file mode 100644 index 00000000..41ccea1e Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-xhdpi/bottom-active.png differ diff --git a/src/src/assets/xfwm4/assets-light-xhdpi/bottom-inactive.png b/src/src/assets/xfwm4/assets-light-xhdpi/bottom-inactive.png new file mode 100644 index 00000000..2aca5726 Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-xhdpi/bottom-inactive.png differ diff --git a/src/src/assets/xfwm4/assets-light-xhdpi/bottom-left-active.png b/src/src/assets/xfwm4/assets-light-xhdpi/bottom-left-active.png new file mode 100644 index 00000000..23b250f9 Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-xhdpi/bottom-left-active.png differ diff --git a/src/src/assets/xfwm4/assets-light-xhdpi/bottom-left-inactive.png b/src/src/assets/xfwm4/assets-light-xhdpi/bottom-left-inactive.png new file mode 100644 index 00000000..2d44b4e0 Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-xhdpi/bottom-left-inactive.png differ diff --git a/src/src/assets/xfwm4/assets-light-xhdpi/bottom-right-active.png b/src/src/assets/xfwm4/assets-light-xhdpi/bottom-right-active.png new file mode 100644 index 00000000..f5ff5619 Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-xhdpi/bottom-right-active.png differ diff --git a/src/src/assets/xfwm4/assets-light-xhdpi/bottom-right-inactive.png b/src/src/assets/xfwm4/assets-light-xhdpi/bottom-right-inactive.png new file mode 100644 index 00000000..0d962e7d Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-xhdpi/bottom-right-inactive.png differ diff --git a/src/src/assets/xfwm4/assets-light-xhdpi/close-active.png b/src/src/assets/xfwm4/assets-light-xhdpi/close-active.png new file mode 100644 index 00000000..9befc266 Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-xhdpi/close-active.png differ diff --git a/src/src/assets/xfwm4/assets-light-xhdpi/close-inactive.png b/src/src/assets/xfwm4/assets-light-xhdpi/close-inactive.png new file mode 100644 index 00000000..8dcbbd07 Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-xhdpi/close-inactive.png differ diff --git a/src/src/assets/xfwm4/assets-light-xhdpi/close-prelight.png b/src/src/assets/xfwm4/assets-light-xhdpi/close-prelight.png new file mode 100644 index 00000000..d3e97403 Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-xhdpi/close-prelight.png differ diff --git a/src/src/assets/xfwm4/assets-light-xhdpi/close-pressed.png b/src/src/assets/xfwm4/assets-light-xhdpi/close-pressed.png new file mode 100644 index 00000000..424cd472 Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-xhdpi/close-pressed.png differ diff --git a/src/src/assets/xfwm4/assets-light-xhdpi/hide-active.png b/src/src/assets/xfwm4/assets-light-xhdpi/hide-active.png new file mode 100644 index 00000000..8b28cdc1 Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-xhdpi/hide-active.png differ diff --git a/src/src/assets/xfwm4/assets-light-xhdpi/hide-inactive.png b/src/src/assets/xfwm4/assets-light-xhdpi/hide-inactive.png new file mode 100644 index 00000000..8dcbbd07 Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-xhdpi/hide-inactive.png differ diff --git a/src/src/assets/xfwm4/assets-light-xhdpi/hide-prelight.png b/src/src/assets/xfwm4/assets-light-xhdpi/hide-prelight.png new file mode 100644 index 00000000..9db88cee Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-xhdpi/hide-prelight.png differ diff --git a/src/src/assets/xfwm4/assets-light-xhdpi/hide-pressed.png b/src/src/assets/xfwm4/assets-light-xhdpi/hide-pressed.png new file mode 100644 index 00000000..a0810324 Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-xhdpi/hide-pressed.png differ diff --git a/src/src/assets/xfwm4/assets-light-xhdpi/left-active.png b/src/src/assets/xfwm4/assets-light-xhdpi/left-active.png new file mode 100644 index 00000000..d7fb064a Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-xhdpi/left-active.png differ diff --git a/src/src/assets/xfwm4/assets-light-xhdpi/left-inactive.png b/src/src/assets/xfwm4/assets-light-xhdpi/left-inactive.png new file mode 100644 index 00000000..99da8bc3 Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-xhdpi/left-inactive.png differ diff --git a/src/src/assets/xfwm4/assets-light-xhdpi/maximize-active.png b/src/src/assets/xfwm4/assets-light-xhdpi/maximize-active.png new file mode 100644 index 00000000..411ceba6 Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-xhdpi/maximize-active.png differ diff --git a/src/src/assets/xfwm4/assets-light-xhdpi/maximize-inactive.png b/src/src/assets/xfwm4/assets-light-xhdpi/maximize-inactive.png new file mode 100644 index 00000000..8dcbbd07 Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-xhdpi/maximize-inactive.png differ diff --git a/src/src/assets/xfwm4/assets-light-xhdpi/maximize-prelight.png b/src/src/assets/xfwm4/assets-light-xhdpi/maximize-prelight.png new file mode 100644 index 00000000..2ff8b025 Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-xhdpi/maximize-prelight.png differ diff --git a/src/src/assets/xfwm4/assets-light-xhdpi/maximize-pressed.png b/src/src/assets/xfwm4/assets-light-xhdpi/maximize-pressed.png new file mode 100644 index 00000000..132cd0d9 Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-xhdpi/maximize-pressed.png differ diff --git a/src/src/assets/xfwm4/assets-light-xhdpi/maximize-toggled-active.png b/src/src/assets/xfwm4/assets-light-xhdpi/maximize-toggled-active.png new file mode 100644 index 00000000..411ceba6 Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-xhdpi/maximize-toggled-active.png differ diff --git a/src/src/assets/xfwm4/assets-light-xhdpi/maximize-toggled-inactive.png b/src/src/assets/xfwm4/assets-light-xhdpi/maximize-toggled-inactive.png new file mode 100644 index 00000000..8dcbbd07 Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-xhdpi/maximize-toggled-inactive.png differ diff --git a/src/src/assets/xfwm4/assets-light-xhdpi/maximize-toggled-prelight.png b/src/src/assets/xfwm4/assets-light-xhdpi/maximize-toggled-prelight.png new file mode 100644 index 00000000..a2095fce Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-xhdpi/maximize-toggled-prelight.png differ diff --git a/src/src/assets/xfwm4/assets-light-xhdpi/maximize-toggled-pressed.png b/src/src/assets/xfwm4/assets-light-xhdpi/maximize-toggled-pressed.png new file mode 100644 index 00000000..b771c166 Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-xhdpi/maximize-toggled-pressed.png differ diff --git a/src/src/assets/xfwm4/assets-light-xhdpi/menu-active.png b/src/src/assets/xfwm4/assets-light-xhdpi/menu-active.png new file mode 100644 index 00000000..f16409df Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-xhdpi/menu-active.png differ diff --git a/src/src/assets/xfwm4/assets-light-xhdpi/menu-inactive.png b/src/src/assets/xfwm4/assets-light-xhdpi/menu-inactive.png new file mode 100644 index 00000000..3e8c0f46 Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-xhdpi/menu-inactive.png differ diff --git a/src/src/assets/xfwm4/assets-light-xhdpi/menu-prelight.png b/src/src/assets/xfwm4/assets-light-xhdpi/menu-prelight.png new file mode 100644 index 00000000..be5f9f3f Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-xhdpi/menu-prelight.png differ diff --git a/src/src/assets/xfwm4/assets-light-xhdpi/menu-pressed.png b/src/src/assets/xfwm4/assets-light-xhdpi/menu-pressed.png new file mode 100644 index 00000000..cd8d4938 Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-xhdpi/menu-pressed.png differ diff --git a/src/src/assets/xfwm4/assets-light-xhdpi/right-active.png b/src/src/assets/xfwm4/assets-light-xhdpi/right-active.png new file mode 100644 index 00000000..8a2577b8 Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-xhdpi/right-active.png differ diff --git a/src/src/assets/xfwm4/assets-light-xhdpi/right-inactive.png b/src/src/assets/xfwm4/assets-light-xhdpi/right-inactive.png new file mode 100644 index 00000000..32948c0c Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-xhdpi/right-inactive.png differ diff --git a/src/src/assets/xfwm4/assets-light-xhdpi/shade-active.png b/src/src/assets/xfwm4/assets-light-xhdpi/shade-active.png new file mode 100644 index 00000000..91cb1d98 Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-xhdpi/shade-active.png differ diff --git a/src/src/assets/xfwm4/assets-light-xhdpi/shade-inactive.png b/src/src/assets/xfwm4/assets-light-xhdpi/shade-inactive.png new file mode 100644 index 00000000..3b7ec4d6 Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-xhdpi/shade-inactive.png differ diff --git a/src/src/assets/xfwm4/assets-light-xhdpi/shade-prelight.png b/src/src/assets/xfwm4/assets-light-xhdpi/shade-prelight.png new file mode 100644 index 00000000..ad43a654 Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-xhdpi/shade-prelight.png differ diff --git a/src/src/assets/xfwm4/assets-light-xhdpi/shade-pressed.png b/src/src/assets/xfwm4/assets-light-xhdpi/shade-pressed.png new file mode 100644 index 00000000..7f535ed0 Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-xhdpi/shade-pressed.png differ diff --git a/src/src/assets/xfwm4/assets-light-xhdpi/stick-active.png b/src/src/assets/xfwm4/assets-light-xhdpi/stick-active.png new file mode 100644 index 00000000..d6dbe9c5 Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-xhdpi/stick-active.png differ diff --git a/src/src/assets/xfwm4/assets-light-xhdpi/stick-inactive.png b/src/src/assets/xfwm4/assets-light-xhdpi/stick-inactive.png new file mode 100644 index 00000000..d876c052 Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-xhdpi/stick-inactive.png differ diff --git a/src/src/assets/xfwm4/assets-light-xhdpi/stick-prelight.png b/src/src/assets/xfwm4/assets-light-xhdpi/stick-prelight.png new file mode 100644 index 00000000..489f1652 Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-xhdpi/stick-prelight.png differ diff --git a/src/src/assets/xfwm4/assets-light-xhdpi/stick-pressed.png b/src/src/assets/xfwm4/assets-light-xhdpi/stick-pressed.png new file mode 100644 index 00000000..88410c02 Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-xhdpi/stick-pressed.png differ diff --git a/src/src/assets/xfwm4/assets-light-xhdpi/stick-toggled-active.png b/src/src/assets/xfwm4/assets-light-xhdpi/stick-toggled-active.png new file mode 100644 index 00000000..86353435 Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-xhdpi/stick-toggled-active.png differ diff --git a/src/src/assets/xfwm4/assets-light-xhdpi/stick-toggled-inactive.png b/src/src/assets/xfwm4/assets-light-xhdpi/stick-toggled-inactive.png new file mode 100644 index 00000000..d851734e Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-xhdpi/stick-toggled-inactive.png differ diff --git a/src/src/assets/xfwm4/assets-light-xhdpi/stick-toggled-prelight.png b/src/src/assets/xfwm4/assets-light-xhdpi/stick-toggled-prelight.png new file mode 100644 index 00000000..a8d075d8 Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-xhdpi/stick-toggled-prelight.png differ diff --git a/src/src/assets/xfwm4/assets-light-xhdpi/stick-toggled-pressed.png b/src/src/assets/xfwm4/assets-light-xhdpi/stick-toggled-pressed.png new file mode 100644 index 00000000..9566deed Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-xhdpi/stick-toggled-pressed.png differ diff --git a/src/src/assets/xfwm4/assets-light-xhdpi/title-1-active.png b/src/src/assets/xfwm4/assets-light-xhdpi/title-1-active.png new file mode 100644 index 00000000..d68508cf Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-xhdpi/title-1-active.png differ diff --git a/src/src/assets/xfwm4/assets-light-xhdpi/title-1-inactive.png b/src/src/assets/xfwm4/assets-light-xhdpi/title-1-inactive.png new file mode 100644 index 00000000..1b1a9de7 Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-xhdpi/title-1-inactive.png differ diff --git a/src/src/assets/xfwm4/assets-light-xhdpi/title-2-active.png b/src/src/assets/xfwm4/assets-light-xhdpi/title-2-active.png new file mode 100644 index 00000000..d68508cf Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-xhdpi/title-2-active.png differ diff --git a/src/src/assets/xfwm4/assets-light-xhdpi/title-2-inactive.png b/src/src/assets/xfwm4/assets-light-xhdpi/title-2-inactive.png new file mode 100644 index 00000000..1b1a9de7 Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-xhdpi/title-2-inactive.png differ diff --git a/src/src/assets/xfwm4/assets-light-xhdpi/title-3-active.png b/src/src/assets/xfwm4/assets-light-xhdpi/title-3-active.png new file mode 100644 index 00000000..d68508cf Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-xhdpi/title-3-active.png differ diff --git a/src/src/assets/xfwm4/assets-light-xhdpi/title-3-inactive.png b/src/src/assets/xfwm4/assets-light-xhdpi/title-3-inactive.png new file mode 100644 index 00000000..1b1a9de7 Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-xhdpi/title-3-inactive.png differ diff --git a/src/src/assets/xfwm4/assets-light-xhdpi/title-4-active.png b/src/src/assets/xfwm4/assets-light-xhdpi/title-4-active.png new file mode 100644 index 00000000..d68508cf Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-xhdpi/title-4-active.png differ diff --git a/src/src/assets/xfwm4/assets-light-xhdpi/title-4-inactive.png b/src/src/assets/xfwm4/assets-light-xhdpi/title-4-inactive.png new file mode 100644 index 00000000..1b1a9de7 Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-xhdpi/title-4-inactive.png differ diff --git a/src/src/assets/xfwm4/assets-light-xhdpi/title-5-active.png b/src/src/assets/xfwm4/assets-light-xhdpi/title-5-active.png new file mode 100644 index 00000000..d68508cf Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-xhdpi/title-5-active.png differ diff --git a/src/src/assets/xfwm4/assets-light-xhdpi/title-5-inactive.png b/src/src/assets/xfwm4/assets-light-xhdpi/title-5-inactive.png new file mode 100644 index 00000000..1b1a9de7 Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-xhdpi/title-5-inactive.png differ diff --git a/src/src/assets/xfwm4/assets-light-xhdpi/top-left-active.png b/src/src/assets/xfwm4/assets-light-xhdpi/top-left-active.png new file mode 100644 index 00000000..83cc7e88 Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-xhdpi/top-left-active.png differ diff --git a/src/src/assets/xfwm4/assets-light-xhdpi/top-left-inactive.png b/src/src/assets/xfwm4/assets-light-xhdpi/top-left-inactive.png new file mode 100644 index 00000000..b1f30678 Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-xhdpi/top-left-inactive.png differ diff --git a/src/src/assets/xfwm4/assets-light-xhdpi/top-right-active.png b/src/src/assets/xfwm4/assets-light-xhdpi/top-right-active.png new file mode 100644 index 00000000..ce93a3ce Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-xhdpi/top-right-active.png differ diff --git a/src/src/assets/xfwm4/assets-light-xhdpi/top-right-inactive.png b/src/src/assets/xfwm4/assets-light-xhdpi/top-right-inactive.png new file mode 100644 index 00000000..08c49380 Binary files /dev/null and b/src/src/assets/xfwm4/assets-light-xhdpi/top-right-inactive.png differ diff --git a/src/src/assets/xfwm4/assets-light.svg b/src/src/assets/xfwm4/assets-light.svg new file mode 100644 index 00000000..5de65f58 --- /dev/null +++ b/src/src/assets/xfwm4/assets-light.svg @@ -0,0 +1,1321 @@ + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/src/assets/xfwm4/assets-light/bottom-active.png b/src/src/assets/xfwm4/assets-light/bottom-active.png new file mode 100644 index 00000000..d86c7f84 Binary files /dev/null and b/src/src/assets/xfwm4/assets-light/bottom-active.png differ diff --git a/src/src/assets/xfwm4/assets-light/bottom-inactive.png b/src/src/assets/xfwm4/assets-light/bottom-inactive.png new file mode 100644 index 00000000..fe0bc360 Binary files /dev/null and b/src/src/assets/xfwm4/assets-light/bottom-inactive.png differ diff --git a/src/src/assets/xfwm4/assets-light/bottom-left-active.png b/src/src/assets/xfwm4/assets-light/bottom-left-active.png new file mode 100644 index 00000000..cb6594fe Binary files /dev/null and b/src/src/assets/xfwm4/assets-light/bottom-left-active.png differ diff --git a/src/src/assets/xfwm4/assets-light/bottom-left-inactive.png b/src/src/assets/xfwm4/assets-light/bottom-left-inactive.png new file mode 100644 index 00000000..b91109a6 Binary files /dev/null and b/src/src/assets/xfwm4/assets-light/bottom-left-inactive.png differ diff --git a/src/src/assets/xfwm4/assets-light/bottom-right-active.png b/src/src/assets/xfwm4/assets-light/bottom-right-active.png new file mode 100644 index 00000000..2b6ae74e Binary files /dev/null and b/src/src/assets/xfwm4/assets-light/bottom-right-active.png differ diff --git a/src/src/assets/xfwm4/assets-light/bottom-right-inactive.png b/src/src/assets/xfwm4/assets-light/bottom-right-inactive.png new file mode 100644 index 00000000..04ee622b Binary files /dev/null and b/src/src/assets/xfwm4/assets-light/bottom-right-inactive.png differ diff --git a/src/src/assets/xfwm4/assets-light/close-active.png b/src/src/assets/xfwm4/assets-light/close-active.png new file mode 100644 index 00000000..a27e9534 Binary files /dev/null and b/src/src/assets/xfwm4/assets-light/close-active.png differ diff --git a/src/src/assets/xfwm4/assets-light/close-inactive.png b/src/src/assets/xfwm4/assets-light/close-inactive.png new file mode 100644 index 00000000..5a939b72 Binary files /dev/null and b/src/src/assets/xfwm4/assets-light/close-inactive.png differ diff --git a/src/src/assets/xfwm4/assets-light/close-prelight.png b/src/src/assets/xfwm4/assets-light/close-prelight.png new file mode 100644 index 00000000..4f3afd9d Binary files /dev/null and b/src/src/assets/xfwm4/assets-light/close-prelight.png differ diff --git a/src/src/assets/xfwm4/assets-light/close-pressed.png b/src/src/assets/xfwm4/assets-light/close-pressed.png new file mode 100644 index 00000000..18723584 Binary files /dev/null and b/src/src/assets/xfwm4/assets-light/close-pressed.png differ diff --git a/src/src/assets/xfwm4/assets-light/hide-active.png b/src/src/assets/xfwm4/assets-light/hide-active.png new file mode 100644 index 00000000..4efae869 Binary files /dev/null and b/src/src/assets/xfwm4/assets-light/hide-active.png differ diff --git a/src/src/assets/xfwm4/assets-light/hide-inactive.png b/src/src/assets/xfwm4/assets-light/hide-inactive.png new file mode 100644 index 00000000..5a939b72 Binary files /dev/null and b/src/src/assets/xfwm4/assets-light/hide-inactive.png differ diff --git a/src/src/assets/xfwm4/assets-light/hide-prelight.png b/src/src/assets/xfwm4/assets-light/hide-prelight.png new file mode 100644 index 00000000..70d4af1e Binary files /dev/null and b/src/src/assets/xfwm4/assets-light/hide-prelight.png differ diff --git a/src/src/assets/xfwm4/assets-light/hide-pressed.png b/src/src/assets/xfwm4/assets-light/hide-pressed.png new file mode 100644 index 00000000..0eb8d7c8 Binary files /dev/null and b/src/src/assets/xfwm4/assets-light/hide-pressed.png differ diff --git a/src/src/assets/xfwm4/assets-light/left-active.png b/src/src/assets/xfwm4/assets-light/left-active.png new file mode 100644 index 00000000..68c66ad8 Binary files /dev/null and b/src/src/assets/xfwm4/assets-light/left-active.png differ diff --git a/src/src/assets/xfwm4/assets-light/left-inactive.png b/src/src/assets/xfwm4/assets-light/left-inactive.png new file mode 100644 index 00000000..6aa3e415 Binary files /dev/null and b/src/src/assets/xfwm4/assets-light/left-inactive.png differ diff --git a/src/src/assets/xfwm4/assets-light/maximize-active.png b/src/src/assets/xfwm4/assets-light/maximize-active.png new file mode 100644 index 00000000..8aeefaa8 Binary files /dev/null and b/src/src/assets/xfwm4/assets-light/maximize-active.png differ diff --git a/src/src/assets/xfwm4/assets-light/maximize-inactive.png b/src/src/assets/xfwm4/assets-light/maximize-inactive.png new file mode 100644 index 00000000..5a939b72 Binary files /dev/null and b/src/src/assets/xfwm4/assets-light/maximize-inactive.png differ diff --git a/src/src/assets/xfwm4/assets-light/maximize-prelight.png b/src/src/assets/xfwm4/assets-light/maximize-prelight.png new file mode 100644 index 00000000..827e8617 Binary files /dev/null and b/src/src/assets/xfwm4/assets-light/maximize-prelight.png differ diff --git a/src/src/assets/xfwm4/assets-light/maximize-pressed.png b/src/src/assets/xfwm4/assets-light/maximize-pressed.png new file mode 100644 index 00000000..fe456126 Binary files /dev/null and b/src/src/assets/xfwm4/assets-light/maximize-pressed.png differ diff --git a/src/src/assets/xfwm4/assets-light/maximize-toggled-active.png b/src/src/assets/xfwm4/assets-light/maximize-toggled-active.png new file mode 100644 index 00000000..8aeefaa8 Binary files /dev/null and b/src/src/assets/xfwm4/assets-light/maximize-toggled-active.png differ diff --git a/src/src/assets/xfwm4/assets-light/maximize-toggled-inactive.png b/src/src/assets/xfwm4/assets-light/maximize-toggled-inactive.png new file mode 100644 index 00000000..5a939b72 Binary files /dev/null and b/src/src/assets/xfwm4/assets-light/maximize-toggled-inactive.png differ diff --git a/src/src/assets/xfwm4/assets-light/maximize-toggled-prelight.png b/src/src/assets/xfwm4/assets-light/maximize-toggled-prelight.png new file mode 100644 index 00000000..ce665aa2 Binary files /dev/null and b/src/src/assets/xfwm4/assets-light/maximize-toggled-prelight.png differ diff --git a/src/src/assets/xfwm4/assets-light/maximize-toggled-pressed.png b/src/src/assets/xfwm4/assets-light/maximize-toggled-pressed.png new file mode 100644 index 00000000..56de874b Binary files /dev/null and b/src/src/assets/xfwm4/assets-light/maximize-toggled-pressed.png differ diff --git a/src/src/assets/xfwm4/assets-light/menu-active.png b/src/src/assets/xfwm4/assets-light/menu-active.png new file mode 100644 index 00000000..26aef053 Binary files /dev/null and b/src/src/assets/xfwm4/assets-light/menu-active.png differ diff --git a/src/src/assets/xfwm4/assets-light/menu-inactive.png b/src/src/assets/xfwm4/assets-light/menu-inactive.png new file mode 100644 index 00000000..7d5cdd72 Binary files /dev/null and b/src/src/assets/xfwm4/assets-light/menu-inactive.png differ diff --git a/src/src/assets/xfwm4/assets-light/menu-prelight.png b/src/src/assets/xfwm4/assets-light/menu-prelight.png new file mode 100644 index 00000000..a33e9f29 Binary files /dev/null and b/src/src/assets/xfwm4/assets-light/menu-prelight.png differ diff --git a/src/src/assets/xfwm4/assets-light/menu-pressed.png b/src/src/assets/xfwm4/assets-light/menu-pressed.png new file mode 100644 index 00000000..05d513f5 Binary files /dev/null and b/src/src/assets/xfwm4/assets-light/menu-pressed.png differ diff --git a/src/src/assets/xfwm4/assets-light/right-active.png b/src/src/assets/xfwm4/assets-light/right-active.png new file mode 100644 index 00000000..6e492c3f Binary files /dev/null and b/src/src/assets/xfwm4/assets-light/right-active.png differ diff --git a/src/src/assets/xfwm4/assets-light/right-inactive.png b/src/src/assets/xfwm4/assets-light/right-inactive.png new file mode 100644 index 00000000..b7a60e90 Binary files /dev/null and b/src/src/assets/xfwm4/assets-light/right-inactive.png differ diff --git a/src/src/assets/xfwm4/assets-light/shade-active.png b/src/src/assets/xfwm4/assets-light/shade-active.png new file mode 100644 index 00000000..39750b45 Binary files /dev/null and b/src/src/assets/xfwm4/assets-light/shade-active.png differ diff --git a/src/src/assets/xfwm4/assets-light/shade-inactive.png b/src/src/assets/xfwm4/assets-light/shade-inactive.png new file mode 100644 index 00000000..57314234 Binary files /dev/null and b/src/src/assets/xfwm4/assets-light/shade-inactive.png differ diff --git a/src/src/assets/xfwm4/assets-light/shade-prelight.png b/src/src/assets/xfwm4/assets-light/shade-prelight.png new file mode 100644 index 00000000..613377ab Binary files /dev/null and b/src/src/assets/xfwm4/assets-light/shade-prelight.png differ diff --git a/src/src/assets/xfwm4/assets-light/shade-pressed.png b/src/src/assets/xfwm4/assets-light/shade-pressed.png new file mode 100644 index 00000000..d6607edd Binary files /dev/null and b/src/src/assets/xfwm4/assets-light/shade-pressed.png differ diff --git a/src/src/assets/xfwm4/assets-light/stick-active.png b/src/src/assets/xfwm4/assets-light/stick-active.png new file mode 100644 index 00000000..031701d5 Binary files /dev/null and b/src/src/assets/xfwm4/assets-light/stick-active.png differ diff --git a/src/src/assets/xfwm4/assets-light/stick-inactive.png b/src/src/assets/xfwm4/assets-light/stick-inactive.png new file mode 100644 index 00000000..8413a246 Binary files /dev/null and b/src/src/assets/xfwm4/assets-light/stick-inactive.png differ diff --git a/src/src/assets/xfwm4/assets-light/stick-prelight.png b/src/src/assets/xfwm4/assets-light/stick-prelight.png new file mode 100644 index 00000000..0560d4c2 Binary files /dev/null and b/src/src/assets/xfwm4/assets-light/stick-prelight.png differ diff --git a/src/src/assets/xfwm4/assets-light/stick-pressed.png b/src/src/assets/xfwm4/assets-light/stick-pressed.png new file mode 100644 index 00000000..9ce3d065 Binary files /dev/null and b/src/src/assets/xfwm4/assets-light/stick-pressed.png differ diff --git a/src/src/assets/xfwm4/assets-light/stick-toggled-active.png b/src/src/assets/xfwm4/assets-light/stick-toggled-active.png new file mode 100644 index 00000000..f891b26e Binary files /dev/null and b/src/src/assets/xfwm4/assets-light/stick-toggled-active.png differ diff --git a/src/src/assets/xfwm4/assets-light/stick-toggled-inactive.png b/src/src/assets/xfwm4/assets-light/stick-toggled-inactive.png new file mode 100644 index 00000000..07d75378 Binary files /dev/null and b/src/src/assets/xfwm4/assets-light/stick-toggled-inactive.png differ diff --git a/src/src/assets/xfwm4/assets-light/stick-toggled-prelight.png b/src/src/assets/xfwm4/assets-light/stick-toggled-prelight.png new file mode 100644 index 00000000..fc83dab1 Binary files /dev/null and b/src/src/assets/xfwm4/assets-light/stick-toggled-prelight.png differ diff --git a/src/src/assets/xfwm4/assets-light/stick-toggled-pressed.png b/src/src/assets/xfwm4/assets-light/stick-toggled-pressed.png new file mode 100644 index 00000000..786fc130 Binary files /dev/null and b/src/src/assets/xfwm4/assets-light/stick-toggled-pressed.png differ diff --git a/src/src/assets/xfwm4/assets-light/title-1-active.png b/src/src/assets/xfwm4/assets-light/title-1-active.png new file mode 100644 index 00000000..8ace76d6 Binary files /dev/null and b/src/src/assets/xfwm4/assets-light/title-1-active.png differ diff --git a/src/src/assets/xfwm4/assets-light/title-1-inactive.png b/src/src/assets/xfwm4/assets-light/title-1-inactive.png new file mode 100644 index 00000000..d963eff8 Binary files /dev/null and b/src/src/assets/xfwm4/assets-light/title-1-inactive.png differ diff --git a/src/src/assets/xfwm4/assets-light/title-2-active.png b/src/src/assets/xfwm4/assets-light/title-2-active.png new file mode 100644 index 00000000..8ace76d6 Binary files /dev/null and b/src/src/assets/xfwm4/assets-light/title-2-active.png differ diff --git a/src/src/assets/xfwm4/assets-light/title-2-inactive.png b/src/src/assets/xfwm4/assets-light/title-2-inactive.png new file mode 100644 index 00000000..d963eff8 Binary files /dev/null and b/src/src/assets/xfwm4/assets-light/title-2-inactive.png differ diff --git a/src/src/assets/xfwm4/assets-light/title-3-active.png b/src/src/assets/xfwm4/assets-light/title-3-active.png new file mode 100644 index 00000000..8ace76d6 Binary files /dev/null and b/src/src/assets/xfwm4/assets-light/title-3-active.png differ diff --git a/src/src/assets/xfwm4/assets-light/title-3-inactive.png b/src/src/assets/xfwm4/assets-light/title-3-inactive.png new file mode 100644 index 00000000..d963eff8 Binary files /dev/null and b/src/src/assets/xfwm4/assets-light/title-3-inactive.png differ diff --git a/src/src/assets/xfwm4/assets-light/title-4-active.png b/src/src/assets/xfwm4/assets-light/title-4-active.png new file mode 100644 index 00000000..8ace76d6 Binary files /dev/null and b/src/src/assets/xfwm4/assets-light/title-4-active.png differ diff --git a/src/src/assets/xfwm4/assets-light/title-4-inactive.png b/src/src/assets/xfwm4/assets-light/title-4-inactive.png new file mode 100644 index 00000000..d963eff8 Binary files /dev/null and b/src/src/assets/xfwm4/assets-light/title-4-inactive.png differ diff --git a/src/src/assets/xfwm4/assets-light/title-5-active.png b/src/src/assets/xfwm4/assets-light/title-5-active.png new file mode 100644 index 00000000..8ace76d6 Binary files /dev/null and b/src/src/assets/xfwm4/assets-light/title-5-active.png differ diff --git a/src/src/assets/xfwm4/assets-light/title-5-inactive.png b/src/src/assets/xfwm4/assets-light/title-5-inactive.png new file mode 100644 index 00000000..d963eff8 Binary files /dev/null and b/src/src/assets/xfwm4/assets-light/title-5-inactive.png differ diff --git a/src/src/assets/xfwm4/assets-light/top-left-active.png b/src/src/assets/xfwm4/assets-light/top-left-active.png new file mode 100644 index 00000000..36c43dbd Binary files /dev/null and b/src/src/assets/xfwm4/assets-light/top-left-active.png differ diff --git a/src/src/assets/xfwm4/assets-light/top-left-inactive.png b/src/src/assets/xfwm4/assets-light/top-left-inactive.png new file mode 100644 index 00000000..11890ca1 Binary files /dev/null and b/src/src/assets/xfwm4/assets-light/top-left-inactive.png differ diff --git a/src/src/assets/xfwm4/assets-light/top-right-active.png b/src/src/assets/xfwm4/assets-light/top-right-active.png new file mode 100644 index 00000000..f558f326 Binary files /dev/null and b/src/src/assets/xfwm4/assets-light/top-right-active.png differ diff --git a/src/src/assets/xfwm4/assets-light/top-right-inactive.png b/src/src/assets/xfwm4/assets-light/top-right-inactive.png new file mode 100644 index 00000000..41bf1e83 Binary files /dev/null and b/src/src/assets/xfwm4/assets-light/top-right-inactive.png differ diff --git a/src/src/assets/xfwm4/assets-nord-hdpi/bottom-active.png b/src/src/assets/xfwm4/assets-nord-hdpi/bottom-active.png new file mode 100644 index 00000000..08e17cab Binary files /dev/null and b/src/src/assets/xfwm4/assets-nord-hdpi/bottom-active.png differ diff --git a/src/src/assets/xfwm4/assets-nord-hdpi/bottom-inactive.png b/src/src/assets/xfwm4/assets-nord-hdpi/bottom-inactive.png new file mode 100644 index 00000000..fa4df77a Binary files /dev/null and b/src/src/assets/xfwm4/assets-nord-hdpi/bottom-inactive.png differ diff --git a/src/src/assets/xfwm4/assets-nord-hdpi/bottom-left-active.png b/src/src/assets/xfwm4/assets-nord-hdpi/bottom-left-active.png new file mode 100644 index 00000000..943f0270 Binary files /dev/null and b/src/src/assets/xfwm4/assets-nord-hdpi/bottom-left-active.png differ diff --git a/src/src/assets/xfwm4/assets-nord-hdpi/bottom-left-inactive.png b/src/src/assets/xfwm4/assets-nord-hdpi/bottom-left-inactive.png new file mode 100644 index 00000000..b51dbfd9 Binary files /dev/null and b/src/src/assets/xfwm4/assets-nord-hdpi/bottom-left-inactive.png differ diff --git a/src/src/assets/xfwm4/assets-nord-hdpi/bottom-right-active.png b/src/src/assets/xfwm4/assets-nord-hdpi/bottom-right-active.png new file mode 100644 index 00000000..e4bb4b76 Binary files /dev/null and b/src/src/assets/xfwm4/assets-nord-hdpi/bottom-right-active.png differ diff --git a/src/src/assets/xfwm4/assets-nord-hdpi/bottom-right-inactive.png b/src/src/assets/xfwm4/assets-nord-hdpi/bottom-right-inactive.png new file mode 100644 index 00000000..2edc4f4a Binary files /dev/null and b/src/src/assets/xfwm4/assets-nord-hdpi/bottom-right-inactive.png differ diff --git a/src/src/assets/xfwm4/assets-nord-hdpi/close-active.png b/src/src/assets/xfwm4/assets-nord-hdpi/close-active.png new file mode 100644 index 00000000..f27e344d Binary files /dev/null and b/src/src/assets/xfwm4/assets-nord-hdpi/close-active.png differ diff --git a/src/src/assets/xfwm4/assets-nord-hdpi/close-inactive.png b/src/src/assets/xfwm4/assets-nord-hdpi/close-inactive.png new file mode 100644 index 00000000..d39f835e Binary files /dev/null and b/src/src/assets/xfwm4/assets-nord-hdpi/close-inactive.png differ diff --git a/src/src/assets/xfwm4/assets-nord-hdpi/close-prelight.png b/src/src/assets/xfwm4/assets-nord-hdpi/close-prelight.png new file mode 100644 index 00000000..00443869 Binary files /dev/null and b/src/src/assets/xfwm4/assets-nord-hdpi/close-prelight.png differ diff --git a/src/src/assets/xfwm4/assets-nord-hdpi/close-pressed.png b/src/src/assets/xfwm4/assets-nord-hdpi/close-pressed.png new file mode 100644 index 00000000..0ee03579 Binary files /dev/null and b/src/src/assets/xfwm4/assets-nord-hdpi/close-pressed.png differ diff --git a/src/src/assets/xfwm4/assets-nord-hdpi/hide-active.png b/src/src/assets/xfwm4/assets-nord-hdpi/hide-active.png new file mode 100644 index 00000000..6b78906c Binary files /dev/null and b/src/src/assets/xfwm4/assets-nord-hdpi/hide-active.png differ diff --git a/src/src/assets/xfwm4/assets-nord-hdpi/hide-inactive.png b/src/src/assets/xfwm4/assets-nord-hdpi/hide-inactive.png new file mode 100644 index 00000000..d39f835e Binary files /dev/null and b/src/src/assets/xfwm4/assets-nord-hdpi/hide-inactive.png differ diff --git a/src/src/assets/xfwm4/assets-nord-hdpi/hide-prelight.png b/src/src/assets/xfwm4/assets-nord-hdpi/hide-prelight.png new file mode 100644 index 00000000..d8883a14 Binary files /dev/null and b/src/src/assets/xfwm4/assets-nord-hdpi/hide-prelight.png differ diff --git a/src/src/assets/xfwm4/assets-nord-hdpi/hide-pressed.png b/src/src/assets/xfwm4/assets-nord-hdpi/hide-pressed.png new file mode 100644 index 00000000..5769279e Binary files /dev/null and b/src/src/assets/xfwm4/assets-nord-hdpi/hide-pressed.png differ diff --git a/src/src/assets/xfwm4/assets-nord-hdpi/left-active.png b/src/src/assets/xfwm4/assets-nord-hdpi/left-active.png new file mode 100644 index 00000000..2e736972 Binary files /dev/null and b/src/src/assets/xfwm4/assets-nord-hdpi/left-active.png differ diff --git a/src/src/assets/xfwm4/assets-nord-hdpi/left-inactive.png b/src/src/assets/xfwm4/assets-nord-hdpi/left-inactive.png new file mode 100644 index 00000000..79ef0cb8 Binary files /dev/null and b/src/src/assets/xfwm4/assets-nord-hdpi/left-inactive.png differ diff --git a/src/src/assets/xfwm4/assets-nord-hdpi/maximize-active.png b/src/src/assets/xfwm4/assets-nord-hdpi/maximize-active.png new file mode 100644 index 00000000..010a0f85 Binary files /dev/null and b/src/src/assets/xfwm4/assets-nord-hdpi/maximize-active.png differ diff --git a/src/src/assets/xfwm4/assets-nord-hdpi/maximize-inactive.png b/src/src/assets/xfwm4/assets-nord-hdpi/maximize-inactive.png new file mode 100644 index 00000000..d39f835e Binary files /dev/null and b/src/src/assets/xfwm4/assets-nord-hdpi/maximize-inactive.png differ diff --git a/src/src/assets/xfwm4/assets-nord-hdpi/maximize-prelight.png b/src/src/assets/xfwm4/assets-nord-hdpi/maximize-prelight.png new file mode 100644 index 00000000..170c3e04 Binary files /dev/null and b/src/src/assets/xfwm4/assets-nord-hdpi/maximize-prelight.png differ diff --git a/src/src/assets/xfwm4/assets-nord-hdpi/maximize-pressed.png b/src/src/assets/xfwm4/assets-nord-hdpi/maximize-pressed.png new file mode 100644 index 00000000..6b44fd0a Binary files /dev/null and b/src/src/assets/xfwm4/assets-nord-hdpi/maximize-pressed.png differ diff --git a/src/src/assets/xfwm4/assets-nord-hdpi/maximize-toggled-active.png b/src/src/assets/xfwm4/assets-nord-hdpi/maximize-toggled-active.png new file mode 100644 index 00000000..010a0f85 Binary files /dev/null and b/src/src/assets/xfwm4/assets-nord-hdpi/maximize-toggled-active.png differ diff --git a/src/src/assets/xfwm4/assets-nord-hdpi/maximize-toggled-inactive.png b/src/src/assets/xfwm4/assets-nord-hdpi/maximize-toggled-inactive.png new file mode 100644 index 00000000..d39f835e Binary files /dev/null and b/src/src/assets/xfwm4/assets-nord-hdpi/maximize-toggled-inactive.png differ diff --git a/src/src/assets/xfwm4/assets-nord-hdpi/maximize-toggled-prelight.png b/src/src/assets/xfwm4/assets-nord-hdpi/maximize-toggled-prelight.png new file mode 100644 index 00000000..2dc4edab Binary files /dev/null and b/src/src/assets/xfwm4/assets-nord-hdpi/maximize-toggled-prelight.png differ diff --git a/src/src/assets/xfwm4/assets-nord-hdpi/maximize-toggled-pressed.png b/src/src/assets/xfwm4/assets-nord-hdpi/maximize-toggled-pressed.png new file mode 100644 index 00000000..429c7ef2 Binary files /dev/null and b/src/src/assets/xfwm4/assets-nord-hdpi/maximize-toggled-pressed.png differ diff --git a/src/src/assets/xfwm4/assets-nord-hdpi/menu-active.png b/src/src/assets/xfwm4/assets-nord-hdpi/menu-active.png new file mode 100644 index 00000000..a0a0966f Binary files /dev/null and b/src/src/assets/xfwm4/assets-nord-hdpi/menu-active.png differ diff --git a/src/src/assets/xfwm4/assets-nord-hdpi/menu-inactive.png b/src/src/assets/xfwm4/assets-nord-hdpi/menu-inactive.png new file mode 100644 index 00000000..d60fdcea Binary files /dev/null and b/src/src/assets/xfwm4/assets-nord-hdpi/menu-inactive.png differ diff --git a/src/src/assets/xfwm4/assets-nord-hdpi/menu-prelight.png b/src/src/assets/xfwm4/assets-nord-hdpi/menu-prelight.png new file mode 100644 index 00000000..adbd67c6 Binary files /dev/null and b/src/src/assets/xfwm4/assets-nord-hdpi/menu-prelight.png differ diff --git a/src/src/assets/xfwm4/assets-nord-hdpi/menu-pressed.png b/src/src/assets/xfwm4/assets-nord-hdpi/menu-pressed.png new file mode 100644 index 00000000..7a4499f7 Binary files /dev/null and b/src/src/assets/xfwm4/assets-nord-hdpi/menu-pressed.png differ diff --git a/src/src/assets/xfwm4/assets-nord-hdpi/right-active.png b/src/src/assets/xfwm4/assets-nord-hdpi/right-active.png new file mode 100644 index 00000000..1efa98fb Binary files /dev/null and b/src/src/assets/xfwm4/assets-nord-hdpi/right-active.png differ diff --git a/src/src/assets/xfwm4/assets-nord-hdpi/right-inactive.png b/src/src/assets/xfwm4/assets-nord-hdpi/right-inactive.png new file mode 100644 index 00000000..a8fa63dd Binary files /dev/null and b/src/src/assets/xfwm4/assets-nord-hdpi/right-inactive.png differ diff --git a/src/src/assets/xfwm4/assets-nord-hdpi/shade-active.png b/src/src/assets/xfwm4/assets-nord-hdpi/shade-active.png new file mode 100644 index 00000000..f29b101b Binary files /dev/null and b/src/src/assets/xfwm4/assets-nord-hdpi/shade-active.png differ diff --git a/src/src/assets/xfwm4/assets-nord-hdpi/shade-inactive.png b/src/src/assets/xfwm4/assets-nord-hdpi/shade-inactive.png new file mode 100644 index 00000000..31e56202 Binary files /dev/null and b/src/src/assets/xfwm4/assets-nord-hdpi/shade-inactive.png differ diff --git a/src/src/assets/xfwm4/assets-nord-hdpi/shade-prelight.png b/src/src/assets/xfwm4/assets-nord-hdpi/shade-prelight.png new file mode 100644 index 00000000..56bc49d8 Binary files /dev/null and b/src/src/assets/xfwm4/assets-nord-hdpi/shade-prelight.png differ diff --git a/src/src/assets/xfwm4/assets-nord-hdpi/shade-pressed.png b/src/src/assets/xfwm4/assets-nord-hdpi/shade-pressed.png new file mode 100644 index 00000000..2243cd44 Binary files /dev/null and b/src/src/assets/xfwm4/assets-nord-hdpi/shade-pressed.png differ diff --git a/src/src/assets/xfwm4/assets-nord-hdpi/stick-active.png b/src/src/assets/xfwm4/assets-nord-hdpi/stick-active.png new file mode 100644 index 00000000..47bc3e76 Binary files /dev/null and b/src/src/assets/xfwm4/assets-nord-hdpi/stick-active.png differ diff --git a/src/src/assets/xfwm4/assets-nord-hdpi/stick-inactive.png b/src/src/assets/xfwm4/assets-nord-hdpi/stick-inactive.png new file mode 100644 index 00000000..146aaa56 Binary files /dev/null and b/src/src/assets/xfwm4/assets-nord-hdpi/stick-inactive.png differ diff --git a/src/src/assets/xfwm4/assets-nord-hdpi/stick-prelight.png b/src/src/assets/xfwm4/assets-nord-hdpi/stick-prelight.png new file mode 100644 index 00000000..8a11bf74 Binary files /dev/null and b/src/src/assets/xfwm4/assets-nord-hdpi/stick-prelight.png differ diff --git a/src/src/assets/xfwm4/assets-nord-hdpi/stick-pressed.png b/src/src/assets/xfwm4/assets-nord-hdpi/stick-pressed.png new file mode 100644 index 00000000..65fce79b Binary files /dev/null and b/src/src/assets/xfwm4/assets-nord-hdpi/stick-pressed.png differ diff --git a/src/src/assets/xfwm4/assets-nord-hdpi/stick-toggled-active.png b/src/src/assets/xfwm4/assets-nord-hdpi/stick-toggled-active.png new file mode 100644 index 00000000..24346fa1 Binary files /dev/null and b/src/src/assets/xfwm4/assets-nord-hdpi/stick-toggled-active.png differ diff --git a/src/src/assets/xfwm4/assets-nord-hdpi/stick-toggled-inactive.png b/src/src/assets/xfwm4/assets-nord-hdpi/stick-toggled-inactive.png new file mode 100644 index 00000000..610555db Binary files /dev/null and b/src/src/assets/xfwm4/assets-nord-hdpi/stick-toggled-inactive.png differ diff --git a/src/src/assets/xfwm4/assets-nord-hdpi/stick-toggled-prelight.png b/src/src/assets/xfwm4/assets-nord-hdpi/stick-toggled-prelight.png new file mode 100644 index 00000000..e4e21047 Binary files /dev/null and b/src/src/assets/xfwm4/assets-nord-hdpi/stick-toggled-prelight.png differ diff --git a/src/src/assets/xfwm4/assets-nord-hdpi/stick-toggled-pressed.png b/src/src/assets/xfwm4/assets-nord-hdpi/stick-toggled-pressed.png new file mode 100644 index 00000000..eb9bf751 Binary files /dev/null and b/src/src/assets/xfwm4/assets-nord-hdpi/stick-toggled-pressed.png differ diff --git a/src/src/assets/xfwm4/assets-nord-hdpi/title-1-active.png b/src/src/assets/xfwm4/assets-nord-hdpi/title-1-active.png new file mode 100644 index 00000000..45c7b801 Binary files /dev/null and b/src/src/assets/xfwm4/assets-nord-hdpi/title-1-active.png differ diff --git a/src/src/assets/xfwm4/assets-nord-hdpi/title-1-inactive.png b/src/src/assets/xfwm4/assets-nord-hdpi/title-1-inactive.png new file mode 100644 index 00000000..a12b7486 Binary files /dev/null and b/src/src/assets/xfwm4/assets-nord-hdpi/title-1-inactive.png differ diff --git a/src/src/assets/xfwm4/assets-nord-hdpi/title-2-active.png b/src/src/assets/xfwm4/assets-nord-hdpi/title-2-active.png new file mode 100644 index 00000000..45c7b801 Binary files /dev/null and b/src/src/assets/xfwm4/assets-nord-hdpi/title-2-active.png differ diff --git a/src/src/assets/xfwm4/assets-nord-hdpi/title-2-inactive.png b/src/src/assets/xfwm4/assets-nord-hdpi/title-2-inactive.png new file mode 100644 index 00000000..a12b7486 Binary files /dev/null and b/src/src/assets/xfwm4/assets-nord-hdpi/title-2-inactive.png differ diff --git a/src/src/assets/xfwm4/assets-nord-hdpi/title-3-active.png b/src/src/assets/xfwm4/assets-nord-hdpi/title-3-active.png new file mode 100644 index 00000000..45c7b801 Binary files /dev/null and b/src/src/assets/xfwm4/assets-nord-hdpi/title-3-active.png differ diff --git a/src/src/assets/xfwm4/assets-nord-hdpi/title-3-inactive.png b/src/src/assets/xfwm4/assets-nord-hdpi/title-3-inactive.png new file mode 100644 index 00000000..a12b7486 Binary files /dev/null and b/src/src/assets/xfwm4/assets-nord-hdpi/title-3-inactive.png differ diff --git a/src/src/assets/xfwm4/assets-nord-hdpi/title-4-active.png b/src/src/assets/xfwm4/assets-nord-hdpi/title-4-active.png new file mode 100644 index 00000000..45c7b801 Binary files /dev/null and b/src/src/assets/xfwm4/assets-nord-hdpi/title-4-active.png differ diff --git a/src/src/assets/xfwm4/assets-nord-hdpi/title-4-inactive.png b/src/src/assets/xfwm4/assets-nord-hdpi/title-4-inactive.png new file mode 100644 index 00000000..a12b7486 Binary files /dev/null and b/src/src/assets/xfwm4/assets-nord-hdpi/title-4-inactive.png differ diff --git a/src/src/assets/xfwm4/assets-nord-hdpi/title-5-active.png b/src/src/assets/xfwm4/assets-nord-hdpi/title-5-active.png new file mode 100644 index 00000000..45c7b801 Binary files /dev/null and b/src/src/assets/xfwm4/assets-nord-hdpi/title-5-active.png differ diff --git a/src/src/assets/xfwm4/assets-nord-hdpi/title-5-inactive.png b/src/src/assets/xfwm4/assets-nord-hdpi/title-5-inactive.png new file mode 100644 index 00000000..a12b7486 Binary files /dev/null and b/src/src/assets/xfwm4/assets-nord-hdpi/title-5-inactive.png differ diff --git a/src/src/assets/xfwm4/assets-nord-hdpi/top-left-active.png b/src/src/assets/xfwm4/assets-nord-hdpi/top-left-active.png new file mode 100644 index 00000000..cfd650ce Binary files /dev/null and b/src/src/assets/xfwm4/assets-nord-hdpi/top-left-active.png differ diff --git a/src/src/assets/xfwm4/assets-nord-hdpi/top-left-inactive.png b/src/src/assets/xfwm4/assets-nord-hdpi/top-left-inactive.png new file mode 100644 index 00000000..d4811cf7 Binary files /dev/null and b/src/src/assets/xfwm4/assets-nord-hdpi/top-left-inactive.png differ diff --git a/src/src/assets/xfwm4/assets-nord-hdpi/top-right-active.png b/src/src/assets/xfwm4/assets-nord-hdpi/top-right-active.png new file mode 100644 index 00000000..6c80c737 Binary files /dev/null and b/src/src/assets/xfwm4/assets-nord-hdpi/top-right-active.png differ diff --git a/src/src/assets/xfwm4/assets-nord-hdpi/top-right-inactive.png b/src/src/assets/xfwm4/assets-nord-hdpi/top-right-inactive.png new file mode 100644 index 00000000..f0df1b9d Binary files /dev/null and b/src/src/assets/xfwm4/assets-nord-hdpi/top-right-inactive.png differ diff --git a/src/src/assets/xfwm4/assets-nord-xhdpi/bottom-active.png b/src/src/assets/xfwm4/assets-nord-xhdpi/bottom-active.png new file mode 100644 index 00000000..0e85243c Binary files /dev/null and b/src/src/assets/xfwm4/assets-nord-xhdpi/bottom-active.png differ diff --git a/src/src/assets/xfwm4/assets-nord-xhdpi/bottom-inactive.png b/src/src/assets/xfwm4/assets-nord-xhdpi/bottom-inactive.png new file mode 100644 index 00000000..a3be2181 Binary files /dev/null and b/src/src/assets/xfwm4/assets-nord-xhdpi/bottom-inactive.png differ diff --git a/src/src/assets/xfwm4/assets-nord-xhdpi/bottom-left-active.png b/src/src/assets/xfwm4/assets-nord-xhdpi/bottom-left-active.png new file mode 100644 index 00000000..35e9d394 Binary files /dev/null and b/src/src/assets/xfwm4/assets-nord-xhdpi/bottom-left-active.png differ diff --git a/src/src/assets/xfwm4/assets-nord-xhdpi/bottom-left-inactive.png b/src/src/assets/xfwm4/assets-nord-xhdpi/bottom-left-inactive.png new file mode 100644 index 00000000..62faf98e Binary files /dev/null and b/src/src/assets/xfwm4/assets-nord-xhdpi/bottom-left-inactive.png differ diff --git a/src/src/assets/xfwm4/assets-nord-xhdpi/bottom-right-active.png b/src/src/assets/xfwm4/assets-nord-xhdpi/bottom-right-active.png new file mode 100644 index 00000000..e6de0be5 Binary files /dev/null and b/src/src/assets/xfwm4/assets-nord-xhdpi/bottom-right-active.png differ diff --git a/src/src/assets/xfwm4/assets-nord-xhdpi/bottom-right-inactive.png b/src/src/assets/xfwm4/assets-nord-xhdpi/bottom-right-inactive.png new file mode 100644 index 00000000..8aa5fb0b Binary files /dev/null and b/src/src/assets/xfwm4/assets-nord-xhdpi/bottom-right-inactive.png differ diff --git a/src/src/assets/xfwm4/assets-nord-xhdpi/close-active.png b/src/src/assets/xfwm4/assets-nord-xhdpi/close-active.png new file mode 100644 index 00000000..f74fbd53 Binary files /dev/null and b/src/src/assets/xfwm4/assets-nord-xhdpi/close-active.png differ diff --git a/src/src/assets/xfwm4/assets-nord-xhdpi/close-inactive.png b/src/src/assets/xfwm4/assets-nord-xhdpi/close-inactive.png new file mode 100644 index 00000000..566e6b59 Binary files /dev/null and b/src/src/assets/xfwm4/assets-nord-xhdpi/close-inactive.png differ diff --git a/src/src/assets/xfwm4/assets-nord-xhdpi/close-prelight.png b/src/src/assets/xfwm4/assets-nord-xhdpi/close-prelight.png new file mode 100644 index 00000000..a8fcf7df Binary files /dev/null and b/src/src/assets/xfwm4/assets-nord-xhdpi/close-prelight.png differ diff --git a/src/src/assets/xfwm4/assets-nord-xhdpi/close-pressed.png b/src/src/assets/xfwm4/assets-nord-xhdpi/close-pressed.png new file mode 100644 index 00000000..ced3efd1 Binary files /dev/null and b/src/src/assets/xfwm4/assets-nord-xhdpi/close-pressed.png differ diff --git a/src/src/assets/xfwm4/assets-nord-xhdpi/hide-active.png b/src/src/assets/xfwm4/assets-nord-xhdpi/hide-active.png new file mode 100644 index 00000000..fd536c93 Binary files /dev/null and b/src/src/assets/xfwm4/assets-nord-xhdpi/hide-active.png differ diff --git a/src/src/assets/xfwm4/assets-nord-xhdpi/hide-inactive.png b/src/src/assets/xfwm4/assets-nord-xhdpi/hide-inactive.png new file mode 100644 index 00000000..566e6b59 Binary files /dev/null and b/src/src/assets/xfwm4/assets-nord-xhdpi/hide-inactive.png differ diff --git a/src/src/assets/xfwm4/assets-nord-xhdpi/hide-prelight.png b/src/src/assets/xfwm4/assets-nord-xhdpi/hide-prelight.png new file mode 100644 index 00000000..38ea0982 Binary files /dev/null and b/src/src/assets/xfwm4/assets-nord-xhdpi/hide-prelight.png differ diff --git a/src/src/assets/xfwm4/assets-nord-xhdpi/hide-pressed.png b/src/src/assets/xfwm4/assets-nord-xhdpi/hide-pressed.png new file mode 100644 index 00000000..e5c394ec Binary files /dev/null and b/src/src/assets/xfwm4/assets-nord-xhdpi/hide-pressed.png differ diff --git a/src/src/assets/xfwm4/assets-nord-xhdpi/left-active.png b/src/src/assets/xfwm4/assets-nord-xhdpi/left-active.png new file mode 100644 index 00000000..b8822c34 Binary files /dev/null and b/src/src/assets/xfwm4/assets-nord-xhdpi/left-active.png differ diff --git a/src/src/assets/xfwm4/assets-nord-xhdpi/left-inactive.png b/src/src/assets/xfwm4/assets-nord-xhdpi/left-inactive.png new file mode 100644 index 00000000..958c6e74 Binary files /dev/null and b/src/src/assets/xfwm4/assets-nord-xhdpi/left-inactive.png differ diff --git a/src/src/assets/xfwm4/assets-nord-xhdpi/maximize-active.png b/src/src/assets/xfwm4/assets-nord-xhdpi/maximize-active.png new file mode 100644 index 00000000..9d1542e4 Binary files /dev/null and b/src/src/assets/xfwm4/assets-nord-xhdpi/maximize-active.png differ diff --git a/src/src/assets/xfwm4/assets-nord-xhdpi/maximize-inactive.png b/src/src/assets/xfwm4/assets-nord-xhdpi/maximize-inactive.png new file mode 100644 index 00000000..566e6b59 Binary files /dev/null and b/src/src/assets/xfwm4/assets-nord-xhdpi/maximize-inactive.png differ diff --git a/src/src/assets/xfwm4/assets-nord-xhdpi/maximize-prelight.png b/src/src/assets/xfwm4/assets-nord-xhdpi/maximize-prelight.png new file mode 100644 index 00000000..021742e7 Binary files /dev/null and b/src/src/assets/xfwm4/assets-nord-xhdpi/maximize-prelight.png differ diff --git a/src/src/assets/xfwm4/assets-nord-xhdpi/maximize-pressed.png b/src/src/assets/xfwm4/assets-nord-xhdpi/maximize-pressed.png new file mode 100644 index 00000000..8c8b75f5 Binary files /dev/null and b/src/src/assets/xfwm4/assets-nord-xhdpi/maximize-pressed.png differ diff --git a/src/src/assets/xfwm4/assets-nord-xhdpi/maximize-toggled-active.png b/src/src/assets/xfwm4/assets-nord-xhdpi/maximize-toggled-active.png new file mode 100644 index 00000000..9d1542e4 Binary files /dev/null and b/src/src/assets/xfwm4/assets-nord-xhdpi/maximize-toggled-active.png differ diff --git a/src/src/assets/xfwm4/assets-nord-xhdpi/maximize-toggled-inactive.png b/src/src/assets/xfwm4/assets-nord-xhdpi/maximize-toggled-inactive.png new file mode 100644 index 00000000..566e6b59 Binary files /dev/null and b/src/src/assets/xfwm4/assets-nord-xhdpi/maximize-toggled-inactive.png differ diff --git a/src/src/assets/xfwm4/assets-nord-xhdpi/maximize-toggled-prelight.png b/src/src/assets/xfwm4/assets-nord-xhdpi/maximize-toggled-prelight.png new file mode 100644 index 00000000..aff4730f Binary files /dev/null and b/src/src/assets/xfwm4/assets-nord-xhdpi/maximize-toggled-prelight.png differ diff --git a/src/src/assets/xfwm4/assets-nord-xhdpi/maximize-toggled-pressed.png b/src/src/assets/xfwm4/assets-nord-xhdpi/maximize-toggled-pressed.png new file mode 100644 index 00000000..620f354c Binary files /dev/null and b/src/src/assets/xfwm4/assets-nord-xhdpi/maximize-toggled-pressed.png differ diff --git a/src/src/assets/xfwm4/assets-nord-xhdpi/menu-active.png b/src/src/assets/xfwm4/assets-nord-xhdpi/menu-active.png new file mode 100644 index 00000000..04e42b40 Binary files /dev/null and b/src/src/assets/xfwm4/assets-nord-xhdpi/menu-active.png differ diff --git a/src/src/assets/xfwm4/assets-nord-xhdpi/menu-inactive.png b/src/src/assets/xfwm4/assets-nord-xhdpi/menu-inactive.png new file mode 100644 index 00000000..571cafc1 Binary files /dev/null and b/src/src/assets/xfwm4/assets-nord-xhdpi/menu-inactive.png differ diff --git a/src/src/assets/xfwm4/assets-nord-xhdpi/menu-prelight.png b/src/src/assets/xfwm4/assets-nord-xhdpi/menu-prelight.png new file mode 100644 index 00000000..c3cfd772 Binary files /dev/null and b/src/src/assets/xfwm4/assets-nord-xhdpi/menu-prelight.png differ diff --git a/src/src/assets/xfwm4/assets-nord-xhdpi/menu-pressed.png b/src/src/assets/xfwm4/assets-nord-xhdpi/menu-pressed.png new file mode 100644 index 00000000..25e2ce68 Binary files /dev/null and b/src/src/assets/xfwm4/assets-nord-xhdpi/menu-pressed.png differ diff --git a/src/src/assets/xfwm4/assets-nord-xhdpi/right-active.png b/src/src/assets/xfwm4/assets-nord-xhdpi/right-active.png new file mode 100644 index 00000000..d5b22fb3 Binary files /dev/null and b/src/src/assets/xfwm4/assets-nord-xhdpi/right-active.png differ diff --git a/src/src/assets/xfwm4/assets-nord-xhdpi/right-inactive.png b/src/src/assets/xfwm4/assets-nord-xhdpi/right-inactive.png new file mode 100644 index 00000000..1c752f5f Binary files /dev/null and b/src/src/assets/xfwm4/assets-nord-xhdpi/right-inactive.png differ diff --git a/src/src/assets/xfwm4/assets-nord-xhdpi/shade-active.png b/src/src/assets/xfwm4/assets-nord-xhdpi/shade-active.png new file mode 100644 index 00000000..8422e61a Binary files /dev/null and b/src/src/assets/xfwm4/assets-nord-xhdpi/shade-active.png differ diff --git a/src/src/assets/xfwm4/assets-nord-xhdpi/shade-inactive.png b/src/src/assets/xfwm4/assets-nord-xhdpi/shade-inactive.png new file mode 100644 index 00000000..31fea6e5 Binary files /dev/null and b/src/src/assets/xfwm4/assets-nord-xhdpi/shade-inactive.png differ diff --git a/src/src/assets/xfwm4/assets-nord-xhdpi/shade-prelight.png b/src/src/assets/xfwm4/assets-nord-xhdpi/shade-prelight.png new file mode 100644 index 00000000..5171b6d4 Binary files /dev/null and b/src/src/assets/xfwm4/assets-nord-xhdpi/shade-prelight.png differ diff --git a/src/src/assets/xfwm4/assets-nord-xhdpi/shade-pressed.png b/src/src/assets/xfwm4/assets-nord-xhdpi/shade-pressed.png new file mode 100644 index 00000000..d6544ac9 Binary files /dev/null and b/src/src/assets/xfwm4/assets-nord-xhdpi/shade-pressed.png differ diff --git a/src/src/assets/xfwm4/assets-nord-xhdpi/stick-active.png b/src/src/assets/xfwm4/assets-nord-xhdpi/stick-active.png new file mode 100644 index 00000000..2b3e1ebf Binary files /dev/null and b/src/src/assets/xfwm4/assets-nord-xhdpi/stick-active.png differ diff --git a/src/src/assets/xfwm4/assets-nord-xhdpi/stick-inactive.png b/src/src/assets/xfwm4/assets-nord-xhdpi/stick-inactive.png new file mode 100644 index 00000000..6ede441d Binary files /dev/null and b/src/src/assets/xfwm4/assets-nord-xhdpi/stick-inactive.png differ diff --git a/src/src/assets/xfwm4/assets-nord-xhdpi/stick-prelight.png b/src/src/assets/xfwm4/assets-nord-xhdpi/stick-prelight.png new file mode 100644 index 00000000..3580cc77 Binary files /dev/null and b/src/src/assets/xfwm4/assets-nord-xhdpi/stick-prelight.png differ diff --git a/src/src/assets/xfwm4/assets-nord-xhdpi/stick-pressed.png b/src/src/assets/xfwm4/assets-nord-xhdpi/stick-pressed.png new file mode 100644 index 00000000..8dcfed32 Binary files /dev/null and b/src/src/assets/xfwm4/assets-nord-xhdpi/stick-pressed.png differ diff --git a/src/src/assets/xfwm4/assets-nord-xhdpi/stick-toggled-active.png b/src/src/assets/xfwm4/assets-nord-xhdpi/stick-toggled-active.png new file mode 100644 index 00000000..9f8650b3 Binary files /dev/null and b/src/src/assets/xfwm4/assets-nord-xhdpi/stick-toggled-active.png differ diff --git a/src/src/assets/xfwm4/assets-nord-xhdpi/stick-toggled-inactive.png b/src/src/assets/xfwm4/assets-nord-xhdpi/stick-toggled-inactive.png new file mode 100644 index 00000000..3eee0e59 Binary files /dev/null and b/src/src/assets/xfwm4/assets-nord-xhdpi/stick-toggled-inactive.png differ diff --git a/src/src/assets/xfwm4/assets-nord-xhdpi/stick-toggled-prelight.png b/src/src/assets/xfwm4/assets-nord-xhdpi/stick-toggled-prelight.png new file mode 100644 index 00000000..59acbc52 Binary files /dev/null and b/src/src/assets/xfwm4/assets-nord-xhdpi/stick-toggled-prelight.png differ diff --git a/src/src/assets/xfwm4/assets-nord-xhdpi/stick-toggled-pressed.png b/src/src/assets/xfwm4/assets-nord-xhdpi/stick-toggled-pressed.png new file mode 100644 index 00000000..94df8a1d Binary files /dev/null and b/src/src/assets/xfwm4/assets-nord-xhdpi/stick-toggled-pressed.png differ diff --git a/src/src/assets/xfwm4/assets-nord-xhdpi/title-1-active.png b/src/src/assets/xfwm4/assets-nord-xhdpi/title-1-active.png new file mode 100644 index 00000000..6658ae2a Binary files /dev/null and b/src/src/assets/xfwm4/assets-nord-xhdpi/title-1-active.png differ diff --git a/src/src/assets/xfwm4/assets-nord-xhdpi/title-1-inactive.png b/src/src/assets/xfwm4/assets-nord-xhdpi/title-1-inactive.png new file mode 100644 index 00000000..16a7d9f9 Binary files /dev/null and b/src/src/assets/xfwm4/assets-nord-xhdpi/title-1-inactive.png differ diff --git a/src/src/assets/xfwm4/assets-nord-xhdpi/title-2-active.png b/src/src/assets/xfwm4/assets-nord-xhdpi/title-2-active.png new file mode 100644 index 00000000..6658ae2a Binary files /dev/null and b/src/src/assets/xfwm4/assets-nord-xhdpi/title-2-active.png differ diff --git a/src/src/assets/xfwm4/assets-nord-xhdpi/title-2-inactive.png b/src/src/assets/xfwm4/assets-nord-xhdpi/title-2-inactive.png new file mode 100644 index 00000000..16a7d9f9 Binary files /dev/null and b/src/src/assets/xfwm4/assets-nord-xhdpi/title-2-inactive.png differ diff --git a/src/src/assets/xfwm4/assets-nord-xhdpi/title-3-active.png b/src/src/assets/xfwm4/assets-nord-xhdpi/title-3-active.png new file mode 100644 index 00000000..6658ae2a Binary files /dev/null and b/src/src/assets/xfwm4/assets-nord-xhdpi/title-3-active.png differ diff --git a/src/src/assets/xfwm4/assets-nord-xhdpi/title-3-inactive.png b/src/src/assets/xfwm4/assets-nord-xhdpi/title-3-inactive.png new file mode 100644 index 00000000..16a7d9f9 Binary files /dev/null and b/src/src/assets/xfwm4/assets-nord-xhdpi/title-3-inactive.png differ diff --git a/src/src/assets/xfwm4/assets-nord-xhdpi/title-4-active.png b/src/src/assets/xfwm4/assets-nord-xhdpi/title-4-active.png new file mode 100644 index 00000000..6658ae2a Binary files /dev/null and b/src/src/assets/xfwm4/assets-nord-xhdpi/title-4-active.png differ diff --git a/src/src/assets/xfwm4/assets-nord-xhdpi/title-4-inactive.png b/src/src/assets/xfwm4/assets-nord-xhdpi/title-4-inactive.png new file mode 100644 index 00000000..16a7d9f9 Binary files /dev/null and b/src/src/assets/xfwm4/assets-nord-xhdpi/title-4-inactive.png differ diff --git a/src/src/assets/xfwm4/assets-nord-xhdpi/title-5-active.png b/src/src/assets/xfwm4/assets-nord-xhdpi/title-5-active.png new file mode 100644 index 00000000..6658ae2a Binary files /dev/null and b/src/src/assets/xfwm4/assets-nord-xhdpi/title-5-active.png differ diff --git a/src/src/assets/xfwm4/assets-nord-xhdpi/title-5-inactive.png b/src/src/assets/xfwm4/assets-nord-xhdpi/title-5-inactive.png new file mode 100644 index 00000000..16a7d9f9 Binary files /dev/null and b/src/src/assets/xfwm4/assets-nord-xhdpi/title-5-inactive.png differ diff --git a/src/src/assets/xfwm4/assets-nord-xhdpi/top-left-active.png b/src/src/assets/xfwm4/assets-nord-xhdpi/top-left-active.png new file mode 100644 index 00000000..ac7281a2 Binary files /dev/null and b/src/src/assets/xfwm4/assets-nord-xhdpi/top-left-active.png differ diff --git a/src/src/assets/xfwm4/assets-nord-xhdpi/top-left-inactive.png b/src/src/assets/xfwm4/assets-nord-xhdpi/top-left-inactive.png new file mode 100644 index 00000000..6c1c0ab3 Binary files /dev/null and b/src/src/assets/xfwm4/assets-nord-xhdpi/top-left-inactive.png differ diff --git a/src/src/assets/xfwm4/assets-nord-xhdpi/top-right-active.png b/src/src/assets/xfwm4/assets-nord-xhdpi/top-right-active.png new file mode 100644 index 00000000..cd3ba2c4 Binary files /dev/null and b/src/src/assets/xfwm4/assets-nord-xhdpi/top-right-active.png differ diff --git a/src/src/assets/xfwm4/assets-nord-xhdpi/top-right-inactive.png b/src/src/assets/xfwm4/assets-nord-xhdpi/top-right-inactive.png new file mode 100644 index 00000000..d9accb99 Binary files /dev/null and b/src/src/assets/xfwm4/assets-nord-xhdpi/top-right-inactive.png differ diff --git a/src/src/assets/xfwm4/assets-nord.svg b/src/src/assets/xfwm4/assets-nord.svg new file mode 100644 index 00000000..1a0ecec9 --- /dev/null +++ b/src/src/assets/xfwm4/assets-nord.svg @@ -0,0 +1,1367 @@ + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/src/assets/xfwm4/assets-nord/bottom-active.png b/src/src/assets/xfwm4/assets-nord/bottom-active.png new file mode 100644 index 00000000..a5a1f022 Binary files /dev/null and b/src/src/assets/xfwm4/assets-nord/bottom-active.png differ diff --git a/src/src/assets/xfwm4/assets-nord/bottom-inactive.png b/src/src/assets/xfwm4/assets-nord/bottom-inactive.png new file mode 100644 index 00000000..862b0954 Binary files /dev/null and b/src/src/assets/xfwm4/assets-nord/bottom-inactive.png differ diff --git a/src/src/assets/xfwm4/assets-nord/bottom-left-active.png b/src/src/assets/xfwm4/assets-nord/bottom-left-active.png new file mode 100644 index 00000000..ffe9addb Binary files /dev/null and b/src/src/assets/xfwm4/assets-nord/bottom-left-active.png differ diff --git a/src/src/assets/xfwm4/assets-nord/bottom-left-inactive.png b/src/src/assets/xfwm4/assets-nord/bottom-left-inactive.png new file mode 100644 index 00000000..e1a50a72 Binary files /dev/null and b/src/src/assets/xfwm4/assets-nord/bottom-left-inactive.png differ diff --git a/src/src/assets/xfwm4/assets-nord/bottom-right-active.png b/src/src/assets/xfwm4/assets-nord/bottom-right-active.png new file mode 100644 index 00000000..9b823337 Binary files /dev/null and b/src/src/assets/xfwm4/assets-nord/bottom-right-active.png differ diff --git a/src/src/assets/xfwm4/assets-nord/bottom-right-inactive.png b/src/src/assets/xfwm4/assets-nord/bottom-right-inactive.png new file mode 100644 index 00000000..f46d41dd Binary files /dev/null and b/src/src/assets/xfwm4/assets-nord/bottom-right-inactive.png differ diff --git a/src/src/assets/xfwm4/assets-nord/close-active.png b/src/src/assets/xfwm4/assets-nord/close-active.png new file mode 100644 index 00000000..5d98008f Binary files /dev/null and b/src/src/assets/xfwm4/assets-nord/close-active.png differ diff --git a/src/src/assets/xfwm4/assets-nord/close-inactive.png b/src/src/assets/xfwm4/assets-nord/close-inactive.png new file mode 100644 index 00000000..15c75989 Binary files /dev/null and b/src/src/assets/xfwm4/assets-nord/close-inactive.png differ diff --git a/src/src/assets/xfwm4/assets-nord/close-prelight.png b/src/src/assets/xfwm4/assets-nord/close-prelight.png new file mode 100644 index 00000000..fc85e781 Binary files /dev/null and b/src/src/assets/xfwm4/assets-nord/close-prelight.png differ diff --git a/src/src/assets/xfwm4/assets-nord/close-pressed.png b/src/src/assets/xfwm4/assets-nord/close-pressed.png new file mode 100644 index 00000000..a27fc63d Binary files /dev/null and b/src/src/assets/xfwm4/assets-nord/close-pressed.png differ diff --git a/src/src/assets/xfwm4/assets-nord/hide-active.png b/src/src/assets/xfwm4/assets-nord/hide-active.png new file mode 100644 index 00000000..5cb8eccf Binary files /dev/null and b/src/src/assets/xfwm4/assets-nord/hide-active.png differ diff --git a/src/src/assets/xfwm4/assets-nord/hide-inactive.png b/src/src/assets/xfwm4/assets-nord/hide-inactive.png new file mode 100644 index 00000000..15c75989 Binary files /dev/null and b/src/src/assets/xfwm4/assets-nord/hide-inactive.png differ diff --git a/src/src/assets/xfwm4/assets-nord/hide-prelight.png b/src/src/assets/xfwm4/assets-nord/hide-prelight.png new file mode 100644 index 00000000..4e947b7e Binary files /dev/null and b/src/src/assets/xfwm4/assets-nord/hide-prelight.png differ diff --git a/src/src/assets/xfwm4/assets-nord/hide-pressed.png b/src/src/assets/xfwm4/assets-nord/hide-pressed.png new file mode 100644 index 00000000..42763e87 Binary files /dev/null and b/src/src/assets/xfwm4/assets-nord/hide-pressed.png differ diff --git a/src/src/assets/xfwm4/assets-nord/left-active.png b/src/src/assets/xfwm4/assets-nord/left-active.png new file mode 100644 index 00000000..81aed34d Binary files /dev/null and b/src/src/assets/xfwm4/assets-nord/left-active.png differ diff --git a/src/src/assets/xfwm4/assets-nord/left-inactive.png b/src/src/assets/xfwm4/assets-nord/left-inactive.png new file mode 100644 index 00000000..c7966d9b Binary files /dev/null and b/src/src/assets/xfwm4/assets-nord/left-inactive.png differ diff --git a/src/src/assets/xfwm4/assets-nord/maximize-active.png b/src/src/assets/xfwm4/assets-nord/maximize-active.png new file mode 100644 index 00000000..bd66ad32 Binary files /dev/null and b/src/src/assets/xfwm4/assets-nord/maximize-active.png differ diff --git a/src/src/assets/xfwm4/assets-nord/maximize-inactive.png b/src/src/assets/xfwm4/assets-nord/maximize-inactive.png new file mode 100644 index 00000000..15c75989 Binary files /dev/null and b/src/src/assets/xfwm4/assets-nord/maximize-inactive.png differ diff --git a/src/src/assets/xfwm4/assets-nord/maximize-prelight.png b/src/src/assets/xfwm4/assets-nord/maximize-prelight.png new file mode 100644 index 00000000..7e863f83 Binary files /dev/null and b/src/src/assets/xfwm4/assets-nord/maximize-prelight.png differ diff --git a/src/src/assets/xfwm4/assets-nord/maximize-pressed.png b/src/src/assets/xfwm4/assets-nord/maximize-pressed.png new file mode 100644 index 00000000..19b759fb Binary files /dev/null and b/src/src/assets/xfwm4/assets-nord/maximize-pressed.png differ diff --git a/src/src/assets/xfwm4/assets-nord/maximize-toggled-active.png b/src/src/assets/xfwm4/assets-nord/maximize-toggled-active.png new file mode 100644 index 00000000..bd66ad32 Binary files /dev/null and b/src/src/assets/xfwm4/assets-nord/maximize-toggled-active.png differ diff --git a/src/src/assets/xfwm4/assets-nord/maximize-toggled-inactive.png b/src/src/assets/xfwm4/assets-nord/maximize-toggled-inactive.png new file mode 100644 index 00000000..15c75989 Binary files /dev/null and b/src/src/assets/xfwm4/assets-nord/maximize-toggled-inactive.png differ diff --git a/src/src/assets/xfwm4/assets-nord/maximize-toggled-prelight.png b/src/src/assets/xfwm4/assets-nord/maximize-toggled-prelight.png new file mode 100644 index 00000000..c955a151 Binary files /dev/null and b/src/src/assets/xfwm4/assets-nord/maximize-toggled-prelight.png differ diff --git a/src/src/assets/xfwm4/assets-nord/maximize-toggled-pressed.png b/src/src/assets/xfwm4/assets-nord/maximize-toggled-pressed.png new file mode 100644 index 00000000..6800b437 Binary files /dev/null and b/src/src/assets/xfwm4/assets-nord/maximize-toggled-pressed.png differ diff --git a/src/src/assets/xfwm4/assets-nord/menu-active.png b/src/src/assets/xfwm4/assets-nord/menu-active.png new file mode 100644 index 00000000..a420c015 Binary files /dev/null and b/src/src/assets/xfwm4/assets-nord/menu-active.png differ diff --git a/src/src/assets/xfwm4/assets-nord/menu-inactive.png b/src/src/assets/xfwm4/assets-nord/menu-inactive.png new file mode 100644 index 00000000..9d202744 Binary files /dev/null and b/src/src/assets/xfwm4/assets-nord/menu-inactive.png differ diff --git a/src/src/assets/xfwm4/assets-nord/menu-prelight.png b/src/src/assets/xfwm4/assets-nord/menu-prelight.png new file mode 100644 index 00000000..b518ec62 Binary files /dev/null and b/src/src/assets/xfwm4/assets-nord/menu-prelight.png differ diff --git a/src/src/assets/xfwm4/assets-nord/menu-pressed.png b/src/src/assets/xfwm4/assets-nord/menu-pressed.png new file mode 100644 index 00000000..6e0eefcd Binary files /dev/null and b/src/src/assets/xfwm4/assets-nord/menu-pressed.png differ diff --git a/src/src/assets/xfwm4/assets-nord/right-active.png b/src/src/assets/xfwm4/assets-nord/right-active.png new file mode 100644 index 00000000..9c730c6d Binary files /dev/null and b/src/src/assets/xfwm4/assets-nord/right-active.png differ diff --git a/src/src/assets/xfwm4/assets-nord/right-inactive.png b/src/src/assets/xfwm4/assets-nord/right-inactive.png new file mode 100644 index 00000000..92879c22 Binary files /dev/null and b/src/src/assets/xfwm4/assets-nord/right-inactive.png differ diff --git a/src/src/assets/xfwm4/assets-nord/shade-active.png b/src/src/assets/xfwm4/assets-nord/shade-active.png new file mode 100644 index 00000000..50de122d Binary files /dev/null and b/src/src/assets/xfwm4/assets-nord/shade-active.png differ diff --git a/src/src/assets/xfwm4/assets-nord/shade-inactive.png b/src/src/assets/xfwm4/assets-nord/shade-inactive.png new file mode 100644 index 00000000..5b59dfc8 Binary files /dev/null and b/src/src/assets/xfwm4/assets-nord/shade-inactive.png differ diff --git a/src/src/assets/xfwm4/assets-nord/shade-prelight.png b/src/src/assets/xfwm4/assets-nord/shade-prelight.png new file mode 100644 index 00000000..0f4a35f0 Binary files /dev/null and b/src/src/assets/xfwm4/assets-nord/shade-prelight.png differ diff --git a/src/src/assets/xfwm4/assets-nord/shade-pressed.png b/src/src/assets/xfwm4/assets-nord/shade-pressed.png new file mode 100644 index 00000000..4ac2e8a3 Binary files /dev/null and b/src/src/assets/xfwm4/assets-nord/shade-pressed.png differ diff --git a/src/src/assets/xfwm4/assets-nord/stick-active.png b/src/src/assets/xfwm4/assets-nord/stick-active.png new file mode 100644 index 00000000..b491646e Binary files /dev/null and b/src/src/assets/xfwm4/assets-nord/stick-active.png differ diff --git a/src/src/assets/xfwm4/assets-nord/stick-inactive.png b/src/src/assets/xfwm4/assets-nord/stick-inactive.png new file mode 100644 index 00000000..79967bca Binary files /dev/null and b/src/src/assets/xfwm4/assets-nord/stick-inactive.png differ diff --git a/src/src/assets/xfwm4/assets-nord/stick-prelight.png b/src/src/assets/xfwm4/assets-nord/stick-prelight.png new file mode 100644 index 00000000..41a018e4 Binary files /dev/null and b/src/src/assets/xfwm4/assets-nord/stick-prelight.png differ diff --git a/src/src/assets/xfwm4/assets-nord/stick-pressed.png b/src/src/assets/xfwm4/assets-nord/stick-pressed.png new file mode 100644 index 00000000..8c155b06 Binary files /dev/null and b/src/src/assets/xfwm4/assets-nord/stick-pressed.png differ diff --git a/src/src/assets/xfwm4/assets-nord/stick-toggled-active.png b/src/src/assets/xfwm4/assets-nord/stick-toggled-active.png new file mode 100644 index 00000000..7b17d958 Binary files /dev/null and b/src/src/assets/xfwm4/assets-nord/stick-toggled-active.png differ diff --git a/src/src/assets/xfwm4/assets-nord/stick-toggled-inactive.png b/src/src/assets/xfwm4/assets-nord/stick-toggled-inactive.png new file mode 100644 index 00000000..ae43a712 Binary files /dev/null and b/src/src/assets/xfwm4/assets-nord/stick-toggled-inactive.png differ diff --git a/src/src/assets/xfwm4/assets-nord/stick-toggled-prelight.png b/src/src/assets/xfwm4/assets-nord/stick-toggled-prelight.png new file mode 100644 index 00000000..d8e2caf8 Binary files /dev/null and b/src/src/assets/xfwm4/assets-nord/stick-toggled-prelight.png differ diff --git a/src/src/assets/xfwm4/assets-nord/stick-toggled-pressed.png b/src/src/assets/xfwm4/assets-nord/stick-toggled-pressed.png new file mode 100644 index 00000000..4f5ca5e1 Binary files /dev/null and b/src/src/assets/xfwm4/assets-nord/stick-toggled-pressed.png differ diff --git a/src/src/assets/xfwm4/assets-nord/title-1-active.png b/src/src/assets/xfwm4/assets-nord/title-1-active.png new file mode 100644 index 00000000..e3146683 Binary files /dev/null and b/src/src/assets/xfwm4/assets-nord/title-1-active.png differ diff --git a/src/src/assets/xfwm4/assets-nord/title-1-inactive.png b/src/src/assets/xfwm4/assets-nord/title-1-inactive.png new file mode 100644 index 00000000..af9cb564 Binary files /dev/null and b/src/src/assets/xfwm4/assets-nord/title-1-inactive.png differ diff --git a/src/src/assets/xfwm4/assets-nord/title-2-active.png b/src/src/assets/xfwm4/assets-nord/title-2-active.png new file mode 100644 index 00000000..e3146683 Binary files /dev/null and b/src/src/assets/xfwm4/assets-nord/title-2-active.png differ diff --git a/src/src/assets/xfwm4/assets-nord/title-2-inactive.png b/src/src/assets/xfwm4/assets-nord/title-2-inactive.png new file mode 100644 index 00000000..af9cb564 Binary files /dev/null and b/src/src/assets/xfwm4/assets-nord/title-2-inactive.png differ diff --git a/src/src/assets/xfwm4/assets-nord/title-3-active.png b/src/src/assets/xfwm4/assets-nord/title-3-active.png new file mode 100644 index 00000000..e3146683 Binary files /dev/null and b/src/src/assets/xfwm4/assets-nord/title-3-active.png differ diff --git a/src/src/assets/xfwm4/assets-nord/title-3-inactive.png b/src/src/assets/xfwm4/assets-nord/title-3-inactive.png new file mode 100644 index 00000000..af9cb564 Binary files /dev/null and b/src/src/assets/xfwm4/assets-nord/title-3-inactive.png differ diff --git a/src/src/assets/xfwm4/assets-nord/title-4-active.png b/src/src/assets/xfwm4/assets-nord/title-4-active.png new file mode 100644 index 00000000..e3146683 Binary files /dev/null and b/src/src/assets/xfwm4/assets-nord/title-4-active.png differ diff --git a/src/src/assets/xfwm4/assets-nord/title-4-inactive.png b/src/src/assets/xfwm4/assets-nord/title-4-inactive.png new file mode 100644 index 00000000..af9cb564 Binary files /dev/null and b/src/src/assets/xfwm4/assets-nord/title-4-inactive.png differ diff --git a/src/src/assets/xfwm4/assets-nord/title-5-active.png b/src/src/assets/xfwm4/assets-nord/title-5-active.png new file mode 100644 index 00000000..e3146683 Binary files /dev/null and b/src/src/assets/xfwm4/assets-nord/title-5-active.png differ diff --git a/src/src/assets/xfwm4/assets-nord/title-5-inactive.png b/src/src/assets/xfwm4/assets-nord/title-5-inactive.png new file mode 100644 index 00000000..af9cb564 Binary files /dev/null and b/src/src/assets/xfwm4/assets-nord/title-5-inactive.png differ diff --git a/src/src/assets/xfwm4/assets-nord/top-left-active.png b/src/src/assets/xfwm4/assets-nord/top-left-active.png new file mode 100644 index 00000000..6c96eaf2 Binary files /dev/null and b/src/src/assets/xfwm4/assets-nord/top-left-active.png differ diff --git a/src/src/assets/xfwm4/assets-nord/top-left-inactive.png b/src/src/assets/xfwm4/assets-nord/top-left-inactive.png new file mode 100644 index 00000000..a0da9ba5 Binary files /dev/null and b/src/src/assets/xfwm4/assets-nord/top-left-inactive.png differ diff --git a/src/src/assets/xfwm4/assets-nord/top-right-active.png b/src/src/assets/xfwm4/assets-nord/top-right-active.png new file mode 100644 index 00000000..d9eae23b Binary files /dev/null and b/src/src/assets/xfwm4/assets-nord/top-right-active.png differ diff --git a/src/src/assets/xfwm4/assets-nord/top-right-inactive.png b/src/src/assets/xfwm4/assets-nord/top-right-inactive.png new file mode 100644 index 00000000..efe9005c Binary files /dev/null and b/src/src/assets/xfwm4/assets-nord/top-right-inactive.png differ diff --git a/src/src/assets/xfwm4/assets-xhdpi/bottom-active.png b/src/src/assets/xfwm4/assets-xhdpi/bottom-active.png new file mode 100644 index 00000000..6b3df522 Binary files /dev/null and b/src/src/assets/xfwm4/assets-xhdpi/bottom-active.png differ diff --git a/src/src/assets/xfwm4/assets-xhdpi/bottom-inactive.png b/src/src/assets/xfwm4/assets-xhdpi/bottom-inactive.png new file mode 100644 index 00000000..a5b785e4 Binary files /dev/null and b/src/src/assets/xfwm4/assets-xhdpi/bottom-inactive.png differ diff --git a/src/src/assets/xfwm4/assets-xhdpi/bottom-left-active.png b/src/src/assets/xfwm4/assets-xhdpi/bottom-left-active.png new file mode 100644 index 00000000..22f8ac29 Binary files /dev/null and b/src/src/assets/xfwm4/assets-xhdpi/bottom-left-active.png differ diff --git a/src/src/assets/xfwm4/assets-xhdpi/bottom-left-inactive.png b/src/src/assets/xfwm4/assets-xhdpi/bottom-left-inactive.png new file mode 100644 index 00000000..51615dd2 Binary files /dev/null and b/src/src/assets/xfwm4/assets-xhdpi/bottom-left-inactive.png differ diff --git a/src/src/assets/xfwm4/assets-xhdpi/bottom-right-active.png b/src/src/assets/xfwm4/assets-xhdpi/bottom-right-active.png new file mode 100644 index 00000000..37ec144c Binary files /dev/null and b/src/src/assets/xfwm4/assets-xhdpi/bottom-right-active.png differ diff --git a/src/src/assets/xfwm4/assets-xhdpi/bottom-right-inactive.png b/src/src/assets/xfwm4/assets-xhdpi/bottom-right-inactive.png new file mode 100644 index 00000000..3be8820d Binary files /dev/null and b/src/src/assets/xfwm4/assets-xhdpi/bottom-right-inactive.png differ diff --git a/src/src/assets/xfwm4/assets-xhdpi/close-active.png b/src/src/assets/xfwm4/assets-xhdpi/close-active.png new file mode 100644 index 00000000..d19d3838 Binary files /dev/null and b/src/src/assets/xfwm4/assets-xhdpi/close-active.png differ diff --git a/src/src/assets/xfwm4/assets-xhdpi/close-inactive.png b/src/src/assets/xfwm4/assets-xhdpi/close-inactive.png new file mode 100644 index 00000000..11f8a133 Binary files /dev/null and b/src/src/assets/xfwm4/assets-xhdpi/close-inactive.png differ diff --git a/src/src/assets/xfwm4/assets-xhdpi/close-prelight.png b/src/src/assets/xfwm4/assets-xhdpi/close-prelight.png new file mode 100644 index 00000000..aeba08e8 Binary files /dev/null and b/src/src/assets/xfwm4/assets-xhdpi/close-prelight.png differ diff --git a/src/src/assets/xfwm4/assets-xhdpi/close-pressed.png b/src/src/assets/xfwm4/assets-xhdpi/close-pressed.png new file mode 100644 index 00000000..51b74710 Binary files /dev/null and b/src/src/assets/xfwm4/assets-xhdpi/close-pressed.png differ diff --git a/src/src/assets/xfwm4/assets-xhdpi/hide-active.png b/src/src/assets/xfwm4/assets-xhdpi/hide-active.png new file mode 100644 index 00000000..00615978 Binary files /dev/null and b/src/src/assets/xfwm4/assets-xhdpi/hide-active.png differ diff --git a/src/src/assets/xfwm4/assets-xhdpi/hide-inactive.png b/src/src/assets/xfwm4/assets-xhdpi/hide-inactive.png new file mode 100644 index 00000000..11f8a133 Binary files /dev/null and b/src/src/assets/xfwm4/assets-xhdpi/hide-inactive.png differ diff --git a/src/src/assets/xfwm4/assets-xhdpi/hide-prelight.png b/src/src/assets/xfwm4/assets-xhdpi/hide-prelight.png new file mode 100644 index 00000000..f5a30d6b Binary files /dev/null and b/src/src/assets/xfwm4/assets-xhdpi/hide-prelight.png differ diff --git a/src/src/assets/xfwm4/assets-xhdpi/hide-pressed.png b/src/src/assets/xfwm4/assets-xhdpi/hide-pressed.png new file mode 100644 index 00000000..d0bed48e Binary files /dev/null and b/src/src/assets/xfwm4/assets-xhdpi/hide-pressed.png differ diff --git a/src/src/assets/xfwm4/assets-xhdpi/left-active.png b/src/src/assets/xfwm4/assets-xhdpi/left-active.png new file mode 100644 index 00000000..0fb49ed5 Binary files /dev/null and b/src/src/assets/xfwm4/assets-xhdpi/left-active.png differ diff --git a/src/src/assets/xfwm4/assets-xhdpi/left-inactive.png b/src/src/assets/xfwm4/assets-xhdpi/left-inactive.png new file mode 100644 index 00000000..6eee30a0 Binary files /dev/null and b/src/src/assets/xfwm4/assets-xhdpi/left-inactive.png differ diff --git a/src/src/assets/xfwm4/assets-xhdpi/maximize-active.png b/src/src/assets/xfwm4/assets-xhdpi/maximize-active.png new file mode 100644 index 00000000..109efcc7 Binary files /dev/null and b/src/src/assets/xfwm4/assets-xhdpi/maximize-active.png differ diff --git a/src/src/assets/xfwm4/assets-xhdpi/maximize-inactive.png b/src/src/assets/xfwm4/assets-xhdpi/maximize-inactive.png new file mode 100644 index 00000000..11f8a133 Binary files /dev/null and b/src/src/assets/xfwm4/assets-xhdpi/maximize-inactive.png differ diff --git a/src/src/assets/xfwm4/assets-xhdpi/maximize-prelight.png b/src/src/assets/xfwm4/assets-xhdpi/maximize-prelight.png new file mode 100644 index 00000000..d49f9385 Binary files /dev/null and b/src/src/assets/xfwm4/assets-xhdpi/maximize-prelight.png differ diff --git a/src/src/assets/xfwm4/assets-xhdpi/maximize-pressed.png b/src/src/assets/xfwm4/assets-xhdpi/maximize-pressed.png new file mode 100644 index 00000000..02565ec7 Binary files /dev/null and b/src/src/assets/xfwm4/assets-xhdpi/maximize-pressed.png differ diff --git a/src/src/assets/xfwm4/assets-xhdpi/maximize-toggled-active.png b/src/src/assets/xfwm4/assets-xhdpi/maximize-toggled-active.png new file mode 100644 index 00000000..109efcc7 Binary files /dev/null and b/src/src/assets/xfwm4/assets-xhdpi/maximize-toggled-active.png differ diff --git a/src/src/assets/xfwm4/assets-xhdpi/maximize-toggled-inactive.png b/src/src/assets/xfwm4/assets-xhdpi/maximize-toggled-inactive.png new file mode 100644 index 00000000..11f8a133 Binary files /dev/null and b/src/src/assets/xfwm4/assets-xhdpi/maximize-toggled-inactive.png differ diff --git a/src/src/assets/xfwm4/assets-xhdpi/maximize-toggled-prelight.png b/src/src/assets/xfwm4/assets-xhdpi/maximize-toggled-prelight.png new file mode 100644 index 00000000..18c9b6d0 Binary files /dev/null and b/src/src/assets/xfwm4/assets-xhdpi/maximize-toggled-prelight.png differ diff --git a/src/src/assets/xfwm4/assets-xhdpi/maximize-toggled-pressed.png b/src/src/assets/xfwm4/assets-xhdpi/maximize-toggled-pressed.png new file mode 100644 index 00000000..6ceebc21 Binary files /dev/null and b/src/src/assets/xfwm4/assets-xhdpi/maximize-toggled-pressed.png differ diff --git a/src/src/assets/xfwm4/assets-xhdpi/menu-active.png b/src/src/assets/xfwm4/assets-xhdpi/menu-active.png new file mode 100644 index 00000000..2af638e9 Binary files /dev/null and b/src/src/assets/xfwm4/assets-xhdpi/menu-active.png differ diff --git a/src/src/assets/xfwm4/assets-xhdpi/menu-inactive.png b/src/src/assets/xfwm4/assets-xhdpi/menu-inactive.png new file mode 100644 index 00000000..ad85c4fa Binary files /dev/null and b/src/src/assets/xfwm4/assets-xhdpi/menu-inactive.png differ diff --git a/src/src/assets/xfwm4/assets-xhdpi/menu-prelight.png b/src/src/assets/xfwm4/assets-xhdpi/menu-prelight.png new file mode 100644 index 00000000..cd039c1d Binary files /dev/null and b/src/src/assets/xfwm4/assets-xhdpi/menu-prelight.png differ diff --git a/src/src/assets/xfwm4/assets-xhdpi/menu-pressed.png b/src/src/assets/xfwm4/assets-xhdpi/menu-pressed.png new file mode 100644 index 00000000..59b3b893 Binary files /dev/null and b/src/src/assets/xfwm4/assets-xhdpi/menu-pressed.png differ diff --git a/src/src/assets/xfwm4/assets-xhdpi/right-active.png b/src/src/assets/xfwm4/assets-xhdpi/right-active.png new file mode 100644 index 00000000..07b60348 Binary files /dev/null and b/src/src/assets/xfwm4/assets-xhdpi/right-active.png differ diff --git a/src/src/assets/xfwm4/assets-xhdpi/right-inactive.png b/src/src/assets/xfwm4/assets-xhdpi/right-inactive.png new file mode 100644 index 00000000..841fe27d Binary files /dev/null and b/src/src/assets/xfwm4/assets-xhdpi/right-inactive.png differ diff --git a/src/src/assets/xfwm4/assets-xhdpi/shade-active.png b/src/src/assets/xfwm4/assets-xhdpi/shade-active.png new file mode 100644 index 00000000..30d94fa7 Binary files /dev/null and b/src/src/assets/xfwm4/assets-xhdpi/shade-active.png differ diff --git a/src/src/assets/xfwm4/assets-xhdpi/shade-inactive.png b/src/src/assets/xfwm4/assets-xhdpi/shade-inactive.png new file mode 100644 index 00000000..64597d28 Binary files /dev/null and b/src/src/assets/xfwm4/assets-xhdpi/shade-inactive.png differ diff --git a/src/src/assets/xfwm4/assets-xhdpi/shade-prelight.png b/src/src/assets/xfwm4/assets-xhdpi/shade-prelight.png new file mode 100644 index 00000000..fc0e43d4 Binary files /dev/null and b/src/src/assets/xfwm4/assets-xhdpi/shade-prelight.png differ diff --git a/src/src/assets/xfwm4/assets-xhdpi/shade-pressed.png b/src/src/assets/xfwm4/assets-xhdpi/shade-pressed.png new file mode 100644 index 00000000..7ca5ab0b Binary files /dev/null and b/src/src/assets/xfwm4/assets-xhdpi/shade-pressed.png differ diff --git a/src/src/assets/xfwm4/assets-xhdpi/stick-active.png b/src/src/assets/xfwm4/assets-xhdpi/stick-active.png new file mode 100644 index 00000000..5bbc4d93 Binary files /dev/null and b/src/src/assets/xfwm4/assets-xhdpi/stick-active.png differ diff --git a/src/src/assets/xfwm4/assets-xhdpi/stick-inactive.png b/src/src/assets/xfwm4/assets-xhdpi/stick-inactive.png new file mode 100644 index 00000000..8225c8f7 Binary files /dev/null and b/src/src/assets/xfwm4/assets-xhdpi/stick-inactive.png differ diff --git a/src/src/assets/xfwm4/assets-xhdpi/stick-prelight.png b/src/src/assets/xfwm4/assets-xhdpi/stick-prelight.png new file mode 100644 index 00000000..e28f9560 Binary files /dev/null and b/src/src/assets/xfwm4/assets-xhdpi/stick-prelight.png differ diff --git a/src/src/assets/xfwm4/assets-xhdpi/stick-pressed.png b/src/src/assets/xfwm4/assets-xhdpi/stick-pressed.png new file mode 100644 index 00000000..be8f865d Binary files /dev/null and b/src/src/assets/xfwm4/assets-xhdpi/stick-pressed.png differ diff --git a/src/src/assets/xfwm4/assets-xhdpi/stick-toggled-active.png b/src/src/assets/xfwm4/assets-xhdpi/stick-toggled-active.png new file mode 100644 index 00000000..6c5ccd5b Binary files /dev/null and b/src/src/assets/xfwm4/assets-xhdpi/stick-toggled-active.png differ diff --git a/src/src/assets/xfwm4/assets-xhdpi/stick-toggled-inactive.png b/src/src/assets/xfwm4/assets-xhdpi/stick-toggled-inactive.png new file mode 100644 index 00000000..fc330c29 Binary files /dev/null and b/src/src/assets/xfwm4/assets-xhdpi/stick-toggled-inactive.png differ diff --git a/src/src/assets/xfwm4/assets-xhdpi/stick-toggled-prelight.png b/src/src/assets/xfwm4/assets-xhdpi/stick-toggled-prelight.png new file mode 100644 index 00000000..416dca44 Binary files /dev/null and b/src/src/assets/xfwm4/assets-xhdpi/stick-toggled-prelight.png differ diff --git a/src/src/assets/xfwm4/assets-xhdpi/stick-toggled-pressed.png b/src/src/assets/xfwm4/assets-xhdpi/stick-toggled-pressed.png new file mode 100644 index 00000000..be63b35c Binary files /dev/null and b/src/src/assets/xfwm4/assets-xhdpi/stick-toggled-pressed.png differ diff --git a/src/src/assets/xfwm4/assets-xhdpi/title-1-active.png b/src/src/assets/xfwm4/assets-xhdpi/title-1-active.png new file mode 100644 index 00000000..b165dbcb Binary files /dev/null and b/src/src/assets/xfwm4/assets-xhdpi/title-1-active.png differ diff --git a/src/src/assets/xfwm4/assets-xhdpi/title-1-inactive.png b/src/src/assets/xfwm4/assets-xhdpi/title-1-inactive.png new file mode 100644 index 00000000..9d2fa118 Binary files /dev/null and b/src/src/assets/xfwm4/assets-xhdpi/title-1-inactive.png differ diff --git a/src/src/assets/xfwm4/assets-xhdpi/title-2-active.png b/src/src/assets/xfwm4/assets-xhdpi/title-2-active.png new file mode 100644 index 00000000..b165dbcb Binary files /dev/null and b/src/src/assets/xfwm4/assets-xhdpi/title-2-active.png differ diff --git a/src/src/assets/xfwm4/assets-xhdpi/title-2-inactive.png b/src/src/assets/xfwm4/assets-xhdpi/title-2-inactive.png new file mode 100644 index 00000000..9d2fa118 Binary files /dev/null and b/src/src/assets/xfwm4/assets-xhdpi/title-2-inactive.png differ diff --git a/src/src/assets/xfwm4/assets-xhdpi/title-3-active.png b/src/src/assets/xfwm4/assets-xhdpi/title-3-active.png new file mode 100644 index 00000000..b165dbcb Binary files /dev/null and b/src/src/assets/xfwm4/assets-xhdpi/title-3-active.png differ diff --git a/src/src/assets/xfwm4/assets-xhdpi/title-3-inactive.png b/src/src/assets/xfwm4/assets-xhdpi/title-3-inactive.png new file mode 100644 index 00000000..9d2fa118 Binary files /dev/null and b/src/src/assets/xfwm4/assets-xhdpi/title-3-inactive.png differ diff --git a/src/src/assets/xfwm4/assets-xhdpi/title-4-active.png b/src/src/assets/xfwm4/assets-xhdpi/title-4-active.png new file mode 100644 index 00000000..b165dbcb Binary files /dev/null and b/src/src/assets/xfwm4/assets-xhdpi/title-4-active.png differ diff --git a/src/src/assets/xfwm4/assets-xhdpi/title-4-inactive.png b/src/src/assets/xfwm4/assets-xhdpi/title-4-inactive.png new file mode 100644 index 00000000..9d2fa118 Binary files /dev/null and b/src/src/assets/xfwm4/assets-xhdpi/title-4-inactive.png differ diff --git a/src/src/assets/xfwm4/assets-xhdpi/title-5-active.png b/src/src/assets/xfwm4/assets-xhdpi/title-5-active.png new file mode 100644 index 00000000..b165dbcb Binary files /dev/null and b/src/src/assets/xfwm4/assets-xhdpi/title-5-active.png differ diff --git a/src/src/assets/xfwm4/assets-xhdpi/title-5-inactive.png b/src/src/assets/xfwm4/assets-xhdpi/title-5-inactive.png new file mode 100644 index 00000000..9d2fa118 Binary files /dev/null and b/src/src/assets/xfwm4/assets-xhdpi/title-5-inactive.png differ diff --git a/src/src/assets/xfwm4/assets-xhdpi/top-left-active.png b/src/src/assets/xfwm4/assets-xhdpi/top-left-active.png new file mode 100644 index 00000000..616a5411 Binary files /dev/null and b/src/src/assets/xfwm4/assets-xhdpi/top-left-active.png differ diff --git a/src/src/assets/xfwm4/assets-xhdpi/top-left-inactive.png b/src/src/assets/xfwm4/assets-xhdpi/top-left-inactive.png new file mode 100644 index 00000000..18f9c4c0 Binary files /dev/null and b/src/src/assets/xfwm4/assets-xhdpi/top-left-inactive.png differ diff --git a/src/src/assets/xfwm4/assets-xhdpi/top-right-active.png b/src/src/assets/xfwm4/assets-xhdpi/top-right-active.png new file mode 100644 index 00000000..8ff3797d Binary files /dev/null and b/src/src/assets/xfwm4/assets-xhdpi/top-right-active.png differ diff --git a/src/src/assets/xfwm4/assets-xhdpi/top-right-inactive.png b/src/src/assets/xfwm4/assets-xhdpi/top-right-inactive.png new file mode 100644 index 00000000..0128cd12 Binary files /dev/null and b/src/src/assets/xfwm4/assets-xhdpi/top-right-inactive.png differ diff --git a/src/src/assets/xfwm4/assets.svg b/src/src/assets/xfwm4/assets.svg new file mode 100644 index 00000000..7bf5e57e --- /dev/null +++ b/src/src/assets/xfwm4/assets.svg @@ -0,0 +1,1367 @@ + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/src/assets/xfwm4/assets.txt b/src/src/assets/xfwm4/assets.txt new file mode 100644 index 00000000..4cb28960 --- /dev/null +++ b/src/src/assets/xfwm4/assets.txt @@ -0,0 +1,56 @@ +close-active +close-inactive +close-prelight +close-pressed +hide-active +hide-inactive +hide-prelight +hide-pressed +maximize-active +maximize-inactive +maximize-prelight +maximize-pressed +maximize-toggled-active +maximize-toggled-inactive +maximize-toggled-prelight +maximize-toggled-pressed +menu-active +menu-inactive +menu-prelight +menu-pressed +shade-active +shade-inactive +shade-prelight +shade-pressed +stick-active +stick-inactive +stick-prelight +stick-pressed +stick-toggled-active +stick-toggled-inactive +stick-toggled-prelight +stick-toggled-pressed +title-1-active +title-1-inactive +title-2-active +title-2-inactive +title-3-active +title-3-inactive +title-4-active +title-4-inactive +title-5-active +title-5-inactive +top-left-active +top-left-inactive +top-right-active +top-right-inactive +left-active +left-inactive +right-active +right-inactive +bottom-active +bottom-inactive +bottom-left-active +bottom-left-inactive +bottom-right-active +bottom-right-inactive diff --git a/src/src/assets/xfwm4/assets/bottom-active.png b/src/src/assets/xfwm4/assets/bottom-active.png new file mode 100644 index 00000000..4c041fe5 Binary files /dev/null and b/src/src/assets/xfwm4/assets/bottom-active.png differ diff --git a/src/src/assets/xfwm4/assets/bottom-inactive.png b/src/src/assets/xfwm4/assets/bottom-inactive.png new file mode 100644 index 00000000..64c2a3b3 Binary files /dev/null and b/src/src/assets/xfwm4/assets/bottom-inactive.png differ diff --git a/src/src/assets/xfwm4/assets/bottom-left-active.png b/src/src/assets/xfwm4/assets/bottom-left-active.png new file mode 100644 index 00000000..4882e6bd Binary files /dev/null and b/src/src/assets/xfwm4/assets/bottom-left-active.png differ diff --git a/src/src/assets/xfwm4/assets/bottom-left-inactive.png b/src/src/assets/xfwm4/assets/bottom-left-inactive.png new file mode 100644 index 00000000..bb0fcee4 Binary files /dev/null and b/src/src/assets/xfwm4/assets/bottom-left-inactive.png differ diff --git a/src/src/assets/xfwm4/assets/bottom-right-active.png b/src/src/assets/xfwm4/assets/bottom-right-active.png new file mode 100644 index 00000000..7be778aa Binary files /dev/null and b/src/src/assets/xfwm4/assets/bottom-right-active.png differ diff --git a/src/src/assets/xfwm4/assets/bottom-right-inactive.png b/src/src/assets/xfwm4/assets/bottom-right-inactive.png new file mode 100644 index 00000000..9e7ab603 Binary files /dev/null and b/src/src/assets/xfwm4/assets/bottom-right-inactive.png differ diff --git a/src/src/assets/xfwm4/assets/close-active.png b/src/src/assets/xfwm4/assets/close-active.png new file mode 100644 index 00000000..d38b1462 Binary files /dev/null and b/src/src/assets/xfwm4/assets/close-active.png differ diff --git a/src/src/assets/xfwm4/assets/close-inactive.png b/src/src/assets/xfwm4/assets/close-inactive.png new file mode 100644 index 00000000..3cd46985 Binary files /dev/null and b/src/src/assets/xfwm4/assets/close-inactive.png differ diff --git a/src/src/assets/xfwm4/assets/close-prelight.png b/src/src/assets/xfwm4/assets/close-prelight.png new file mode 100644 index 00000000..d990aa19 Binary files /dev/null and b/src/src/assets/xfwm4/assets/close-prelight.png differ diff --git a/src/src/assets/xfwm4/assets/close-pressed.png b/src/src/assets/xfwm4/assets/close-pressed.png new file mode 100644 index 00000000..3af5e766 Binary files /dev/null and b/src/src/assets/xfwm4/assets/close-pressed.png differ diff --git a/src/src/assets/xfwm4/assets/hide-active.png b/src/src/assets/xfwm4/assets/hide-active.png new file mode 100644 index 00000000..5b1abc7a Binary files /dev/null and b/src/src/assets/xfwm4/assets/hide-active.png differ diff --git a/src/src/assets/xfwm4/assets/hide-inactive.png b/src/src/assets/xfwm4/assets/hide-inactive.png new file mode 100644 index 00000000..3cd46985 Binary files /dev/null and b/src/src/assets/xfwm4/assets/hide-inactive.png differ diff --git a/src/src/assets/xfwm4/assets/hide-prelight.png b/src/src/assets/xfwm4/assets/hide-prelight.png new file mode 100644 index 00000000..329a164e Binary files /dev/null and b/src/src/assets/xfwm4/assets/hide-prelight.png differ diff --git a/src/src/assets/xfwm4/assets/hide-pressed.png b/src/src/assets/xfwm4/assets/hide-pressed.png new file mode 100644 index 00000000..b2bfbb34 Binary files /dev/null and b/src/src/assets/xfwm4/assets/hide-pressed.png differ diff --git a/src/src/assets/xfwm4/assets/left-active.png b/src/src/assets/xfwm4/assets/left-active.png new file mode 100644 index 00000000..da4a0e1e Binary files /dev/null and b/src/src/assets/xfwm4/assets/left-active.png differ diff --git a/src/src/assets/xfwm4/assets/left-inactive.png b/src/src/assets/xfwm4/assets/left-inactive.png new file mode 100644 index 00000000..26781a16 Binary files /dev/null and b/src/src/assets/xfwm4/assets/left-inactive.png differ diff --git a/src/src/assets/xfwm4/assets/maximize-active.png b/src/src/assets/xfwm4/assets/maximize-active.png new file mode 100644 index 00000000..d63f1ab8 Binary files /dev/null and b/src/src/assets/xfwm4/assets/maximize-active.png differ diff --git a/src/src/assets/xfwm4/assets/maximize-inactive.png b/src/src/assets/xfwm4/assets/maximize-inactive.png new file mode 100644 index 00000000..3cd46985 Binary files /dev/null and b/src/src/assets/xfwm4/assets/maximize-inactive.png differ diff --git a/src/src/assets/xfwm4/assets/maximize-prelight.png b/src/src/assets/xfwm4/assets/maximize-prelight.png new file mode 100644 index 00000000..370e3cb2 Binary files /dev/null and b/src/src/assets/xfwm4/assets/maximize-prelight.png differ diff --git a/src/src/assets/xfwm4/assets/maximize-pressed.png b/src/src/assets/xfwm4/assets/maximize-pressed.png new file mode 100644 index 00000000..9b845ba4 Binary files /dev/null and b/src/src/assets/xfwm4/assets/maximize-pressed.png differ diff --git a/src/src/assets/xfwm4/assets/maximize-toggled-active.png b/src/src/assets/xfwm4/assets/maximize-toggled-active.png new file mode 100644 index 00000000..d63f1ab8 Binary files /dev/null and b/src/src/assets/xfwm4/assets/maximize-toggled-active.png differ diff --git a/src/src/assets/xfwm4/assets/maximize-toggled-inactive.png b/src/src/assets/xfwm4/assets/maximize-toggled-inactive.png new file mode 100644 index 00000000..3cd46985 Binary files /dev/null and b/src/src/assets/xfwm4/assets/maximize-toggled-inactive.png differ diff --git a/src/src/assets/xfwm4/assets/maximize-toggled-prelight.png b/src/src/assets/xfwm4/assets/maximize-toggled-prelight.png new file mode 100644 index 00000000..191c3ea1 Binary files /dev/null and b/src/src/assets/xfwm4/assets/maximize-toggled-prelight.png differ diff --git a/src/src/assets/xfwm4/assets/maximize-toggled-pressed.png b/src/src/assets/xfwm4/assets/maximize-toggled-pressed.png new file mode 100644 index 00000000..ca3a4f6a Binary files /dev/null and b/src/src/assets/xfwm4/assets/maximize-toggled-pressed.png differ diff --git a/src/src/assets/xfwm4/assets/menu-active.png b/src/src/assets/xfwm4/assets/menu-active.png new file mode 100644 index 00000000..034e9d12 Binary files /dev/null and b/src/src/assets/xfwm4/assets/menu-active.png differ diff --git a/src/src/assets/xfwm4/assets/menu-inactive.png b/src/src/assets/xfwm4/assets/menu-inactive.png new file mode 100644 index 00000000..ae08e63b Binary files /dev/null and b/src/src/assets/xfwm4/assets/menu-inactive.png differ diff --git a/src/src/assets/xfwm4/assets/menu-prelight.png b/src/src/assets/xfwm4/assets/menu-prelight.png new file mode 100644 index 00000000..26a0cf39 Binary files /dev/null and b/src/src/assets/xfwm4/assets/menu-prelight.png differ diff --git a/src/src/assets/xfwm4/assets/menu-pressed.png b/src/src/assets/xfwm4/assets/menu-pressed.png new file mode 100644 index 00000000..14c395c4 Binary files /dev/null and b/src/src/assets/xfwm4/assets/menu-pressed.png differ diff --git a/src/src/assets/xfwm4/assets/right-active.png b/src/src/assets/xfwm4/assets/right-active.png new file mode 100644 index 00000000..6134fd30 Binary files /dev/null and b/src/src/assets/xfwm4/assets/right-active.png differ diff --git a/src/src/assets/xfwm4/assets/right-inactive.png b/src/src/assets/xfwm4/assets/right-inactive.png new file mode 100644 index 00000000..7c6a97c4 Binary files /dev/null and b/src/src/assets/xfwm4/assets/right-inactive.png differ diff --git a/src/src/assets/xfwm4/assets/shade-active.png b/src/src/assets/xfwm4/assets/shade-active.png new file mode 100644 index 00000000..70ae1da2 Binary files /dev/null and b/src/src/assets/xfwm4/assets/shade-active.png differ diff --git a/src/src/assets/xfwm4/assets/shade-inactive.png b/src/src/assets/xfwm4/assets/shade-inactive.png new file mode 100644 index 00000000..febde8fd Binary files /dev/null and b/src/src/assets/xfwm4/assets/shade-inactive.png differ diff --git a/src/src/assets/xfwm4/assets/shade-prelight.png b/src/src/assets/xfwm4/assets/shade-prelight.png new file mode 100644 index 00000000..1eb9d098 Binary files /dev/null and b/src/src/assets/xfwm4/assets/shade-prelight.png differ diff --git a/src/src/assets/xfwm4/assets/shade-pressed.png b/src/src/assets/xfwm4/assets/shade-pressed.png new file mode 100644 index 00000000..c0184b17 Binary files /dev/null and b/src/src/assets/xfwm4/assets/shade-pressed.png differ diff --git a/src/src/assets/xfwm4/assets/stick-active.png b/src/src/assets/xfwm4/assets/stick-active.png new file mode 100644 index 00000000..8a1f5c5f Binary files /dev/null and b/src/src/assets/xfwm4/assets/stick-active.png differ diff --git a/src/src/assets/xfwm4/assets/stick-inactive.png b/src/src/assets/xfwm4/assets/stick-inactive.png new file mode 100644 index 00000000..7a341de8 Binary files /dev/null and b/src/src/assets/xfwm4/assets/stick-inactive.png differ diff --git a/src/src/assets/xfwm4/assets/stick-prelight.png b/src/src/assets/xfwm4/assets/stick-prelight.png new file mode 100644 index 00000000..e931e3bd Binary files /dev/null and b/src/src/assets/xfwm4/assets/stick-prelight.png differ diff --git a/src/src/assets/xfwm4/assets/stick-pressed.png b/src/src/assets/xfwm4/assets/stick-pressed.png new file mode 100644 index 00000000..b337a5b0 Binary files /dev/null and b/src/src/assets/xfwm4/assets/stick-pressed.png differ diff --git a/src/src/assets/xfwm4/assets/stick-toggled-active.png b/src/src/assets/xfwm4/assets/stick-toggled-active.png new file mode 100644 index 00000000..bc17cbc3 Binary files /dev/null and b/src/src/assets/xfwm4/assets/stick-toggled-active.png differ diff --git a/src/src/assets/xfwm4/assets/stick-toggled-inactive.png b/src/src/assets/xfwm4/assets/stick-toggled-inactive.png new file mode 100644 index 00000000..17d94254 Binary files /dev/null and b/src/src/assets/xfwm4/assets/stick-toggled-inactive.png differ diff --git a/src/src/assets/xfwm4/assets/stick-toggled-prelight.png b/src/src/assets/xfwm4/assets/stick-toggled-prelight.png new file mode 100644 index 00000000..b8180a45 Binary files /dev/null and b/src/src/assets/xfwm4/assets/stick-toggled-prelight.png differ diff --git a/src/src/assets/xfwm4/assets/stick-toggled-pressed.png b/src/src/assets/xfwm4/assets/stick-toggled-pressed.png new file mode 100644 index 00000000..2501be0d Binary files /dev/null and b/src/src/assets/xfwm4/assets/stick-toggled-pressed.png differ diff --git a/src/src/assets/xfwm4/assets/title-1-active.png b/src/src/assets/xfwm4/assets/title-1-active.png new file mode 100644 index 00000000..3afb0c71 Binary files /dev/null and b/src/src/assets/xfwm4/assets/title-1-active.png differ diff --git a/src/src/assets/xfwm4/assets/title-1-inactive.png b/src/src/assets/xfwm4/assets/title-1-inactive.png new file mode 100644 index 00000000..00298ea4 Binary files /dev/null and b/src/src/assets/xfwm4/assets/title-1-inactive.png differ diff --git a/src/src/assets/xfwm4/assets/title-2-active.png b/src/src/assets/xfwm4/assets/title-2-active.png new file mode 100644 index 00000000..3afb0c71 Binary files /dev/null and b/src/src/assets/xfwm4/assets/title-2-active.png differ diff --git a/src/src/assets/xfwm4/assets/title-2-inactive.png b/src/src/assets/xfwm4/assets/title-2-inactive.png new file mode 100644 index 00000000..00298ea4 Binary files /dev/null and b/src/src/assets/xfwm4/assets/title-2-inactive.png differ diff --git a/src/src/assets/xfwm4/assets/title-3-active.png b/src/src/assets/xfwm4/assets/title-3-active.png new file mode 100644 index 00000000..3afb0c71 Binary files /dev/null and b/src/src/assets/xfwm4/assets/title-3-active.png differ diff --git a/src/src/assets/xfwm4/assets/title-3-inactive.png b/src/src/assets/xfwm4/assets/title-3-inactive.png new file mode 100644 index 00000000..00298ea4 Binary files /dev/null and b/src/src/assets/xfwm4/assets/title-3-inactive.png differ diff --git a/src/src/assets/xfwm4/assets/title-4-active.png b/src/src/assets/xfwm4/assets/title-4-active.png new file mode 100644 index 00000000..3afb0c71 Binary files /dev/null and b/src/src/assets/xfwm4/assets/title-4-active.png differ diff --git a/src/src/assets/xfwm4/assets/title-4-inactive.png b/src/src/assets/xfwm4/assets/title-4-inactive.png new file mode 100644 index 00000000..00298ea4 Binary files /dev/null and b/src/src/assets/xfwm4/assets/title-4-inactive.png differ diff --git a/src/src/assets/xfwm4/assets/title-5-active.png b/src/src/assets/xfwm4/assets/title-5-active.png new file mode 100644 index 00000000..3afb0c71 Binary files /dev/null and b/src/src/assets/xfwm4/assets/title-5-active.png differ diff --git a/src/src/assets/xfwm4/assets/title-5-inactive.png b/src/src/assets/xfwm4/assets/title-5-inactive.png new file mode 100644 index 00000000..00298ea4 Binary files /dev/null and b/src/src/assets/xfwm4/assets/title-5-inactive.png differ diff --git a/src/src/assets/xfwm4/assets/top-left-active.png b/src/src/assets/xfwm4/assets/top-left-active.png new file mode 100644 index 00000000..d97bcef2 Binary files /dev/null and b/src/src/assets/xfwm4/assets/top-left-active.png differ diff --git a/src/src/assets/xfwm4/assets/top-left-inactive.png b/src/src/assets/xfwm4/assets/top-left-inactive.png new file mode 100644 index 00000000..69b91434 Binary files /dev/null and b/src/src/assets/xfwm4/assets/top-left-inactive.png differ diff --git a/src/src/assets/xfwm4/assets/top-right-active.png b/src/src/assets/xfwm4/assets/top-right-active.png new file mode 100644 index 00000000..f5b07d13 Binary files /dev/null and b/src/src/assets/xfwm4/assets/top-right-active.png differ diff --git a/src/src/assets/xfwm4/assets/top-right-inactive.png b/src/src/assets/xfwm4/assets/top-right-inactive.png new file mode 100644 index 00000000..8b76f324 Binary files /dev/null and b/src/src/assets/xfwm4/assets/top-right-inactive.png differ diff --git a/src/src/assets/xfwm4/render-assets.sh b/src/src/assets/xfwm4/render-assets.sh new file mode 100755 index 00000000..ecac674e --- /dev/null +++ b/src/src/assets/xfwm4/render-assets.sh @@ -0,0 +1,172 @@ +#! /bin/bash + +INKSCAPE="/usr/bin/inkscape" +OPTIPNG="/usr/bin/optipng" + +ASSETS_DIR="assets" +HD_ASSETS_DIR="assets-hdpi" +XHD_ASSETS_DIR="assets-xhdpi" +SRC_FILE="assets.svg" + +LIGHT_ASSETS_DIR="assets-light" +LIGHT_HD_ASSETS_DIR="assets-light-hdpi" +LIGHT_XHD_ASSETS_DIR="assets-light-xhdpi" +LIGHT_SRC_FILE="assets-light.svg" + +NORD_ASSETS_DIR="assets-nord" +NORD_HD_ASSETS_DIR="assets-nord-hdpi" +NORD_XHD_ASSETS_DIR="assets-nord-xhdpi" +NORD_SRC_FILE="assets-nord.svg" + +NORD_LIGHT_ASSETS_DIR="assets-light-nord" +NORD_LIGHT_HD_ASSETS_DIR="assets-light-nord-hdpi" +NORD_LIGHT_XHD_ASSETS_DIR="assets-light-nord-xhdpi" +NORD_LIGHT_SRC_FILE="assets-light-nord.svg" + +INDEX="assets.txt" + +for i in `cat $INDEX` +do + +# Normal + +if [ -f $ASSETS_DIR/$i.png ]; then + echo $ASSETS_DIR/$i.png exists. +else + echo + echo Rendering $ASSETS_DIR/$i.png + $INKSCAPE --export-id=$i \ + --export-id-only \ + --export-filename=$ASSETS_DIR/$i.png $SRC_FILE >/dev/null \ + && $OPTIPNG -o7 --quiet $ASSETS_DIR/$i.png +fi +if [ -f $LIGHT_ASSETS_DIR/$i.png ]; then + echo $LIGHT_ASSETS_DIR/$i.png exists. +else + echo + echo Rendering $LIGHT_ASSETS_DIR/$i.png + $INKSCAPE --export-id=$i \ + --export-id-only \ + --export-filename=$LIGHT_ASSETS_DIR/$i.png $LIGHT_SRC_FILE >/dev/null \ + && $OPTIPNG -o7 --quiet $LIGHT_ASSETS_DIR/$i.png +fi + +if [ -f $NORD_ASSETS_DIR/$i.png ]; then + echo $NORD_ASSETS_DIR/$i.png exists. +else + echo + echo Rendering $NORD_ASSETS_DIR/$i.png + $INKSCAPE --export-id=$i \ + --export-id-only \ + --export-filename=$NORD_ASSETS_DIR/$i.png $NORD_SRC_FILE >/dev/null \ + && $OPTIPNG -o7 --quiet $NORD_ASSETS_DIR/$i.png +fi +if [ -f $NORD_LIGHT_ASSETS_DIR/$i.png ]; then + echo $NORD_LIGHT_ASSETS_DIR/$i.png exists. +else + echo + echo Rendering $NORD_LIGHT_ASSETS_DIR/$i.png + $INKSCAPE --export-id=$i \ + --export-id-only \ + --export-filename=$NORD_LIGHT_ASSETS_DIR/$i.png $NORD_LIGHT_SRC_FILE >/dev/null \ + && $OPTIPNG -o7 --quiet $NORD_LIGHT_ASSETS_DIR/$i.png +fi + +# HDPI + +if [ -f $HD_ASSETS_DIR/$i.png ]; then + echo $HD_ASSETS_DIR/$i.png exists. +else + echo + echo Rendering $HD_ASSETS_DIR/$i.png + $INKSCAPE --export-id=$i \ + --export-id-only \ + --export-dpi=144 \ + --export-filename=$HD_ASSETS_DIR/$i.png $SRC_FILE >/dev/null \ + && $OPTIPNG -o7 --quiet $HD_ASSETS_DIR/$i.png +fi +if [ -f $LIGHT_HD_ASSETS_DIR/$i.png ]; then + echo $LIGHT_HD_ASSETS_DIR/$i.png exists. +else + echo + echo Rendering $LIGHT_HD_ASSETS_DIR/$i.png + $INKSCAPE --export-id=$i \ + --export-id-only \ + --export-dpi=144 \ + --export-filename=$LIGHT_HD_ASSETS_DIR/$i.png $LIGHT_SRC_FILE >/dev/null \ + && $OPTIPNG -o7 --quiet $LIGHT_HD_ASSETS_DIR/$i.png +fi + +if [ -f $NORD_HD_ASSETS_DIR/$i.png ]; then + echo $NORD_HD_ASSETS_DIR/$i.png exists. +else + echo + echo Rendering $NORD_HD_ASSETS_DIR/$i.png + $INKSCAPE --export-id=$i \ + --export-id-only \ + --export-dpi=144 \ + --export-filename=$NORD_HD_ASSETS_DIR/$i.png $NORD_SRC_FILE >/dev/null \ + && $OPTIPNG -o7 --quiet $NORD_HD_ASSETS_DIR/$i.png +fi +if [ -f $NORD_LIGHT_HD_ASSETS_DIR/$i.png ]; then + echo $NORD_LIGHT_HD_ASSETS_DIR/$i.png exists. +else + echo + echo Rendering $NORD_LIGHT_HD_ASSETS_DIR/$i.png + $INKSCAPE --export-id=$i \ + --export-id-only \ + --export-dpi=144 \ + --export-filename=$NORD_LIGHT_HD_ASSETS_DIR/$i.png $NORD_LIGHT_SRC_FILE >/dev/null \ + && $OPTIPNG -o7 --quiet $NORD_LIGHT_HD_ASSETS_DIR/$i.png +fi + +# XHDPI + +if [ -f $XHD_ASSETS_DIR/$i.png ]; then + echo $XHD_ASSETS_DIR/$i.png exists. +else + echo + echo Rendering $XHD_ASSETS_DIR/$i.png + $INKSCAPE --export-id=$i \ + --export-id-only \ + --export-dpi=192 \ + --export-filename=$XHD_ASSETS_DIR/$i.png $SRC_FILE >/dev/null \ + && $OPTIPNG -o7 --quiet $XHD_ASSETS_DIR/$i.png +fi +if [ -f $LIGHT_XHD_ASSETS_DIR/$i.png ]; then + echo $LIGHT_XHD_ASSETS_DIR/$i.png exists. +else + echo + echo Rendering $LIGHT_XHD_ASSETS_DIR/$i.png + $INKSCAPE --export-id=$i \ + --export-id-only \ + --export-dpi=192 \ + --export-filename=$LIGHT_XHD_ASSETS_DIR/$i.png $LIGHT_SRC_FILE >/dev/null \ + && $OPTIPNG -o7 --quiet $LIGHT_XHD_ASSETS_DIR/$i.png +fi + +if [ -f $NORD_XHD_ASSETS_DIR/$i.png ]; then + echo $NORD_XHD_ASSETS_DIR/$i.png exists. +else + echo + echo Rendering $NORD_XHD_ASSETS_DIR/$i.png + $INKSCAPE --export-id=$i \ + --export-id-only \ + --export-dpi=192 \ + --export-filename=$NORD_XHD_ASSETS_DIR/$i.png $NORD_SRC_FILE >/dev/null \ + && $OPTIPNG -o7 --quiet $NORD_XHD_ASSETS_DIR/$i.png +fi +if [ -f $NORD_LIGHT_XHD_ASSETS_DIR/$i.png ]; then + echo $NORD_LIGHT_XHD_ASSETS_DIR/$i.png exists. +else + echo + echo Rendering $NORD_LIGHT_XHD_ASSETS_DIR/$i.png + $INKSCAPE --export-id=$i \ + --export-id-only \ + --export-dpi=192 \ + --export-filename=$NORD_LIGHT_XHD_ASSETS_DIR/$i.png $NORD_LIGHT_SRC_FILE >/dev/null \ + && $OPTIPNG -o7 --quiet $NORD_LIGHT_XHD_ASSETS_DIR/$i.png +fi + +done +exit 0 diff --git a/src/src/main/cinnamon/cinnamon-dark.css b/src/src/main/cinnamon/cinnamon-dark.css new file mode 100644 index 00000000..b5c9948b --- /dev/null +++ b/src/src/main/cinnamon/cinnamon-dark.css @@ -0,0 +1,2172 @@ +stage { + font-size: 9pt; + color: white; +} + +.label-shadow { + color: rgba(0, 0, 0, 0); +} + +.sound-button { + min-height: 24px; + padding: 5px 32px; + transition-duration: 100ms; + border-radius: 6px; + color: rgba(255, 255, 255, 0.7); + background-color: rgba(255, 255, 255, 0.04); +} + +.sound-button:focus { + color: white; + background-color: rgba(255, 255, 255, 0.12); + border-radius: 6px; +} + +.sound-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.12); + border-radius: 6px; +} + +.sound-button:hover:focus { + color: white; + background-color: rgba(255, 255, 255, 0.3); + border-radius: 6px; +} + +.sound-button:active { + color: white; + background-color: rgba(255, 255, 255, 0.3); + border-radius: 6px; +} + +.sound-button:insensitive { + color: rgba(255, 255, 255, 0.5); + background-color: rgba(255, 255, 255, 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 { + border-radius: 6px; + color: rgba(255, 255, 255, 0.7); + background-color: transparent; +} + +.notification-button:hover, .notification-icon-button:hover, #notification .notification-button:hover, #notification .notification-icon-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.12); + border-radius: 6px; +} + +.notification-button:active, .notification-icon-button:active, #notification .notification-button:active, #notification .notification-icon-button:active { + color: white; + background-color: rgba(255, 255, 255, 0.3); + border-radius: 6px; +} + +.notification-button:insensitive, .notification-icon-button:insensitive, #notification .notification-button:insensitive, #notification .notification-icon-button:insensitive { + color: rgba(255, 255, 255, 0.3); + 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: white; + background-color: rgba(255, 255, 255, 0.12); +} + +.modal-dialog-button-box .modal-dialog-button:focus { + color: #5b9bf8; +} + +.modal-dialog-button-box .modal-dialog-button:active { + color: white; + 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: #5b9bf8; + selected-color: white; + transition-duration: 300ms; + border-radius: 6px; + color: white; + border: 2px solid transparent; + background-color: rgba(255, 255, 255, 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: white; + background-color: rgba(255, 255, 255, 0.04); + border: 2px solid #5b9bf8; +} + +#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(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.5); +} + +#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: #FDD633; + 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(44, 44, 44, 0.1); + border-radius: 9999px; +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 9999px; + background-color: gray; + border: 0px solid; + margin: 0px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #6b6b6b; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #5b9bf8; +} + +.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(255, 255, 255, 0.12); + -slider-border-color: transparent; + -slider-active-background-color: #5b9bf8; + -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-dark.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-dark.svg"); +} + +.toggle-switch { + width: 40px; + height: 20px; + background-size: contain; + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch:checked { + background-image: url("assets/toggle-on-dark.svg"); +} + +.popup-menu-item:active .toggle-switch { + background-image: url("assets/toggle-off.svg"); +} + +.popup-menu-item:active .toggle-switch:checked { + background-image: url("assets/toggle-on-dark.svg"); +} + +.cinnamon-link { + color: #2196F3; + text-decoration: underline; +} + +.cinnamon-link:hover { + color: #51adf6; +} + +#Tooltip { + border-radius: 9999px; + padding: 6px 12px; + background-color: rgba(25, 25, 25, 0.9); + color: white; + 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: white; + background-color: #2C2C2C; + 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: #414141; + color: rgba(255, 255, 255, 0.7); +} + +.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(255, 255, 255, 0.12); + color: white; +} + +.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: #2C2C2C; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1); + border: 1px solid rgba(0, 0, 0, 0.75); +} + +.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: white; + background-color: rgba(255, 255, 255, 0.12); +} + +.menu .popup-menu-item:insensitive, +.popup-menu .popup-menu-item:insensitive, +.popup-combo-menu .popup-menu-item:insensitive { + color: rgba(255, 255, 255, 0.5); + background: none; +} + +.menu .popup-inactive-menu-item, +.popup-menu .popup-inactive-menu-item, +.popup-combo-menu .popup-inactive-menu-item { + color: rgba(255, 255, 255, 0.5); +} + +.menu .popup-inactive-menu-item:insensitive, +.popup-menu .popup-inactive-menu-item:insensitive, +.popup-combo-menu .popup-inactive-menu-item:insensitive { + color: rgba(255, 255, 255, 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(255, 255, 255, 0.5); +} + +.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(255, 255, 255, 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(242, 139, 130, 0.5); +} + +#panelLeft { + spacing: 4px; +} + +#panelLeft:dnd { + background-gradient-direction: vertical; + background-gradient-start: rgba(255, 0, 0, 0.05); + background-gradient-end: rgba(255, 0, 0, 0.2); +} + +#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(0, 0, 255, 0.05); + background-gradient-end: rgba(0, 0, 255, 0.2); +} + +#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(0, 255, 0, 0.05); + background-gradient-end: rgba(0, 255, 0, 0.2); +} + +.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: white; + background-color: rgba(255, 255, 255, 0.12); +} + +.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: white; + background-color: #5b9bf8; +} + +.panel-dummy { + background-color: rgba(242, 139, 130, 0.5); +} + +.panel-dummy:entered { + background-color: rgba(242, 139, 130, 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(25, 25, 25, 0.9); + border: 1px solid rgba(25, 25, 25, 0.9); + color: white; + spacing: 25px; + border-radius: 6px; + font-size: 9pt; + padding: 5px 8px; + -cinnamon-caption-spacing: 4px; +} + +.window-caption#selected { + background-color: #5b9bf8; + color: white; + border: 1px solid #5b9bf8; + 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: white; + 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 #5b9bf8; + background-color: #5b9bf8; + color: white; + font-style: italic; + transition-duration: 300; + selection-background-color: white; + selected-color: #5b9bf8; +} + +.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 #5b9bf8; + background-color: black; + border-radius: 6px; +} + +.expo-background { + background-color: #191919; +} + +.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(255, 255, 255, 0.12); + border-radius: 6px; + background-color: #2C2C2C; + 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; +} + +.calendar { + padding: .4em 1.75em; + spacing-rows: 0px; + spacing-columns: 0px; +} + +.calendar-month-label { + color: white; + 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(255, 255, 255, 0.1); +} + +.calendar-change-month-back:active, +.calendar-change-month-forward:active { + background-color: rgba(255, 255, 255, 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: white; + border-radius: 6px; +} + +.calendar-day-base { + text-align: center; + width: 28px; + height: 28px; + padding: 0; + margin: 2px; + border-radius: 9999px; +} + +.calendar-day-heading { + color: rgba(255, 255, 255, 0.7); + margin-top: 1em; +} + +.calendar-day { + border-width: 0; + color: rgba(255, 255, 255, 0.7); +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: white; + background-color: transparent; + font-weight: bold; +} + +.calendar-today, +.calendar-today:active, +.calendar-today:focus, +.calendar-today:hover { + font-weight: bold; + color: white; + background-color: #5b9bf8; + border-width: 0; +} + +.calendar-other-month-day { + color: rgba(255, 255, 255, 0.7); + opacity: 1; +} + +.calendar-week-number { + width: 20px; + height: 20px; + margin: 6px 0; + color: rgba(255, 255, 255, 0.3); + font-weight: bold; + background-color: rgba(255, 255, 255, 0.04); + border-radius: 9999px; +} + +.calendar-week-number StLabel { + padding: 0; + margin-top: 3px; +} + +#notification { + border-radius: 12px; + padding: 12px; + spacing-rows: 9px; + spacing-columns: 9px; + margin-from-right-edge-of-screen: 18px; + width: 28em; + color: white; + background-color: rgba(44, 44, 44, 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(255, 255, 255, 0.05); + box-shadow: none; + margin: 0; +} + +.menu #notification:hover, .popup-menu #notification:hover { + background-color: rgba(255, 255, 255, 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: white; +} + +.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: white; +} + +#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: white; +} + +.notification-button, .notification-icon-button { + padding: 6px; +} + +.notification-icon-button > StIcon { + icon-size: 36px; +} + +#altTabPopup { + padding: 8px; + spacing: 16px; +} + +.switcher-list { + color: white; + 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: white; + 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: white; +} + +.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: white; + 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: white; +} + +.run-dialog > * { + padding: 0; +} + +.run-dialog-label { + font-size: 0; + font-weight: bold; + color: white; + padding-bottom: 0; +} + +.run-dialog-error-label { + color: #F28B82; +} + +.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: white; + selected-color: white; + selection-background-color: #5b9bf8; + color: white; + background-color: rgba(255, 255, 255, 0.04); + border: 2px solid transparent; +} + +.run-dialog-entry:focus { + color: white; + 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: #FDD633; +} + +.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: white; + background-color: rgba(255, 255, 255, 0.12); +} + +.keyboard-key:active, .keyboard-key:checked { + color: white; + background-color: rgba(255, 255, 255, 0.3); +} + +.keyboard-key:grayed { + color: rgba(255, 255, 255, 0.3); + background-color: transparent; +} + +.keyboard-subkeys { + color: white; + 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: white; + 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: white; +} + +.menu StScrollView.menu-application-button .popup-menu-item { + padding: 0; + spacing: 0; + margin: 0 3px; + border-radius: 6px; + color: white; +} + +.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: white; +} + +.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: white; + 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: white; +} + +.menu-search-entry-icon { + icon-size: 1em; + color: white; +} + +.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(242, 139, 130, 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: #81C995; + background-gradient-end: #81C995; + border-radius: 6px; + box-shadow: none; +} + +.window-list-item-demands-attention { + background-gradient-start: #FDD633; + background-gradient-end: #FDD633; +} + +.window-list-preview { + padding: 12px; + spacing: 6px; + border: none; + background-color: #2C2C2C; + border-radius: 6px; + color: white; + 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(242, 139, 130, 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: white; + 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: #81C995; + background-gradient-end: #81C995; + border-radius: 6px; + box-shadow: none; +} + +.grouped-window-list-item-demands-attention { + background-gradient-start: #FDD633; + background-gradient-end: #FDD633; +} + +.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: white; +} + +.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: white; + text-shadow: none; +} + +.sound-player-overlay StButton { + width: 16px; + height: 16px; + padding: 8px; + margin: 0 6px 6px; + color: white; + 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.15); +} + +.applet-box:checked, .applet-box:checked:hover { + color: white; + background-color: #5b9bf8; +} + +.applet-box:highlight { + background-image: none; + border-image: none; + background-color: rgba(242, 139, 130, 0.5); +} + +.applet-label { + font-weight: bold; + color: rgba(255, 255, 255, 0.7); +} + +.applet-box:checked .applet-label { + color: white; + 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: white; + font-size: 1em; + font-weight: bold; + margin: 0px; +} + +.desklet { + color: white; +} + +.desklet:highlight { + background-color: rgba(242, 139, 130, 0.5); +} + +.desklet-with-borders { + color: white; + background-color: rgba(25, 25, 25, 0.9); + padding: 12px; + padding-bottom: 16px; +} + +.desklet-with-borders:highlight { + background-color: rgba(242, 139, 130, 0.5); +} + +.desklet-with-borders-and-header { + color: white; + 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(242, 139, 130, 0.5); +} + +.desklet-header { + color: white; + 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: white; + 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/src/main/cinnamon/cinnamon-dark.scss b/src/src/main/cinnamon/cinnamon-dark.scss new file mode 100644 index 00000000..6b735e3d --- /dev/null +++ b/src/src/main/cinnamon/cinnamon-dark.scss @@ -0,0 +1,9 @@ +$variant: 'dark'; +$topbar: 'dark'; +$compact: 'false'; +$theme: 'default'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/cinnamon/drawing'; +@import '../../sass/cinnamon/common'; diff --git a/src/src/main/cinnamon/cinnamon-light.css b/src/src/main/cinnamon/cinnamon-light.css new file mode 100644 index 00000000..9b503f82 --- /dev/null +++ b/src/src/main/cinnamon/cinnamon-light.css @@ -0,0 +1,2171 @@ +stage { + font-size: 9pt; + 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 { + 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 { + 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 { + 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 { + 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: white; + 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: white; + 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: white; + 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: #F4B400; + 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; + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.popup-menu-item:active .toggle-switch { + background-image: url("assets/toggle-off.svg"); +} + +.popup-menu-item:active .toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.cinnamon-link { + color: #2196F3; + text-decoration: underline; +} + +.cinnamon-link:hover { + color: #51adf6; +} + +#Tooltip { + border-radius: 9999px; + padding: 6px 12px; + background-color: rgba(52, 52, 52, 0.9); + color: white; + 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(217, 48, 37, 0.5); +} + +#panelLeft { + spacing: 4px; +} + +#panelLeft:dnd { + background-gradient-direction: vertical; + background-gradient-start: rgba(255, 0, 0, 0.05); + background-gradient-end: rgba(255, 0, 0, 0.2); +} + +#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(0, 0, 255, 0.05); + background-gradient-end: rgba(0, 0, 255, 0.2); +} + +#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(0, 255, 0, 0.05); + background-gradient-end: rgba(0, 255, 0, 0.2); +} + +.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.12); +} + +.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: white; + background-color: #3c84f7; +} + +.panel-dummy { + background-color: rgba(217, 48, 37, 0.5); +} + +.panel-dummy:entered { + background-color: rgba(217, 48, 37, 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: white; + spacing: 25px; + border-radius: 6px; + font-size: 9pt; + padding: 5px 8px; + -cinnamon-caption-spacing: 4px; +} + +.window-caption#selected { + background-color: #3c84f7; + color: white; + 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: white; + 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: white; + font-style: italic; + transition-duration: 300; + selection-background-color: white; + 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; +} + +.calendar { + padding: .4em 1.75em; + spacing-rows: 0px; + spacing-columns: 0px; +} + +.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-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: white; + 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; +} + +#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: white; + 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: white; +} + +.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: white; + 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: white; +} + +.run-dialog > * { + padding: 0; +} + +.run-dialog-label { + font-size: 0; + font-weight: bold; + color: white; + padding-bottom: 0; +} + +.run-dialog-error-label { + color: #D93025; +} + +.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: white; + selected-color: white; + selection-background-color: #3c84f7; + color: white; + background-color: rgba(255, 255, 255, 0.04); + border: 2px solid transparent; +} + +.run-dialog-entry:focus { + color: white; + 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: #F4B400; +} + +.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: white; + background-color: rgba(255, 255, 255, 0.12); +} + +.keyboard-key:active, .keyboard-key:checked { + color: white; + background-color: rgba(255, 255, 255, 0.3); +} + +.keyboard-key:grayed { + color: rgba(255, 255, 255, 0.3); + background-color: transparent; +} + +.keyboard-subkeys { + color: white; + 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(217, 48, 37, 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: #0F9D58; + background-gradient-end: #0F9D58; + border-radius: 6px; + box-shadow: none; +} + +.window-list-item-demands-attention { + background-gradient-start: #F4B400; + background-gradient-end: #F4B400; +} + +.window-list-preview { + padding: 12px; + 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(217, 48, 37, 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: white; + 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: #0F9D58; + background-gradient-end: #0F9D58; + border-radius: 6px; + box-shadow: none; +} + +.grouped-window-list-item-demands-attention { + background-gradient-start: #F4B400; + background-gradient-end: #F4B400; +} + +.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: white; + text-shadow: none; +} + +.sound-player-overlay StButton { + width: 16px; + height: 16px; + padding: 8px; + margin: 0 6px 6px; + color: white; + 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.15); +} + +.applet-box:checked, .applet-box:checked:hover { + color: white; + background-color: #3c84f7; +} + +.applet-box:highlight { + background-image: none; + border-image: none; + background-color: rgba(217, 48, 37, 0.5); +} + +.applet-label { + font-weight: bold; + color: rgba(0, 0, 0, 0.6); +} + +.applet-box:checked .applet-label { + color: white; + 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: white; +} + +.desklet:highlight { + background-color: rgba(217, 48, 37, 0.5); +} + +.desklet-with-borders { + color: white; + background-color: rgba(52, 52, 52, 0.9); + padding: 12px; + padding-bottom: 16px; +} + +.desklet-with-borders:highlight { + background-color: rgba(217, 48, 37, 0.5); +} + +.desklet-with-borders-and-header { + color: white; + 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(217, 48, 37, 0.5); +} + +.desklet-header { + color: white; + 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: white; + 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/src/main/cinnamon/cinnamon-light.scss b/src/src/main/cinnamon/cinnamon-light.scss new file mode 100644 index 00000000..6bd3baeb --- /dev/null +++ b/src/src/main/cinnamon/cinnamon-light.scss @@ -0,0 +1,9 @@ +$variant: 'light'; +$topbar: 'light'; +$compact: 'false'; +$theme: 'default'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/cinnamon/drawing'; +@import '../../sass/cinnamon/common'; diff --git a/src/src/main/cinnamon/cinnamon.css b/src/src/main/cinnamon/cinnamon.css new file mode 100644 index 00000000..0102b3ba --- /dev/null +++ b/src/src/main/cinnamon/cinnamon.css @@ -0,0 +1,2171 @@ +stage { + font-size: 9pt; + 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 { + 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 { + 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 { + 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 { + 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: white; + 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: white; + 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: white; + 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: #F4B400; + 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; + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.popup-menu-item:active .toggle-switch { + background-image: url("assets/toggle-off.svg"); +} + +.popup-menu-item:active .toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.cinnamon-link { + color: #2196F3; + text-decoration: underline; +} + +.cinnamon-link:hover { + color: #51adf6; +} + +#Tooltip { + border-radius: 9999px; + padding: 6px 12px; + background-color: rgba(52, 52, 52, 0.9); + color: white; + 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(217, 48, 37, 0.5); +} + +#panelLeft { + spacing: 4px; +} + +#panelLeft:dnd { + background-gradient-direction: vertical; + background-gradient-start: rgba(255, 0, 0, 0.05); + background-gradient-end: rgba(255, 0, 0, 0.2); +} + +#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(0, 0, 255, 0.05); + background-gradient-end: rgba(0, 0, 255, 0.2); +} + +#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(0, 255, 0, 0.05); + background-gradient-end: rgba(0, 255, 0, 0.2); +} + +.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.12); +} + +.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: white; + background-color: #3c84f7; +} + +.panel-dummy { + background-color: rgba(217, 48, 37, 0.5); +} + +.panel-dummy:entered { + background-color: rgba(217, 48, 37, 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: white; + spacing: 25px; + border-radius: 6px; + font-size: 9pt; + padding: 5px 8px; + -cinnamon-caption-spacing: 4px; +} + +.window-caption#selected { + background-color: #3c84f7; + color: white; + 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: white; + 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: white; + font-style: italic; + transition-duration: 300; + selection-background-color: white; + 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; +} + +.calendar { + padding: .4em 1.75em; + spacing-rows: 0px; + spacing-columns: 0px; +} + +.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-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: white; + 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; +} + +#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: white; + 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: white; +} + +.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: white; + 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: white; +} + +.run-dialog > * { + padding: 0; +} + +.run-dialog-label { + font-size: 0; + font-weight: bold; + color: white; + padding-bottom: 0; +} + +.run-dialog-error-label { + color: #D93025; +} + +.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: white; + selected-color: white; + selection-background-color: #3c84f7; + color: white; + background-color: rgba(255, 255, 255, 0.04); + border: 2px solid transparent; +} + +.run-dialog-entry:focus { + color: white; + 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: #F4B400; +} + +.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: white; + background-color: rgba(255, 255, 255, 0.12); +} + +.keyboard-key:active, .keyboard-key:checked { + color: white; + background-color: rgba(255, 255, 255, 0.3); +} + +.keyboard-key:grayed { + color: rgba(255, 255, 255, 0.3); + background-color: transparent; +} + +.keyboard-subkeys { + color: white; + 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(217, 48, 37, 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: #0F9D58; + background-gradient-end: #0F9D58; + border-radius: 6px; + box-shadow: none; +} + +.window-list-item-demands-attention { + background-gradient-start: #F4B400; + background-gradient-end: #F4B400; +} + +.window-list-preview { + padding: 12px; + 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(217, 48, 37, 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: white; + 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: #0F9D58; + background-gradient-end: #0F9D58; + border-radius: 6px; + box-shadow: none; +} + +.grouped-window-list-item-demands-attention { + background-gradient-start: #F4B400; + background-gradient-end: #F4B400; +} + +.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: white; + text-shadow: none; +} + +.sound-player-overlay StButton { + width: 16px; + height: 16px; + padding: 8px; + margin: 0 6px 6px; + color: white; + 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(255, 255, 255, 0.15); +} + +.applet-box:checked, .applet-box:checked:hover { + color: white; + background-color: #3c84f7; +} + +.applet-box:highlight { + background-image: none; + border-image: none; + background-color: rgba(217, 48, 37, 0.5); +} + +.applet-label { + font-weight: bold; + color: rgba(255, 255, 255, 0.7); +} + +.applet-box:checked .applet-label { + color: white; + 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: white; +} + +.desklet:highlight { + background-color: rgba(217, 48, 37, 0.5); +} + +.desklet-with-borders { + color: white; + background-color: rgba(52, 52, 52, 0.9); + padding: 12px; + padding-bottom: 16px; +} + +.desklet-with-borders:highlight { + background-color: rgba(217, 48, 37, 0.5); +} + +.desklet-with-borders-and-header { + color: white; + 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(217, 48, 37, 0.5); +} + +.desklet-header { + color: white; + 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: white; + 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/src/main/cinnamon/cinnamon.scss b/src/src/main/cinnamon/cinnamon.scss new file mode 100644 index 00000000..7c4f7972 --- /dev/null +++ b/src/src/main/cinnamon/cinnamon.scss @@ -0,0 +1,9 @@ +$variant: 'light'; +$topbar: 'dark'; +$compact: 'false'; +$theme: 'default'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/cinnamon/drawing'; +@import '../../sass/cinnamon/common'; diff --git a/src/src/main/gnome-shell/assets-dark/calendar-arrow-left.svg b/src/src/main/gnome-shell/assets-dark/calendar-arrow-left.svg new file mode 100644 index 00000000..ec8b4783 --- /dev/null +++ b/src/src/main/gnome-shell/assets-dark/calendar-arrow-left.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/src/main/gnome-shell/assets-dark/calendar-arrow-right.svg b/src/src/main/gnome-shell/assets-dark/calendar-arrow-right.svg new file mode 100644 index 00000000..6fc5556f --- /dev/null +++ b/src/src/main/gnome-shell/assets-dark/calendar-arrow-right.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/src/main/gnome-shell/assets-dark/calendar-today.svg b/src/src/main/gnome-shell/assets-dark/calendar-today.svg new file mode 100644 index 00000000..5e77084c --- /dev/null +++ b/src/src/main/gnome-shell/assets-dark/calendar-today.svg @@ -0,0 +1,178 @@ + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + diff --git a/src/src/main/gnome-shell/assets-dark/checkbox-off.svg b/src/src/main/gnome-shell/assets-dark/checkbox-off.svg new file mode 100644 index 00000000..0c5e5a0a --- /dev/null +++ b/src/src/main/gnome-shell/assets-dark/checkbox-off.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/src/main/gnome-shell/assets-dark/no-events.svg b/src/src/main/gnome-shell/assets-dark/no-events.svg new file mode 100644 index 00000000..c877cec8 --- /dev/null +++ b/src/src/main/gnome-shell/assets-dark/no-events.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/src/main/gnome-shell/assets-dark/no-notifications.svg b/src/src/main/gnome-shell/assets-dark/no-notifications.svg new file mode 100644 index 00000000..ae09f92c --- /dev/null +++ b/src/src/main/gnome-shell/assets-dark/no-notifications.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/src/main/gnome-shell/assets-dark/toggle-off.svg b/src/src/main/gnome-shell/assets-dark/toggle-off.svg new file mode 100644 index 00000000..ec831ce8 --- /dev/null +++ b/src/src/main/gnome-shell/assets-dark/toggle-off.svg @@ -0,0 +1,4 @@ + + + + diff --git a/src/src/main/gnome-shell/assets/calendar-arrow-left.svg b/src/src/main/gnome-shell/assets/calendar-arrow-left.svg new file mode 100644 index 00000000..309e10b6 --- /dev/null +++ b/src/src/main/gnome-shell/assets/calendar-arrow-left.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/src/main/gnome-shell/assets/calendar-arrow-right.svg b/src/src/main/gnome-shell/assets/calendar-arrow-right.svg new file mode 100644 index 00000000..67d2c49e --- /dev/null +++ b/src/src/main/gnome-shell/assets/calendar-arrow-right.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/src/main/gnome-shell/assets/calendar-today.svg b/src/src/main/gnome-shell/assets/calendar-today.svg new file mode 100644 index 00000000..03405a4e --- /dev/null +++ b/src/src/main/gnome-shell/assets/calendar-today.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/src/src/main/gnome-shell/assets/checkbox-off.svg b/src/src/main/gnome-shell/assets/checkbox-off.svg new file mode 100644 index 00000000..14ff8d2d --- /dev/null +++ b/src/src/main/gnome-shell/assets/checkbox-off.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/src/main/gnome-shell/assets/no-events.svg b/src/src/main/gnome-shell/assets/no-events.svg new file mode 100644 index 00000000..67dc59fc --- /dev/null +++ b/src/src/main/gnome-shell/assets/no-events.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/src/main/gnome-shell/assets/no-notifications.svg b/src/src/main/gnome-shell/assets/no-notifications.svg new file mode 100644 index 00000000..8a936cfd --- /dev/null +++ b/src/src/main/gnome-shell/assets/no-notifications.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/src/main/gnome-shell/assets/toggle-off.svg b/src/src/main/gnome-shell/assets/toggle-off.svg new file mode 100644 index 00000000..fc7efcba --- /dev/null +++ b/src/src/main/gnome-shell/assets/toggle-off.svg @@ -0,0 +1,4 @@ + + + + diff --git a/src/src/main/gnome-shell/color-assets/checkbox-amethyst.svg b/src/src/main/gnome-shell/color-assets/checkbox-amethyst.svg new file mode 100644 index 00000000..fa3feb47 --- /dev/null +++ b/src/src/main/gnome-shell/color-assets/checkbox-amethyst.svg @@ -0,0 +1,60 @@ + + + + + + image/svg+xml + + + + + + + + + + + diff --git a/src/src/main/gnome-shell/color-assets/checkbox-beryl.svg b/src/src/main/gnome-shell/color-assets/checkbox-beryl.svg new file mode 100644 index 00000000..77afcbcf --- /dev/null +++ b/src/src/main/gnome-shell/color-assets/checkbox-beryl.svg @@ -0,0 +1,61 @@ + + + + + + image/svg+xml + + + + + + + + + + + diff --git a/src/src/main/gnome-shell/color-assets/checkbox-doder.svg b/src/src/main/gnome-shell/color-assets/checkbox-doder.svg new file mode 100644 index 00000000..ad10189e --- /dev/null +++ b/src/src/main/gnome-shell/color-assets/checkbox-doder.svg @@ -0,0 +1,60 @@ + + + + + + image/svg+xml + + + + + + + + + + + diff --git a/src/src/main/gnome-shell/color-assets/checkbox-ruby.svg b/src/src/main/gnome-shell/color-assets/checkbox-ruby.svg new file mode 100644 index 00000000..fa0e609a --- /dev/null +++ b/src/src/main/gnome-shell/color-assets/checkbox-ruby.svg @@ -0,0 +1,60 @@ + + + + + + image/svg+xml + + + + + + + + + + + diff --git a/src/src/main/gnome-shell/color-assets/checkbox.svg b/src/src/main/gnome-shell/color-assets/checkbox.svg new file mode 100644 index 00000000..7b3361dc --- /dev/null +++ b/src/src/main/gnome-shell/color-assets/checkbox.svg @@ -0,0 +1,60 @@ + + + + + + image/svg+xml + + + + + + + + + + + diff --git a/src/src/main/gnome-shell/color-assets/more-results-amethyst.svg b/src/src/main/gnome-shell/color-assets/more-results-amethyst.svg new file mode 100644 index 00000000..422242fd --- /dev/null +++ b/src/src/main/gnome-shell/color-assets/more-results-amethyst.svg @@ -0,0 +1,73 @@ + + + + + + + + + + + + image/svg+xml + + + + + + + + + + diff --git a/src/src/main/gnome-shell/color-assets/more-results-beryl.svg b/src/src/main/gnome-shell/color-assets/more-results-beryl.svg new file mode 100644 index 00000000..c9fc0715 --- /dev/null +++ b/src/src/main/gnome-shell/color-assets/more-results-beryl.svg @@ -0,0 +1,73 @@ + + + + + + + + + + + + image/svg+xml + + + + + + + + + + diff --git a/src/src/main/gnome-shell/color-assets/more-results-doder.svg b/src/src/main/gnome-shell/color-assets/more-results-doder.svg new file mode 100644 index 00000000..8bb7d404 --- /dev/null +++ b/src/src/main/gnome-shell/color-assets/more-results-doder.svg @@ -0,0 +1,73 @@ + + + + + + + + + + + + image/svg+xml + + + + + + + + + + diff --git a/src/src/main/gnome-shell/color-assets/more-results-ruby.svg b/src/src/main/gnome-shell/color-assets/more-results-ruby.svg new file mode 100644 index 00000000..fd47c61e --- /dev/null +++ b/src/src/main/gnome-shell/color-assets/more-results-ruby.svg @@ -0,0 +1,73 @@ + + + + + + + + + + + + image/svg+xml + + + + + + + + + + diff --git a/src/src/main/gnome-shell/color-assets/more-results.svg b/src/src/main/gnome-shell/color-assets/more-results.svg new file mode 100644 index 00000000..81f50481 --- /dev/null +++ b/src/src/main/gnome-shell/color-assets/more-results.svg @@ -0,0 +1,73 @@ + + + + + + + + + + + + image/svg+xml + + + + + + + + + + diff --git a/src/src/main/gnome-shell/color-assets/toggle-on-amethyst.svg b/src/src/main/gnome-shell/color-assets/toggle-on-amethyst.svg new file mode 100644 index 00000000..ee4a1ab0 --- /dev/null +++ b/src/src/main/gnome-shell/color-assets/toggle-on-amethyst.svg @@ -0,0 +1,80 @@ + + + + + + + + + + + + image/svg+xml + + + + + + + + + + diff --git a/src/src/main/gnome-shell/color-assets/toggle-on-beryl.svg b/src/src/main/gnome-shell/color-assets/toggle-on-beryl.svg new file mode 100644 index 00000000..387ab34e --- /dev/null +++ b/src/src/main/gnome-shell/color-assets/toggle-on-beryl.svg @@ -0,0 +1,80 @@ + + + + + + + + + + + + image/svg+xml + + + + + + + + + + diff --git a/src/src/main/gnome-shell/color-assets/toggle-on-doder.svg b/src/src/main/gnome-shell/color-assets/toggle-on-doder.svg new file mode 100644 index 00000000..0a2e17cc --- /dev/null +++ b/src/src/main/gnome-shell/color-assets/toggle-on-doder.svg @@ -0,0 +1,80 @@ + + + + + + + + + + + + image/svg+xml + + + + + + + + + + diff --git a/src/src/main/gnome-shell/color-assets/toggle-on-ruby.svg b/src/src/main/gnome-shell/color-assets/toggle-on-ruby.svg new file mode 100644 index 00000000..99784812 --- /dev/null +++ b/src/src/main/gnome-shell/color-assets/toggle-on-ruby.svg @@ -0,0 +1,80 @@ + + + + + + + + + + + + image/svg+xml + + + + + + + + + + diff --git a/src/src/main/gnome-shell/color-assets/toggle-on.svg b/src/src/main/gnome-shell/color-assets/toggle-on.svg new file mode 100644 index 00000000..4716514e --- /dev/null +++ b/src/src/main/gnome-shell/color-assets/toggle-on.svg @@ -0,0 +1,80 @@ + + + + + + + + + + + + image/svg+xml + + + + + + + + + + diff --git a/src/src/main/gnome-shell/common-assets/dash-placeholder.svg b/src/src/main/gnome-shell/common-assets/dash-placeholder.svg new file mode 100644 index 00000000..172156ae --- /dev/null +++ b/src/src/main/gnome-shell/common-assets/dash-placeholder.svg @@ -0,0 +1,4 @@ + + + + diff --git a/src/src/main/gnome-shell/common-assets/noise-texture.svg b/src/src/main/gnome-shell/common-assets/noise-texture.svg new file mode 100644 index 00000000..484f6c87 --- /dev/null +++ b/src/src/main/gnome-shell/common-assets/noise-texture.svg @@ -0,0 +1,78 @@ + + + + + + image/svg+xml + + + + + + + + + + + + + + diff --git a/src/src/main/gnome-shell/common-assets/process-working.svg b/src/src/main/gnome-shell/common-assets/process-working.svg new file mode 100644 index 00000000..0f311b0b --- /dev/null +++ b/src/src/main/gnome-shell/common-assets/process-working.svg @@ -0,0 +1,72 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/src/main/gnome-shell/common-assets/window-close-24-symbolic.svg b/src/src/main/gnome-shell/common-assets/window-close-24-symbolic.svg new file mode 100644 index 00000000..46f6d069 --- /dev/null +++ b/src/src/main/gnome-shell/common-assets/window-close-24-symbolic.svg @@ -0,0 +1,56 @@ + + + + + + + + image/svg+xml + + + + + + + diff --git a/src/src/main/gnome-shell/common-assets/window-close-active.svg b/src/src/main/gnome-shell/common-assets/window-close-active.svg new file mode 100644 index 00000000..cb477943 --- /dev/null +++ b/src/src/main/gnome-shell/common-assets/window-close-active.svg @@ -0,0 +1,116 @@ + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/src/main/gnome-shell/common-assets/window-close-hover.svg b/src/src/main/gnome-shell/common-assets/window-close-hover.svg new file mode 100644 index 00000000..765901d8 --- /dev/null +++ b/src/src/main/gnome-shell/common-assets/window-close-hover.svg @@ -0,0 +1,137 @@ + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/src/main/gnome-shell/common-assets/window-close.svg b/src/src/main/gnome-shell/common-assets/window-close.svg new file mode 100644 index 00000000..add28e2b --- /dev/null +++ b/src/src/main/gnome-shell/common-assets/window-close.svg @@ -0,0 +1,119 @@ + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/src/main/gnome-shell/pad-osd.css b/src/src/main/gnome-shell/pad-osd.css new file mode 100644 index 00000000..31c23772 --- /dev/null +++ b/src/src/main/gnome-shell/pad-osd.css @@ -0,0 +1,30 @@ +.Leader { + stroke-width: .5 !important; + stroke: #535353; + fill: none !important; +} + +.Button { + stroke-width: .25; + stroke: #ededed; + fill: #ededed; +} + +.Ring { + stroke-width: .5 !important; + stroke: #535353 !important; + fill: none !important; +} + +.Label { + stroke: none !important; + stroke-width: .1 !important; + font-size: .1 !important; + fill: transparent !important; +} + +.TouchStrip, .TouchRing { + stroke-width: .1 !important; + stroke: #ededed !important; + fill: #535353 !important; +} diff --git a/src/src/main/gnome-shell/shell-3-28/gnome-shell-dark.css b/src/src/main/gnome-shell/shell-3-28/gnome-shell-dark.css new file mode 100644 index 00000000..c83b523e --- /dev/null +++ b/src/src/main/gnome-shell/shell-3-28/gnome-shell-dark.css @@ -0,0 +1,3700 @@ +/* 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: white; +} + +.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: white; +} + +.app-folder-dialog .folder-name-container .folder-name-entry:focus { + background-color: rgba(255, 255, 255, 0.12); + color: white; +} + +.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: white; +} + +.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: white; + border-radius: 9999px; + icon-size: 48px; +} + +.shell-link { + border-radius: 6px; + color: #2196F3; +} + +.shell-link:hover { + color: #2196F3; + background-color: rgba(33, 150, 243, 0.15); +} + +.shell-link:active { + color: #2196F3; + background-color: rgba(33, 150, 243, 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: white; + background-color: #2C2C2C; + box-shadow: none !important; +} + +.hotplug-notification-item:focus { + color: white; + background-color: rgba(255, 255, 255, 0.08); + box-shadow: none !important; +} + +.hotplug-notification-item:hover { + color: white; + background-color: rgba(255, 255, 255, 0.12); + box-shadow: none !important; +} + +.hotplug-notification-item:active { + color: white; + 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: white; + 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: white; + 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: white; + 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: white; + 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: white; + 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: white; + 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: white; +} + +.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: white; + 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: white !important; +} + +.calendar .calendar-today:active { + background-color: #438cf7; + color: white !important; +} + +.calendar .calendar-today:selected { + background-color: #5b9bf8; + color: white !important; +} + +.calendar .calendar-today:selected:hover, .calendar .calendar-today:selected:focus { + background-color: #82b3fa; + color: white !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; + border-radius: 6px; +} + +.check-box StBin, .check-box:focus StBin { + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:hover StBin { + background-color: rgba(255, 255, 255, 0.12); +} + +.check-box:active StBin { + background-color: rgba(255, 255, 255, 0.3); +} + +.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: white; + background-color: #5b9bf8; +} + +.modal-dialog-linked-button:hover:last-child { + color: white; + background-color: #87b6fa; +} + +.modal-dialog-linked-button:active:last-child { + color: white; + 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: white; + background-color: rgba(255, 255, 255, 0.08); + box-shadow: none !important; +} + +.modal-dialog-linked-button:first-child:hover { + color: white; + background-color: rgba(255, 255, 255, 0.12); +} + +.modal-dialog-linked-button:first-child:active { + color: white; + 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: #FDD633; +} + +.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: #F28B82; +} + +.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: #FDD633; +} + +.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: white; +} + +.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: white; + caret-color: white; + selection-background-color: #5b9bf8; + selected-color: white; + color: white; + background-color: rgba(255, 255, 255, 0.04); + border: 2px solid transparent; + box-shadow: none; +} + +StEntry:hover, .popup-menu .search-entry:hover { + color: white; + border-color: rgba(255, 255, 255, 0.3); + background-color: rgba(255, 255, 255, 0.04); +} + +StEntry:focus, .popup-menu .search-entry:focus { + color: white; + 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: #FDD633; + 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 5px 12px 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: white; +} + +.candidate-box:active { + background-color: rgba(255, 255, 255, 0.3); + color: white; +} + +.candidate-box:selected { + background-color: #5b9bf8; + color: white; +} + +.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; +} + +.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: white; + background-color: #656565; +} + +.keyboard-key:checked, .keyboard-key:active { + color: white; + 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: white; + background-color: #585858; +} + +.keyboard-key.default-key:checked, .keyboard-key.default-key:active { + color: white; + background-color: #6a6a6a; +} + +.keyboard-key.enter-key { + color: white; + background-color: #5b9bf8; +} + +.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { + color: white; + background-color: #73aaf9; +} + +.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { + color: white; + 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: white; + padding: 4px 8px; + min-height: 26px; + border-radius: 9999px; + caret-color: white; + 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: white; +} + +.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: white; +} + +.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: white; + 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: white; + background-color: rgba(255, 255, 255, 0.12); +} + +.login-dialog .modal-dialog-button:active, +.unlock-dialog .modal-dialog-button:active { + color: white; + 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: white; + 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: white; + 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: white; + 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: white; +} + +.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: #FDD633; +} + +.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: white; +} + +.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: white; +} + +#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: white; + 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: white; + 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: white; +} + +.lg-dialog .shell-link { + color: #2196F3; +} + +.lg-dialog .shell-link:hover { + color: #51adf6; +} + +.lg-dialog .shell-link:active { + color: #0c7cd5; +} + +.lg-dialog .actor-link { + color: rgba(255, 255, 255, 0.7); +} + +.lg-dialog .actor-link:hover { + color: white; +} + +.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; + padding: 0 12px; + text-shadow: none; +} + +.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-list-controls { + margin: 8px 16px 0; + padding: 4px; + spacing: 12px; +} + +.message { + margin: 3px 0; +} + +.message .message-icon-bin { + margin: 8px 0; + padding: 8px 0px 8px 8px; +} + +.message .message-icon-bin:rtl { + padding: 8px 8px 8px 0px; +} + +.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: white; + 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: white; +} + +.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: #2196F3; +} + +.message-media-control { + margin: 18px 6px; + padding: 9px; + border-radius: 9999px; + color: rgba(255, 255, 255, 0.7); +} + +.message-media-control:hover, .message-media-control:focus { + color: white; + background-color: rgba(255, 255, 255, 0.12); +} + +.message-media-control:active { + color: white; + background-color: rgba(255, 255, 255, 0.3); +} + +.message-media-control:insensitive { + color: rgba(255, 255, 255, 0.3); +} + +.message-media-control:last-child:ltr { + margin-right: 16px; +} + +.message-media-control:last-child:rtl { + margin-left: 16px; +} + +.media-message-cover-icon { + icon-size: 32px !important; +} + +.media-message-cover-icon.fallback { + icon-size: 32px !important; + border: none; + border-radius: 12px; + 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: white; +} + +.user-icon StIcon { + background-color: white; + 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: #FDD633; +} + +/* 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: white; +} + +.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: white; +} + +.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: white; + background-color: #2C2C2C; + box-shadow: 0 5px 12px rgba(0, 0, 0, 0.25); + margin: 2px 12px 17px; +} + +.notification-banner:focus { + color: white; + 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: white; + 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: white; + box-shadow: none; +} + +.notification-banner .notification-button:active { + background-color: rgba(255, 255, 255, 0.3); + color: white; +} + +.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: white; + 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; + spacing: 1em; + min-width: 64px; + min-height: 64px; +} + +.osd-window StIcon { + icon-size: 96px; +} + +.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: white; + -barlevel-height: 2px; + -barlevel-background-color: rgba(255, 255, 255, 0.12); + -barlevel-active-background-color: #5b9bf8; + -barlevel-overdrive-color: #F28B82; + -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: white; + 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: white; + 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: white; + 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: white; +} + +.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { + color: white; +} + +.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: white; +} + +#panel .panel-button .system-status-icon { + icon-size: 16px; + padding: 5px; + 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: white; + 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: white; +} + +#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: white; + 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: white; + 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: white; +} + +#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: white; +} + +#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel .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: #FDD633; +} + +/* Popovers/Menus */ +.popup-menu-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: transparent; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 64px; + -arrow-rise: 6px; + -arrow-box-shadow: none; + background: transparent; + box-shadow: none; +} + +.popup-menu { + min-width: 12em; + color: rgba(255, 255, 255, 0.7); + 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: 9px; + padding: 6px 0; + color: rgba(255, 255, 255, 0.7); + text-shadow: none; + border-radius: 6px; + margin: 0 6px; + font-weight: normal; +} + +.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-menu .popup-menu-item:checked { + font-weight: normal; + border: none; + box-shadow: none; + color: white; + background-color: rgba(255, 255, 255, 0.12); + border-radius: 6px 6px 0 0; +} + +.popup-menu .popup-menu-item:checked.hover, .popup-menu .popup-menu-item:checked.selected { + color: white; + background-color: alpha(currentColor, 0.08); +} + +.popup-menu .popup-menu-item:checked:active { + color: white; + background-color: alpha(currentColor, 0.12); +} + +.popup-menu .popup-menu-item:checked:insensitive { + color: rgba(255, 255, 255, 0.3); +} + +.popup-menu .popup-menu-item.selected { + color: white; + background-color: rgba(255, 255, 255, 0.12); + transition-duration: 0; +} + +.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { + color: white; + background-color: rgba(255, 255, 255, 0.3); +} + +.popup-menu .popup-menu-item:insensitive { + color: rgba(255, 255, 255, 0.3); +} + +.popup-menu .popup-sub-menu { + background-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.7); + border: none; + box-shadow: none; + margin: 0 6px; + border-radius: 0 0 6px 6px; +} + +.popup-menu .popup-sub-menu .popup-menu-item { + color: rgba(255, 255, 255, 0.7); + border-radius: 6px; + margin: 0; +} + +.popup-menu .popup-sub-menu .popup-menu-item.selected { + color: white; + background-color: rgba(255, 255, 255, 0.12); +} + +.popup-menu .popup-sub-menu .popup-menu-item:active, .popup-menu .popup-sub-menu .popup-menu-item.selected:active { + color: white; + background-color: rgba(255, 255, 255, 0.3); +} + +.popup-menu .popup-sub-menu .popup-menu-item:insensitive { + color: rgba(255, 255, 255, 0.3); +} + +.popup-menu .popup-inactive-menu-item { + color: rgba(255, 255, 255, 0.7); +} + +.popup-menu .popup-inactive-menu-item:insensitive { + color: rgba(255, 255, 255, 0.3); +} + +.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; +} + +.popup-separator-menu-item { + padding: 0 0; +} + +.popup-separator-menu-item .popup-separator-menu-item-separator { + height: 1px; + margin: 0 0; + background-color: rgba(255, 255, 255, 0.12); + padding: 0 0; +} + +.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { + padding: 0 0; + margin: 0 32px 0 0; + height: 1px; + background-color: rgba(255, 255, 255, 0.12); +} + +.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; +} + +.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; +} + +/* 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: white; + 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: white; + 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: white; +} + +.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: white; + selection-background-color: rgba(255, 255, 255, 0.12); + selected-color: white !important; + color: white; + background-color: #2C2C2C; + border: 2px solid transparent; + box-shadow: none; +} + +.search-entry:hover { + color: white; + border-color: rgba(255, 255, 255, 0.3); + background-color: #2C2C2C; +} + +.search-entry:focus { + color: white; + 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: #F28B82; + -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: white; +} + +.switcher-list .item-box:selected { + background-color: #5b9bf8; + color: white; +} + +.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: white; +} + +.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; + background-image: url("assets/toggle-off-dark.svg"); +} + +.toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.popup-sub-menu .toggle-switch { + background-image: url("assets/toggle-off.svg"); +} + +.popup-sub-menu .toggle-switch:checked { + background-image: url("assets/toggle-on.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: white; + border-radius: 9px; + border: none; +} + +.icon-grid { + row-spacing: 36px; + column-spacing: 36px; + max-row-spacing: 72px; + max-column-spacing: 72px; + -shell-grid-horizontal-item-size: 144px; + -shell-grid-vertical-item-size: 144px; + spacing: 24px; +} + +.icon-grid .overview-icon { + icon-size: 96px; +} + +.app-folder-icon { + padding: 6px; + spacing-rows: 6px; + spacing-columns: 6px; +} + +.app-folder-dialog .page-indicators .page-indicator { + padding: 15px 12px; +} + +.app-folder-dialog StButton#vhandle, .app-folder-dialog StButton#vhandle:hover, .app-folder-dialog StButton#vhandle:active { + background-color: transparent; +} + +.page-indicator { + padding: 15px 20px; +} + +.page-indicator .page-indicator-icon { + width: 12px; + height: 12px; + border-radius: 12px; + margin: 0; + padding: 0; + background-image: none; + color: transparent; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.3); +} + +.page-indicator:hover .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.5); +} + +.page-indicator:active .page-indicator-icon { + margin: 0; + padding: 0; + background-image: none; + color: transparent; + border: none; + box-shadow: none; + background-color: white; +} + +.page-indicator:checked .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.7); +} + +.page-indicator:checked:active { + background-image: none; +} + +.all-apps, +.search-display > StBoxLayout, +.frequent-apps > StBoxLayout { + padding: 0px 88px 10px 88px; +} + +.app-view-controls { + width: 320px; + padding-bottom: 32px; + margin: 0 0; +} + +.app-view-control { + padding: 0 16px; + margin: 0 0; + font-weight: bold; + color: rgba(255, 255, 255, 0.7); + background-color: rgba(255, 255, 255, 0.06); +} + +.app-view-control:hover { + color: white; + background-color: rgba(255, 255, 255, 0.12); +} + +.app-view-control:active { + color: white; + background-color: #4c92f7; +} + +.app-view-control:checked { + color: white; + background-color: #5b9bf8; + box-shadow: none; +} + +.app-view-control:first-child { + border-right-width: 0; + border-radius: 12px 0 0 12px; +} + +.app-view-control:last-child { + border-radius: 0 12px 12px 0; +} + +.app-folder-popup { + -arrow-border-radius: 24px; + -arrow-background-color: rgba(255, 255, 255, 0.12); + -arrow-base: 0; + -arrow-rise: 12px; +} + +.app-folder-popup-bin { + padding: 5px; +} + +.no-frequent-applications-label { + font-size: 9pt; + color: rgba(255, 255, 255, 0.5); +} + +.overview-icon.overview-icon-with-label, +.grid-search-result .overview-icon.overview-icon-with-label { + padding: 10px 8px 5px 8px; + spacing: 6px; +} + +.overview-icon.overview-icon-with-label > StBoxLayout, +.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { + spacing: 6px; +} + +#dash { + color: rgba(255, 255, 255, 0.7); + background-color: rgba(255, 255, 255, 0.12); + border-left: 0; + border-radius: 0 12px 12px 0; + padding: 6px; + border: none; + box-shadow: none; +} + +#dash:rtl { + border-radius: 12px 0 0 12px; +} + +#dash .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +.dash-item-container > StWidget { + padding: 3px 6px; +} + +.user-widget.horizontal .user-widget-label { + font-weight: bold; + text-align: left; + padding-left: 15px; +} + +.user-widget.horizontal .user-widget-label:ltr { + padding-left: 14px; +} + +.user-widget.horizontal .user-widget-label:rtl { + padding-right: 14px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 12px; + width: 40px; + height: 40px; +} + +.user-widget.vertical .user-widget-label { + text-align: center; + font-weight: normal; + padding-top: 16px; +} + +.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; +} + +.shell-mount-operation-icon { + icon-size: 48px; +} + +.mount-dialog { + spacing: 24px; +} + +.mount-dialog .message-dialog-title { + padding-top: 10px; + padding-left: 17px; + padding-bottom: 6px; + max-width: 34em; +} + +.mount-dialog .message-dialog-title:rtl { + padding-left: 0px; + padding-right: 17px; +} + +.mount-dialog .message-dialog-body { + padding-left: 17px; + width: 28em; +} + +.mount-dialog .message-dialog-body:rtl { + padding-left: 0px; + padding-right: 17px; +} + +.mount-dialog-app-list { + max-height: 200px; + padding-top: 24px; + padding-left: 49px; + padding-right: 32px; +} + +.mount-dialog-app-list:rtl { + padding-right: 49px; + padding-left: 32px; +} + +.mount-dialog-app-list-item { + color: white; +} + +.mount-dialog-app-list-item:hover { + color: white; +} + +.mount-dialog-app-list-item:ltr { + padding-right: 1em; +} + +.mount-dialog-app-list-item:rtl { + padding-left: 1em; +} + +.mount-dialog-app-list-item-icon:ltr { + padding-right: 17px; +} + +.mount-dialog-app-list-item-icon:rtl { + padding-left: 17px; +} + +.mount-dialog-app-list-item-name { + font-size: 1em; +} + +.access-dialog { + spacing: 30px; +} + +.geolocation-dialog { + spacing: 30px; +} + +.extension-dialog .message-dialog-main-layout { + spacing: 24px; + padding: 10px; +} + +.extension-dialog .message-dialog-title { + color: rgba(255, 255, 255, 0.7); +} + +.inhibit-shortcuts-dialog { + spacing: 30px; +} + +.network-dialog-secret-table { + spacing-rows: 15px; + spacing-columns: 1em; +} + +.keyring-dialog-control-table { + spacing-rows: 15px; + spacing-columns: 1em; +} + +.secondary-icon { + icon-size: em(16px); +} + +.hotplug-resident-box { + spacing: 8px; +} + +.hotplug-resident-mount { + spacing: 8px; + border-radius: 6px; +} + +.hotplug-resident-mount:hover { + background-color: rgba(255, 255, 255, 0.12); +} + +.hotplug-resident-mount:active { + background-color: rgba(255, 255, 255, 0.3); +} + +.hotplug-resident-mount-label { + color: inherit; + padding-left: 6px; +} + +.hotplug-resident-mount-icon { + icon-size: 24px; + padding-left: 6px; +} + +.hotplug-resident-eject-icon { + icon-size: 16px; +} + +.hotplug-resident-eject-button { + padding: 7px; + border-radius: 6px; + color: white; +} + +.url-highlighter { + link-color: #2196F3; +} + +.system-switch-user-submenu-icon.user-icon { + icon-size: 20px; + padding: 0 2px; +} + +.system-switch-user-submenu-icon.default-icon { + icon-size: 16px; + padding: 0 4px; +} + +.system-switch-user-submenu-icon { + icon-size: 16px; + padding: 0 4px; +} + +.system-menu-action { + color: rgba(255, 255, 255, 0.7); + border-radius: 9999px; + /* wish we could do 50% */ + padding: 12px; + border: none; + -st-icon-style: symbolic; +} + +.system-menu-action:hover, .system-menu-action:focus { + background-color: rgba(255, 255, 255, 0.12); + color: white; + border: none; + padding: 12px; +} + +.system-menu-action:active { + background-color: rgba(255, 255, 255, 0.3); + color: white; +} + +.system-menu-action > StIcon { + icon-size: 16px; +} + +.screen-shield-arrows { + padding-bottom: 3em; +} + +.screen-shield-arrows Gjs_Arrow { + color: white; + width: 80px; + height: 48px; + -arrow-thickness: 12px; +} + +.screen-shield-clock { + color: white; + text-shadow: none; + font-weight: normal; + text-align: center; + padding-bottom: 1.5em; +} + +.screen-shield-clock-time { + font-size: 7pt; + text-shadow: none; +} + +.screen-shield-clock-date { + font-size: 9pt; +} + +.screen-shield-notifications-container { + spacing: 6px; + width: 30em; + background-color: transparent; + max-height: 500px; +} + +.screen-shield-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.screen-shield-notifications-container .notification, +.screen-shield-notifications-container .screen-shield-notification-source { + padding: 8px; + border: none; + background-color: #212121; + color: rgba(255, 255, 255, 0.7); + border-radius: 12px; +} + +.screen-shield-notifications-container .notification { + margin-right: 16px; +} + +.screen-shield-notification-label { + min-height: 32px; + padding: 2px 0px 0px 16px; + font-weight: bold; +} + +.screen-shield-notification-count-text { + min-height: 32px; + padding: 2px 0px 0px 16px; + color: rgba(255, 255, 255, 0.7); +} + +#panel.lock-screen { + background-color: #212121; +} + +#overview StScrollBar StBin#trough, #screenShieldNotifications StScrollBar StBin#trough { + background-color: rgba(255, 255, 255, 0.12); +} + +#overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#hhandle, #screenShieldNotifications StScrollBar StButton#hhandle { + background-color: rgba(255, 255, 255, 0.5); +} + +#overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#hhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover { + background-color: rgba(255, 255, 255, 0.7); +} + +#overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#hhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active { + background-color: white; +} + +#overview { + spacing: 24px; +} + +#panel #panelLeft, #panel #panelCenter { + spacing: 0; +} + +#panel .panel-button .popup-menu-arrow { + width: 0; + height: 0; +} + +#panel .panel-status-indicators-box, +#panel .panel-status-menu-box { + spacing: 2px; +} + +#panel .power-status.panel-status-indicators-box { + spacing: 0; +} + +#panel .screencast-indicator { + color: #F28B82; +} + +#panel .remote-access-indicator { + color: #FDD633; +} + +#appMenu { + spinner-image: url("process-working.svg"); + spacing: 4px; +} + +#appMenu .label-shadow { + color: transparent; +} + +.window-picker { + -horizontal-spacing: 16px; + -vertical-spacing: 16px; + padding: 0 16px 32px; + spacing: 12px; +} + +.window-picker.external-monitor { + padding: 16px; +} + +.window-caption { + spacing: 25px; + color: rgba(255, 255, 255, 0.7); + background-color: #242424; + border-radius: 6px; + padding: 3px 12px; + border: none; + font-weight: normal; + font-size: 10pt; +} + +.window-clone-border { + border: 4px solid rgba(255, 255, 255, 0.3); + border-radius: 9px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3); +} + +.window-close { + background-color: #242424; + color: white; + 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: white; + background-color: #333333; +} + +.window-close:active { + color: white; + background-color: #151515; +} + +.workspace-thumbnails { + color: rgba(255, 255, 255, 0.7); + background-color: rgba(255, 255, 255, 0.12); + border: none; + visible-width: 32px; + spacing: 12px; + padding: 16px; + border-radius: 12px; + margin: 6px; +} + +.workspace-thumbnails .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +.workspace-thumbnail-indicator { + border: 2px solid #5b9bf8; + padding: 6px; + border-radius: 6px; +} + +.all-apps, +.search-display > StBoxLayout, +.frequent-apps > StBoxLayout { + padding: 0px 88px 10px 88px; +} + +.bottom #dashtodockDashScrollview, +.top #dashtodockDashScrollview { + -st-hfade-offset: 24px; +} + +.left #dashtodockDashScrollview, +.right #dashtodockDashScrollview { + -st-vfade-offset: 24px; +} + +#dashtodockContainer { + background-color: transparent; +} + +#dashtodockContainer .app-well-app-running-dot { + background-color: rgba(255, 255, 255, 0.3); +} + +#dashtodockContainer .number-overlay { + color: white; + background-color: rgba(0, 0, 0, 0.75); + text-align: center; +} + +#dashtodockContainer .notification-badge { + color: white; + 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.extended.top #dash, #dashtodockContainer.extended.bottom #dash { + border-left: 0; + border-right: 0; + padding-top: 0; + padding-bottom: 0; +} + +#dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash { + border-top: 0; + border-bottom: 0; + padding-top: 0; + padding-bottom: 0; +} + +#dashtodockContainer.dashtodock #dash { + background-color: #212121; +} + +#dashtodockContainer #dash { + background-color: #212121; +} + +#dashtodockContainer #dash .app-well-app-running-dot { + background-color: rgba(255, 255, 255, 0.7); +} + +#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { + background-color: #5b9bf8; +} + +#dashtodockContainer.opaque #dash { + background-color: #212121; +} + +#dashtodockContainer.transparent #dash { + background-color: rgba(33, 33, 33, 0.35); +} + +#dashtodockContainer:overview #dash { + background-color: rgba(255, 255, 255, 0.12); +} + +#dashtodockContainer:overview #dash .app-well-app-running-dot { + background-color: rgba(255, 255, 255, 0.3); +} + +#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { + background-color: #5b9bf8; +} + +#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { + background-color: transparent !important; + box-shadow: none !important; +} + +#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { + 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 .app-well-app .overview-icon, +#dashtodockContainer .show-apps .overview-icon { + padding: 8px; + background-size: contain; +} + +#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; +} + +#dash:desktop { + background-color: #212121; +} + +.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: white; +} + +.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/src/main/gnome-shell/shell-3-28/gnome-shell-dark.scss b/src/src/main/gnome-shell/shell-3-28/gnome-shell-dark.scss new file mode 100644 index 00000000..6963d7ae --- /dev/null +++ b/src/src/main/gnome-shell/shell-3-28/gnome-shell-dark.scss @@ -0,0 +1,9 @@ +$variant: 'dark'; +$topbar: 'dark'; + +@import '../../../sass/colors'; +@import '../../../sass/gnome-shell/variables'; +@import '../../../sass/gnome-shell/drawing'; +@import '../../../sass/gnome-shell/common'; +@import '../../../sass/gnome-shell/widgets-3-28'; +@import '../../../sass/gnome-shell/extensions-3-28'; diff --git a/src/src/main/gnome-shell/shell-3-28/gnome-shell-light.css b/src/src/main/gnome-shell/shell-3-28/gnome-shell-light.css new file mode 100644 index 00000000..47ace0eb --- /dev/null +++ b/src/src/main/gnome-shell/shell-3-28/gnome-shell-light.css @@ -0,0 +1,3700 @@ +/* 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: white; +} + +.app-folder-dialog .folder-name-container .folder-name-entry:focus { + background-color: rgba(255, 255, 255, 0.12); + color: white; +} + +.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: white; +} + +.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: white; + border-radius: 9999px; + icon-size: 48px; +} + +.shell-link { + border-radius: 6px; + color: #2196F3; +} + +.shell-link:hover { + color: #2196F3; + background-color: rgba(33, 150, 243, 0.15); +} + +.shell-link:active { + color: #2196F3; + background-color: rgba(33, 150, 243, 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: white !important; +} + +.calendar .calendar-today:selected { + background-color: #3c84f7; + color: white !important; +} + +.calendar .calendar-today:selected:hover, .calendar .calendar-today:selected:focus { + background-color: #639df9; + color: white !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; + border-radius: 6px; +} + +.check-box StBin, .check-box:focus StBin { + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:hover StBin { + background-color: rgba(0, 0, 0, 0.12); +} + +.check-box:active StBin { + background-color: rgba(0, 0, 0, 0.26); +} + +.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: white; + background-color: #3c84f7; +} + +.modal-dialog-linked-button:hover:last-child { + color: white; + background-color: #68a0f9; +} + +.modal-dialog-linked-button:active:last-child { + color: white; + 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: #F4B400; +} + +.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: #D93025; +} + +.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: #F4B400; +} + +.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: white; +} + +.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: white; + 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: #F4B400; + 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 5px 12px 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: white; +} + +.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; +} + +.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: white; + background-color: #3c84f7; +} + +.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { + color: white; + background-color: #5493f8; +} + +.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { + color: white; + 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: white; + padding: 4px 8px; + min-height: 26px; + border-radius: 9999px; + caret-color: white; + 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: white; +} + +.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: white; +} + +.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: white; + 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: white; + background-color: rgba(0, 0, 0, 0.12); +} + +.login-dialog .modal-dialog-button:active, +.unlock-dialog .modal-dialog-button:active { + color: white; + 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: white; + 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: white; + 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: white; + 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: white; +} + +.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: #F4B400; +} + +.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: white; +} + +.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: white; +} + +.lg-dialog .shell-link { + color: #2196F3; +} + +.lg-dialog .shell-link:hover { + color: #51adf6; +} + +.lg-dialog .shell-link:active { + color: #0c7cd5; +} + +.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; + padding: 0 12px; + text-shadow: none; +} + +.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-list-controls { + margin: 8px 16px 0; + padding: 4px; + spacing: 12px; +} + +.message { + margin: 3px 0; +} + +.message .message-icon-bin { + margin: 8px 0; + padding: 8px 0px 8px 8px; +} + +.message .message-icon-bin:rtl { + padding: 8px 8px 8px 0px; +} + +.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: #2196F3; +} + +.message-media-control { + margin: 18px 6px; + padding: 9px; + border-radius: 9999px; + color: rgba(0, 0, 0, 0.6); +} + +.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); +} + +.message-media-control:last-child:ltr { + margin-right: 16px; +} + +.message-media-control:last-child:rtl { + margin-left: 16px; +} + +.media-message-cover-icon { + icon-size: 32px !important; +} + +.media-message-cover-icon.fallback { + icon-size: 32px !important; + border: none; + border-radius: 12px; + 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: white; +} + +.user-icon StIcon { + background-color: white; + 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: #F4B400; +} + +/* 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: white; +} + +.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: white; + 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; + spacing: 1em; + min-width: 64px; + min-height: 64px; +} + +.osd-window StIcon { + icon-size: 96px; +} + +.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: #D93025; + -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: 5px; + 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: white; + 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: white; +} + +#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: white; + 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: white; + 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: white; +} + +#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: white; +} + +#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel .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: #F4B400; +} + +/* Popovers/Menus */ +.popup-menu-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: transparent; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 64px; + -arrow-rise: 6px; + -arrow-box-shadow: none; + background: transparent; + box-shadow: none; +} + +.popup-menu { + min-width: 12em; + color: rgba(0, 0, 0, 0.6); + 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: 9px; + padding: 6px 0; + color: rgba(0, 0, 0, 0.6); + text-shadow: none; + border-radius: 6px; + margin: 0 6px; + font-weight: normal; +} + +.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-menu .popup-menu-item:checked { + font-weight: normal; + border: none; + box-shadow: none; + color: rgba(0, 0, 0, 0.87); + background-color: rgba(0, 0, 0, 0.12); + border-radius: 6px 6px 0 0; +} + +.popup-menu .popup-menu-item:checked.hover, .popup-menu .popup-menu-item:checked.selected { + color: rgba(0, 0, 0, 0.87); + background-color: alpha(currentColor, 0.08); +} + +.popup-menu .popup-menu-item:checked:active { + color: rgba(0, 0, 0, 0.87); + background-color: alpha(currentColor, 0.12); +} + +.popup-menu .popup-menu-item:checked:insensitive { + color: rgba(0, 0, 0, 0.26); +} + +.popup-menu .popup-menu-item.selected { + color: rgba(0, 0, 0, 0.87); + background-color: rgba(0, 0, 0, 0.12); + transition-duration: 0; +} + +.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { + color: rgba(0, 0, 0, 0.87); + background-color: rgba(0, 0, 0, 0.26); +} + +.popup-menu .popup-menu-item:insensitive { + color: rgba(0, 0, 0, 0.26); +} + +.popup-menu .popup-sub-menu { + background-color: rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.6); + border: none; + box-shadow: none; + margin: 0 6px; + border-radius: 0 0 6px 6px; +} + +.popup-menu .popup-sub-menu .popup-menu-item { + color: rgba(0, 0, 0, 0.6); + border-radius: 6px; + margin: 0; +} + +.popup-menu .popup-sub-menu .popup-menu-item.selected { + color: rgba(0, 0, 0, 0.87); + background-color: rgba(0, 0, 0, 0.12); +} + +.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); + background-color: rgba(0, 0, 0, 0.26); +} + +.popup-menu .popup-sub-menu .popup-menu-item:insensitive { + color: rgba(0, 0, 0, 0.26); +} + +.popup-menu .popup-inactive-menu-item { + color: rgba(0, 0, 0, 0.6); +} + +.popup-menu .popup-inactive-menu-item:insensitive { + color: rgba(0, 0, 0, 0.26); +} + +.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; +} + +.popup-separator-menu-item { + padding: 0 0; +} + +.popup-separator-menu-item .popup-separator-menu-item-separator { + height: 1px; + margin: 0 0; + background-color: rgba(0, 0, 0, 0.12); + padding: 0 0; +} + +.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { + padding: 0 0; + margin: 0 32px 0 0; + height: 1px; + background-color: rgba(0, 0, 0, 0.12); +} + +.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; +} + +.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; +} + +/* 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: white; + 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: white; + 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: white !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: #D93025; + -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: white; +} + +.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; + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.popup-sub-menu .toggle-switch { + background-image: url("assets/toggle-off-dark.svg"); +} + +.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: white; + border-radius: 9px; + border: none; +} + +.icon-grid { + row-spacing: 36px; + column-spacing: 36px; + max-row-spacing: 72px; + max-column-spacing: 72px; + -shell-grid-horizontal-item-size: 144px; + -shell-grid-vertical-item-size: 144px; + spacing: 24px; +} + +.icon-grid .overview-icon { + icon-size: 96px; +} + +.app-folder-icon { + padding: 6px; + spacing-rows: 6px; + spacing-columns: 6px; +} + +.app-folder-dialog .page-indicators .page-indicator { + padding: 15px 12px; +} + +.app-folder-dialog StButton#vhandle, .app-folder-dialog StButton#vhandle:hover, .app-folder-dialog StButton#vhandle:active { + background-color: transparent; +} + +.page-indicator { + padding: 15px 20px; +} + +.page-indicator .page-indicator-icon { + width: 12px; + height: 12px; + border-radius: 12px; + margin: 0; + padding: 0; + background-image: none; + color: transparent; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.3); +} + +.page-indicator:hover .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.5); +} + +.page-indicator:active .page-indicator-icon { + margin: 0; + padding: 0; + background-image: none; + color: transparent; + border: none; + box-shadow: none; + background-color: white; +} + +.page-indicator:checked .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.7); +} + +.page-indicator:checked:active { + background-image: none; +} + +.all-apps, +.search-display > StBoxLayout, +.frequent-apps > StBoxLayout { + padding: 0px 88px 10px 88px; +} + +.app-view-controls { + width: 320px; + padding-bottom: 32px; + margin: 0 0; +} + +.app-view-control { + padding: 0 16px; + margin: 0 0; + font-weight: bold; + color: rgba(255, 255, 255, 0.7); + background-color: rgba(255, 255, 255, 0.06); +} + +.app-view-control:hover { + color: white; + background-color: rgba(255, 255, 255, 0.12); +} + +.app-view-control:active { + color: white; + background-color: #2d7bf6; +} + +.app-view-control:checked { + color: white; + background-color: #3c84f7; + box-shadow: none; +} + +.app-view-control:first-child { + border-right-width: 0; + border-radius: 12px 0 0 12px; +} + +.app-view-control:last-child { + border-radius: 0 12px 12px 0; +} + +.app-folder-popup { + -arrow-border-radius: 24px; + -arrow-background-color: rgba(255, 255, 255, 0.12); + -arrow-base: 0; + -arrow-rise: 12px; +} + +.app-folder-popup-bin { + padding: 5px; +} + +.no-frequent-applications-label { + font-size: 9pt; + color: rgba(255, 255, 255, 0.5); +} + +.overview-icon.overview-icon-with-label, +.grid-search-result .overview-icon.overview-icon-with-label { + padding: 10px 8px 5px 8px; + spacing: 6px; +} + +.overview-icon.overview-icon-with-label > StBoxLayout, +.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { + spacing: 6px; +} + +#dash { + color: rgba(255, 255, 255, 0.7); + background-color: rgba(255, 255, 255, 0.12); + border-left: 0; + border-radius: 0 12px 12px 0; + padding: 6px; + border: none; + box-shadow: none; +} + +#dash:rtl { + border-radius: 12px 0 0 12px; +} + +#dash .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +.dash-item-container > StWidget { + padding: 3px 6px; +} + +.user-widget.horizontal .user-widget-label { + font-weight: bold; + text-align: left; + padding-left: 15px; +} + +.user-widget.horizontal .user-widget-label:ltr { + padding-left: 14px; +} + +.user-widget.horizontal .user-widget-label:rtl { + padding-right: 14px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 12px; + width: 40px; + height: 40px; +} + +.user-widget.vertical .user-widget-label { + text-align: center; + font-weight: normal; + padding-top: 16px; +} + +.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; +} + +.shell-mount-operation-icon { + icon-size: 48px; +} + +.mount-dialog { + spacing: 24px; +} + +.mount-dialog .message-dialog-title { + padding-top: 10px; + padding-left: 17px; + padding-bottom: 6px; + max-width: 34em; +} + +.mount-dialog .message-dialog-title:rtl { + padding-left: 0px; + padding-right: 17px; +} + +.mount-dialog .message-dialog-body { + padding-left: 17px; + width: 28em; +} + +.mount-dialog .message-dialog-body:rtl { + padding-left: 0px; + padding-right: 17px; +} + +.mount-dialog-app-list { + max-height: 200px; + padding-top: 24px; + padding-left: 49px; + padding-right: 32px; +} + +.mount-dialog-app-list:rtl { + padding-right: 49px; + padding-left: 32px; +} + +.mount-dialog-app-list-item { + color: rgba(0, 0, 0, 0.87); +} + +.mount-dialog-app-list-item:hover { + color: rgba(0, 0, 0, 0.87); +} + +.mount-dialog-app-list-item:ltr { + padding-right: 1em; +} + +.mount-dialog-app-list-item:rtl { + padding-left: 1em; +} + +.mount-dialog-app-list-item-icon:ltr { + padding-right: 17px; +} + +.mount-dialog-app-list-item-icon:rtl { + padding-left: 17px; +} + +.mount-dialog-app-list-item-name { + font-size: 1em; +} + +.access-dialog { + spacing: 30px; +} + +.geolocation-dialog { + spacing: 30px; +} + +.extension-dialog .message-dialog-main-layout { + spacing: 24px; + padding: 10px; +} + +.extension-dialog .message-dialog-title { + color: rgba(0, 0, 0, 0.6); +} + +.inhibit-shortcuts-dialog { + spacing: 30px; +} + +.network-dialog-secret-table { + spacing-rows: 15px; + spacing-columns: 1em; +} + +.keyring-dialog-control-table { + spacing-rows: 15px; + spacing-columns: 1em; +} + +.secondary-icon { + icon-size: em(16px); +} + +.hotplug-resident-box { + spacing: 8px; +} + +.hotplug-resident-mount { + spacing: 8px; + border-radius: 6px; +} + +.hotplug-resident-mount:hover { + background-color: rgba(0, 0, 0, 0.12); +} + +.hotplug-resident-mount:active { + background-color: rgba(0, 0, 0, 0.26); +} + +.hotplug-resident-mount-label { + color: inherit; + padding-left: 6px; +} + +.hotplug-resident-mount-icon { + icon-size: 24px; + padding-left: 6px; +} + +.hotplug-resident-eject-icon { + icon-size: 16px; +} + +.hotplug-resident-eject-button { + padding: 7px; + border-radius: 6px; + color: rgba(0, 0, 0, 0.87); +} + +.url-highlighter { + link-color: #2196F3; +} + +.system-switch-user-submenu-icon.user-icon { + icon-size: 20px; + padding: 0 2px; +} + +.system-switch-user-submenu-icon.default-icon { + icon-size: 16px; + padding: 0 4px; +} + +.system-switch-user-submenu-icon { + icon-size: 16px; + padding: 0 4px; +} + +.system-menu-action { + color: rgba(0, 0, 0, 0.6); + border-radius: 9999px; + /* wish we could do 50% */ + padding: 12px; + border: none; + -st-icon-style: symbolic; +} + +.system-menu-action:hover, .system-menu-action:focus { + background-color: rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.87); + border: none; + padding: 12px; +} + +.system-menu-action:active { + background-color: rgba(0, 0, 0, 0.26); + color: rgba(0, 0, 0, 0.87); +} + +.system-menu-action > StIcon { + icon-size: 16px; +} + +.screen-shield-arrows { + padding-bottom: 3em; +} + +.screen-shield-arrows Gjs_Arrow { + color: white; + width: 80px; + height: 48px; + -arrow-thickness: 12px; +} + +.screen-shield-clock { + color: white; + text-shadow: none; + font-weight: normal; + text-align: center; + padding-bottom: 1.5em; +} + +.screen-shield-clock-time { + font-size: 7pt; + text-shadow: none; +} + +.screen-shield-clock-date { + font-size: 9pt; +} + +.screen-shield-notifications-container { + spacing: 6px; + width: 30em; + background-color: transparent; + max-height: 500px; +} + +.screen-shield-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.screen-shield-notifications-container .notification, +.screen-shield-notifications-container .screen-shield-notification-source { + padding: 8px; + border: none; + background-color: #212121; + color: rgba(255, 255, 255, 0.7); + border-radius: 12px; +} + +.screen-shield-notifications-container .notification { + margin-right: 16px; +} + +.screen-shield-notification-label { + min-height: 32px; + padding: 2px 0px 0px 16px; + font-weight: bold; +} + +.screen-shield-notification-count-text { + min-height: 32px; + padding: 2px 0px 0px 16px; + color: rgba(255, 255, 255, 0.7); +} + +#panel.lock-screen { + background-color: #212121; +} + +#overview StScrollBar StBin#trough, #screenShieldNotifications StScrollBar StBin#trough { + background-color: rgba(255, 255, 255, 0.12); +} + +#overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#hhandle, #screenShieldNotifications StScrollBar StButton#hhandle { + background-color: rgba(255, 255, 255, 0.5); +} + +#overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#hhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover { + background-color: rgba(255, 255, 255, 0.7); +} + +#overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#hhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active { + background-color: white; +} + +#overview { + spacing: 24px; +} + +#panel #panelLeft, #panel #panelCenter { + spacing: 0; +} + +#panel .panel-button .popup-menu-arrow { + width: 0; + height: 0; +} + +#panel .panel-status-indicators-box, +#panel .panel-status-menu-box { + spacing: 2px; +} + +#panel .power-status.panel-status-indicators-box { + spacing: 0; +} + +#panel .screencast-indicator { + color: #D93025; +} + +#panel .remote-access-indicator { + color: #F4B400; +} + +#appMenu { + spinner-image: url("process-working.svg"); + spacing: 4px; +} + +#appMenu .label-shadow { + color: transparent; +} + +.window-picker { + -horizontal-spacing: 16px; + -vertical-spacing: 16px; + padding: 0 16px 32px; + spacing: 12px; +} + +.window-picker.external-monitor { + padding: 16px; +} + +.window-caption { + spacing: 25px; + color: rgba(255, 255, 255, 0.7); + background-color: #242424; + border-radius: 6px; + padding: 3px 12px; + border: none; + font-weight: normal; + font-size: 10pt; +} + +.window-clone-border { + border: 4px solid rgba(255, 255, 255, 0.3); + border-radius: 9px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3); +} + +.window-close { + background-color: #242424; + color: white; + 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: white; + background-color: #333333; +} + +.window-close:active { + color: white; + background-color: #151515; +} + +.workspace-thumbnails { + color: rgba(255, 255, 255, 0.7); + background-color: rgba(255, 255, 255, 0.12); + border: none; + visible-width: 32px; + spacing: 12px; + padding: 16px; + border-radius: 12px; + margin: 6px; +} + +.workspace-thumbnails .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +.workspace-thumbnail-indicator { + border: 2px solid #3c84f7; + padding: 6px; + border-radius: 6px; +} + +.all-apps, +.search-display > StBoxLayout, +.frequent-apps > StBoxLayout { + padding: 0px 88px 10px 88px; +} + +.bottom #dashtodockDashScrollview, +.top #dashtodockDashScrollview { + -st-hfade-offset: 24px; +} + +.left #dashtodockDashScrollview, +.right #dashtodockDashScrollview { + -st-vfade-offset: 24px; +} + +#dashtodockContainer { + background-color: transparent; +} + +#dashtodockContainer .app-well-app-running-dot { + background-color: rgba(255, 255, 255, 0.3); +} + +#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: white; + 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.extended.top #dash, #dashtodockContainer.extended.bottom #dash { + border-left: 0; + border-right: 0; + padding-top: 0; + padding-bottom: 0; +} + +#dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash { + border-top: 0; + border-bottom: 0; + padding-top: 0; + padding-bottom: 0; +} + +#dashtodockContainer.dashtodock #dash { + background-color: #f2f2f2; +} + +#dashtodockContainer #dash { + background-color: #f2f2f2; +} + +#dashtodockContainer #dash .app-well-app-running-dot { + background-color: rgba(0, 0, 0, 0.6); +} + +#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { + background-color: #3c84f7; +} + +#dashtodockContainer.opaque #dash { + background-color: #f2f2f2; +} + +#dashtodockContainer.transparent #dash { + background-color: rgba(242, 242, 242, 0.35); +} + +#dashtodockContainer:overview #dash { + background-color: rgba(255, 255, 255, 0.12); +} + +#dashtodockContainer:overview #dash .app-well-app-running-dot { + background-color: rgba(255, 255, 255, 0.3); +} + +#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { + background-color: #3c84f7; +} + +#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { + background-color: transparent !important; + box-shadow: none !important; +} + +#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { + 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 .app-well-app .overview-icon, +#dashtodockContainer .show-apps .overview-icon { + padding: 8px; + background-size: contain; +} + +#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; +} + +#dash:desktop { + background-color: #f2f2f2; +} + +.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/src/main/gnome-shell/shell-3-28/gnome-shell-light.scss b/src/src/main/gnome-shell/shell-3-28/gnome-shell-light.scss new file mode 100644 index 00000000..87230ed1 --- /dev/null +++ b/src/src/main/gnome-shell/shell-3-28/gnome-shell-light.scss @@ -0,0 +1,9 @@ +$variant: 'light'; +$topbar: 'light'; + +@import '../../../sass/colors'; +@import '../../../sass/gnome-shell/variables'; +@import '../../../sass/gnome-shell/drawing'; +@import '../../../sass/gnome-shell/common'; +@import '../../../sass/gnome-shell/widgets-3-28'; +@import '../../../sass/gnome-shell/extensions-3-28'; diff --git a/src/src/main/gnome-shell/shell-3-28/gnome-shell.css b/src/src/main/gnome-shell/shell-3-28/gnome-shell.css new file mode 100644 index 00000000..ff068601 --- /dev/null +++ b/src/src/main/gnome-shell/shell-3-28/gnome-shell.css @@ -0,0 +1,3700 @@ +/* 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: white; +} + +.app-folder-dialog .folder-name-container .folder-name-entry:focus { + background-color: rgba(255, 255, 255, 0.12); + color: white; +} + +.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: white; +} + +.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: white; + border-radius: 9999px; + icon-size: 48px; +} + +.shell-link { + border-radius: 6px; + color: #2196F3; +} + +.shell-link:hover { + color: #2196F3; + background-color: rgba(33, 150, 243, 0.15); +} + +.shell-link:active { + color: #2196F3; + background-color: rgba(33, 150, 243, 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: white !important; +} + +.calendar .calendar-today:selected { + background-color: #3c84f7; + color: white !important; +} + +.calendar .calendar-today:selected:hover, .calendar .calendar-today:selected:focus { + background-color: #639df9; + color: white !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; + border-radius: 6px; +} + +.check-box StBin, .check-box:focus StBin { + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:hover StBin { + background-color: rgba(0, 0, 0, 0.12); +} + +.check-box:active StBin { + background-color: rgba(0, 0, 0, 0.26); +} + +.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: white; + background-color: #3c84f7; +} + +.modal-dialog-linked-button:hover:last-child { + color: white; + background-color: #68a0f9; +} + +.modal-dialog-linked-button:active:last-child { + color: white; + 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: #F4B400; +} + +.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: #D93025; +} + +.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: #F4B400; +} + +.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: white; +} + +.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: white; + 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: #F4B400; + 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 5px 12px 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: white; +} + +.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; +} + +.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: white; + background-color: #3c84f7; +} + +.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { + color: white; + background-color: #5493f8; +} + +.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { + color: white; + 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: white; + padding: 4px 8px; + min-height: 26px; + border-radius: 9999px; + caret-color: white; + 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: white; +} + +.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: white; +} + +.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: white; + 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: white; + background-color: rgba(0, 0, 0, 0.12); +} + +.login-dialog .modal-dialog-button:active, +.unlock-dialog .modal-dialog-button:active { + color: white; + 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: white; + 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: white; + 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: white; + 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: white; +} + +.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: #F4B400; +} + +.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: white; +} + +.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: white; +} + +.lg-dialog .shell-link { + color: #2196F3; +} + +.lg-dialog .shell-link:hover { + color: #51adf6; +} + +.lg-dialog .shell-link:active { + color: #0c7cd5; +} + +.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; + padding: 0 12px; + text-shadow: none; +} + +.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-list-controls { + margin: 8px 16px 0; + padding: 4px; + spacing: 12px; +} + +.message { + margin: 3px 0; +} + +.message .message-icon-bin { + margin: 8px 0; + padding: 8px 0px 8px 8px; +} + +.message .message-icon-bin:rtl { + padding: 8px 8px 8px 0px; +} + +.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: #2196F3; +} + +.message-media-control { + margin: 18px 6px; + padding: 9px; + border-radius: 9999px; + color: rgba(0, 0, 0, 0.6); +} + +.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); +} + +.message-media-control:last-child:ltr { + margin-right: 16px; +} + +.message-media-control:last-child:rtl { + margin-left: 16px; +} + +.media-message-cover-icon { + icon-size: 32px !important; +} + +.media-message-cover-icon.fallback { + icon-size: 32px !important; + border: none; + border-radius: 12px; + 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: white; +} + +.user-icon StIcon { + background-color: white; + 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: #F4B400; +} + +/* 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: white; +} + +.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: white; + 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; + spacing: 1em; + min-width: 64px; + min-height: 64px; +} + +.osd-window StIcon { + icon-size: 96px; +} + +.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: #D93025; + -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: #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: white; + 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: white; + 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: white; + 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: white; +} + +.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { + color: white; +} + +.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: white; +} + +#panel .panel-button .system-status-icon { + icon-size: 16px; + padding: 5px; + 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: white; + 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: white; +} + +#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: white; + 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: white; + 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: white; +} + +#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: white; +} + +#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel .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: #F4B400; +} + +/* Popovers/Menus */ +.popup-menu-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: transparent; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 64px; + -arrow-rise: 6px; + -arrow-box-shadow: none; + background: transparent; + box-shadow: none; +} + +.popup-menu { + min-width: 12em; + color: rgba(0, 0, 0, 0.6); + 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: 9px; + padding: 6px 0; + color: rgba(0, 0, 0, 0.6); + text-shadow: none; + border-radius: 6px; + margin: 0 6px; + font-weight: normal; +} + +.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-menu .popup-menu-item:checked { + font-weight: normal; + border: none; + box-shadow: none; + color: rgba(0, 0, 0, 0.87); + background-color: rgba(0, 0, 0, 0.12); + border-radius: 6px 6px 0 0; +} + +.popup-menu .popup-menu-item:checked.hover, .popup-menu .popup-menu-item:checked.selected { + color: rgba(0, 0, 0, 0.87); + background-color: alpha(currentColor, 0.08); +} + +.popup-menu .popup-menu-item:checked:active { + color: rgba(0, 0, 0, 0.87); + background-color: alpha(currentColor, 0.12); +} + +.popup-menu .popup-menu-item:checked:insensitive { + color: rgba(0, 0, 0, 0.26); +} + +.popup-menu .popup-menu-item.selected { + color: rgba(0, 0, 0, 0.87); + background-color: rgba(0, 0, 0, 0.12); + transition-duration: 0; +} + +.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { + color: rgba(0, 0, 0, 0.87); + background-color: rgba(0, 0, 0, 0.26); +} + +.popup-menu .popup-menu-item:insensitive { + color: rgba(0, 0, 0, 0.26); +} + +.popup-menu .popup-sub-menu { + background-color: rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.6); + border: none; + box-shadow: none; + margin: 0 6px; + border-radius: 0 0 6px 6px; +} + +.popup-menu .popup-sub-menu .popup-menu-item { + color: rgba(0, 0, 0, 0.6); + border-radius: 6px; + margin: 0; +} + +.popup-menu .popup-sub-menu .popup-menu-item.selected { + color: rgba(0, 0, 0, 0.87); + background-color: rgba(0, 0, 0, 0.12); +} + +.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); + background-color: rgba(0, 0, 0, 0.26); +} + +.popup-menu .popup-sub-menu .popup-menu-item:insensitive { + color: rgba(0, 0, 0, 0.26); +} + +.popup-menu .popup-inactive-menu-item { + color: rgba(0, 0, 0, 0.6); +} + +.popup-menu .popup-inactive-menu-item:insensitive { + color: rgba(0, 0, 0, 0.26); +} + +.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; +} + +.popup-separator-menu-item { + padding: 0 0; +} + +.popup-separator-menu-item .popup-separator-menu-item-separator { + height: 1px; + margin: 0 0; + background-color: rgba(0, 0, 0, 0.12); + padding: 0 0; +} + +.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { + padding: 0 0; + margin: 0 32px 0 0; + height: 1px; + background-color: rgba(0, 0, 0, 0.12); +} + +.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; +} + +.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; +} + +/* 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: white; + 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: white; + 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: white !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: #D93025; + -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: white; +} + +.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; + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.popup-sub-menu .toggle-switch { + background-image: url("assets/toggle-off-dark.svg"); +} + +.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: white; + border-radius: 9px; + border: none; +} + +.icon-grid { + row-spacing: 36px; + column-spacing: 36px; + max-row-spacing: 72px; + max-column-spacing: 72px; + -shell-grid-horizontal-item-size: 144px; + -shell-grid-vertical-item-size: 144px; + spacing: 24px; +} + +.icon-grid .overview-icon { + icon-size: 96px; +} + +.app-folder-icon { + padding: 6px; + spacing-rows: 6px; + spacing-columns: 6px; +} + +.app-folder-dialog .page-indicators .page-indicator { + padding: 15px 12px; +} + +.app-folder-dialog StButton#vhandle, .app-folder-dialog StButton#vhandle:hover, .app-folder-dialog StButton#vhandle:active { + background-color: transparent; +} + +.page-indicator { + padding: 15px 20px; +} + +.page-indicator .page-indicator-icon { + width: 12px; + height: 12px; + border-radius: 12px; + margin: 0; + padding: 0; + background-image: none; + color: transparent; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.3); +} + +.page-indicator:hover .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.5); +} + +.page-indicator:active .page-indicator-icon { + margin: 0; + padding: 0; + background-image: none; + color: transparent; + border: none; + box-shadow: none; + background-color: white; +} + +.page-indicator:checked .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.7); +} + +.page-indicator:checked:active { + background-image: none; +} + +.all-apps, +.search-display > StBoxLayout, +.frequent-apps > StBoxLayout { + padding: 0px 88px 10px 88px; +} + +.app-view-controls { + width: 320px; + padding-bottom: 32px; + margin: 0 0; +} + +.app-view-control { + padding: 0 16px; + margin: 0 0; + font-weight: bold; + color: rgba(255, 255, 255, 0.7); + background-color: rgba(255, 255, 255, 0.06); +} + +.app-view-control:hover { + color: white; + background-color: rgba(255, 255, 255, 0.12); +} + +.app-view-control:active { + color: white; + background-color: #2d7bf6; +} + +.app-view-control:checked { + color: white; + background-color: #3c84f7; + box-shadow: none; +} + +.app-view-control:first-child { + border-right-width: 0; + border-radius: 12px 0 0 12px; +} + +.app-view-control:last-child { + border-radius: 0 12px 12px 0; +} + +.app-folder-popup { + -arrow-border-radius: 24px; + -arrow-background-color: rgba(255, 255, 255, 0.12); + -arrow-base: 0; + -arrow-rise: 12px; +} + +.app-folder-popup-bin { + padding: 5px; +} + +.no-frequent-applications-label { + font-size: 9pt; + color: rgba(255, 255, 255, 0.5); +} + +.overview-icon.overview-icon-with-label, +.grid-search-result .overview-icon.overview-icon-with-label { + padding: 10px 8px 5px 8px; + spacing: 6px; +} + +.overview-icon.overview-icon-with-label > StBoxLayout, +.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { + spacing: 6px; +} + +#dash { + color: rgba(255, 255, 255, 0.7); + background-color: rgba(255, 255, 255, 0.12); + border-left: 0; + border-radius: 0 12px 12px 0; + padding: 6px; + border: none; + box-shadow: none; +} + +#dash:rtl { + border-radius: 12px 0 0 12px; +} + +#dash .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +.dash-item-container > StWidget { + padding: 3px 6px; +} + +.user-widget.horizontal .user-widget-label { + font-weight: bold; + text-align: left; + padding-left: 15px; +} + +.user-widget.horizontal .user-widget-label:ltr { + padding-left: 14px; +} + +.user-widget.horizontal .user-widget-label:rtl { + padding-right: 14px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 12px; + width: 40px; + height: 40px; +} + +.user-widget.vertical .user-widget-label { + text-align: center; + font-weight: normal; + padding-top: 16px; +} + +.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; +} + +.shell-mount-operation-icon { + icon-size: 48px; +} + +.mount-dialog { + spacing: 24px; +} + +.mount-dialog .message-dialog-title { + padding-top: 10px; + padding-left: 17px; + padding-bottom: 6px; + max-width: 34em; +} + +.mount-dialog .message-dialog-title:rtl { + padding-left: 0px; + padding-right: 17px; +} + +.mount-dialog .message-dialog-body { + padding-left: 17px; + width: 28em; +} + +.mount-dialog .message-dialog-body:rtl { + padding-left: 0px; + padding-right: 17px; +} + +.mount-dialog-app-list { + max-height: 200px; + padding-top: 24px; + padding-left: 49px; + padding-right: 32px; +} + +.mount-dialog-app-list:rtl { + padding-right: 49px; + padding-left: 32px; +} + +.mount-dialog-app-list-item { + color: rgba(0, 0, 0, 0.87); +} + +.mount-dialog-app-list-item:hover { + color: rgba(0, 0, 0, 0.87); +} + +.mount-dialog-app-list-item:ltr { + padding-right: 1em; +} + +.mount-dialog-app-list-item:rtl { + padding-left: 1em; +} + +.mount-dialog-app-list-item-icon:ltr { + padding-right: 17px; +} + +.mount-dialog-app-list-item-icon:rtl { + padding-left: 17px; +} + +.mount-dialog-app-list-item-name { + font-size: 1em; +} + +.access-dialog { + spacing: 30px; +} + +.geolocation-dialog { + spacing: 30px; +} + +.extension-dialog .message-dialog-main-layout { + spacing: 24px; + padding: 10px; +} + +.extension-dialog .message-dialog-title { + color: rgba(0, 0, 0, 0.6); +} + +.inhibit-shortcuts-dialog { + spacing: 30px; +} + +.network-dialog-secret-table { + spacing-rows: 15px; + spacing-columns: 1em; +} + +.keyring-dialog-control-table { + spacing-rows: 15px; + spacing-columns: 1em; +} + +.secondary-icon { + icon-size: em(16px); +} + +.hotplug-resident-box { + spacing: 8px; +} + +.hotplug-resident-mount { + spacing: 8px; + border-radius: 6px; +} + +.hotplug-resident-mount:hover { + background-color: rgba(0, 0, 0, 0.12); +} + +.hotplug-resident-mount:active { + background-color: rgba(0, 0, 0, 0.26); +} + +.hotplug-resident-mount-label { + color: inherit; + padding-left: 6px; +} + +.hotplug-resident-mount-icon { + icon-size: 24px; + padding-left: 6px; +} + +.hotplug-resident-eject-icon { + icon-size: 16px; +} + +.hotplug-resident-eject-button { + padding: 7px; + border-radius: 6px; + color: rgba(0, 0, 0, 0.87); +} + +.url-highlighter { + link-color: #2196F3; +} + +.system-switch-user-submenu-icon.user-icon { + icon-size: 20px; + padding: 0 2px; +} + +.system-switch-user-submenu-icon.default-icon { + icon-size: 16px; + padding: 0 4px; +} + +.system-switch-user-submenu-icon { + icon-size: 16px; + padding: 0 4px; +} + +.system-menu-action { + color: rgba(0, 0, 0, 0.6); + border-radius: 9999px; + /* wish we could do 50% */ + padding: 12px; + border: none; + -st-icon-style: symbolic; +} + +.system-menu-action:hover, .system-menu-action:focus { + background-color: rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.87); + border: none; + padding: 12px; +} + +.system-menu-action:active { + background-color: rgba(0, 0, 0, 0.26); + color: rgba(0, 0, 0, 0.87); +} + +.system-menu-action > StIcon { + icon-size: 16px; +} + +.screen-shield-arrows { + padding-bottom: 3em; +} + +.screen-shield-arrows Gjs_Arrow { + color: white; + width: 80px; + height: 48px; + -arrow-thickness: 12px; +} + +.screen-shield-clock { + color: white; + text-shadow: none; + font-weight: normal; + text-align: center; + padding-bottom: 1.5em; +} + +.screen-shield-clock-time { + font-size: 7pt; + text-shadow: none; +} + +.screen-shield-clock-date { + font-size: 9pt; +} + +.screen-shield-notifications-container { + spacing: 6px; + width: 30em; + background-color: transparent; + max-height: 500px; +} + +.screen-shield-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.screen-shield-notifications-container .notification, +.screen-shield-notifications-container .screen-shield-notification-source { + padding: 8px; + border: none; + background-color: #212121; + color: rgba(255, 255, 255, 0.7); + border-radius: 12px; +} + +.screen-shield-notifications-container .notification { + margin-right: 16px; +} + +.screen-shield-notification-label { + min-height: 32px; + padding: 2px 0px 0px 16px; + font-weight: bold; +} + +.screen-shield-notification-count-text { + min-height: 32px; + padding: 2px 0px 0px 16px; + color: rgba(255, 255, 255, 0.7); +} + +#panel.lock-screen { + background-color: #212121; +} + +#overview StScrollBar StBin#trough, #screenShieldNotifications StScrollBar StBin#trough { + background-color: rgba(255, 255, 255, 0.12); +} + +#overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#hhandle, #screenShieldNotifications StScrollBar StButton#hhandle { + background-color: rgba(255, 255, 255, 0.5); +} + +#overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#hhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover { + background-color: rgba(255, 255, 255, 0.7); +} + +#overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#hhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active { + background-color: white; +} + +#overview { + spacing: 24px; +} + +#panel #panelLeft, #panel #panelCenter { + spacing: 0; +} + +#panel .panel-button .popup-menu-arrow { + width: 0; + height: 0; +} + +#panel .panel-status-indicators-box, +#panel .panel-status-menu-box { + spacing: 2px; +} + +#panel .power-status.panel-status-indicators-box { + spacing: 0; +} + +#panel .screencast-indicator { + color: #D93025; +} + +#panel .remote-access-indicator { + color: #F4B400; +} + +#appMenu { + spinner-image: url("process-working.svg"); + spacing: 4px; +} + +#appMenu .label-shadow { + color: transparent; +} + +.window-picker { + -horizontal-spacing: 16px; + -vertical-spacing: 16px; + padding: 0 16px 32px; + spacing: 12px; +} + +.window-picker.external-monitor { + padding: 16px; +} + +.window-caption { + spacing: 25px; + color: rgba(255, 255, 255, 0.7); + background-color: #242424; + border-radius: 6px; + padding: 3px 12px; + border: none; + font-weight: normal; + font-size: 10pt; +} + +.window-clone-border { + border: 4px solid rgba(255, 255, 255, 0.3); + border-radius: 9px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3); +} + +.window-close { + background-color: #242424; + color: white; + 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: white; + background-color: #333333; +} + +.window-close:active { + color: white; + background-color: #151515; +} + +.workspace-thumbnails { + color: rgba(255, 255, 255, 0.7); + background-color: rgba(255, 255, 255, 0.12); + border: none; + visible-width: 32px; + spacing: 12px; + padding: 16px; + border-radius: 12px; + margin: 6px; +} + +.workspace-thumbnails .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +.workspace-thumbnail-indicator { + border: 2px solid #3c84f7; + padding: 6px; + border-radius: 6px; +} + +.all-apps, +.search-display > StBoxLayout, +.frequent-apps > StBoxLayout { + padding: 0px 88px 10px 88px; +} + +.bottom #dashtodockDashScrollview, +.top #dashtodockDashScrollview { + -st-hfade-offset: 24px; +} + +.left #dashtodockDashScrollview, +.right #dashtodockDashScrollview { + -st-vfade-offset: 24px; +} + +#dashtodockContainer { + background-color: transparent; +} + +#dashtodockContainer .app-well-app-running-dot { + background-color: rgba(255, 255, 255, 0.3); +} + +#dashtodockContainer .number-overlay { + color: white; + background-color: rgba(0, 0, 0, 0.75); + text-align: center; +} + +#dashtodockContainer .notification-badge { + color: white; + 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.extended.top #dash, #dashtodockContainer.extended.bottom #dash { + border-left: 0; + border-right: 0; + padding-top: 0; + padding-bottom: 0; +} + +#dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash { + border-top: 0; + border-bottom: 0; + padding-top: 0; + padding-bottom: 0; +} + +#dashtodockContainer.dashtodock #dash { + background-color: #212121; +} + +#dashtodockContainer #dash { + background-color: #212121; +} + +#dashtodockContainer #dash .app-well-app-running-dot { + background-color: rgba(255, 255, 255, 0.7); +} + +#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { + background-color: #3c84f7; +} + +#dashtodockContainer.opaque #dash { + background-color: #212121; +} + +#dashtodockContainer.transparent #dash { + background-color: rgba(33, 33, 33, 0.35); +} + +#dashtodockContainer:overview #dash { + background-color: rgba(255, 255, 255, 0.12); +} + +#dashtodockContainer:overview #dash .app-well-app-running-dot { + background-color: rgba(255, 255, 255, 0.3); +} + +#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { + background-color: #3c84f7; +} + +#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { + background-color: transparent !important; + box-shadow: none !important; +} + +#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { + 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 .app-well-app .overview-icon, +#dashtodockContainer .show-apps .overview-icon { + padding: 8px; + background-size: contain; +} + +#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; +} + +#dash:desktop { + background-color: #212121; +} + +.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/src/main/gnome-shell/shell-3-28/gnome-shell.scss b/src/src/main/gnome-shell/shell-3-28/gnome-shell.scss new file mode 100644 index 00000000..a321ef41 --- /dev/null +++ b/src/src/main/gnome-shell/shell-3-28/gnome-shell.scss @@ -0,0 +1,9 @@ +$variant: 'light'; +$topbar: 'dark'; + +@import '../../../sass/colors'; +@import '../../../sass/gnome-shell/variables'; +@import '../../../sass/gnome-shell/drawing'; +@import '../../../sass/gnome-shell/common'; +@import '../../../sass/gnome-shell/widgets-3-28'; +@import '../../../sass/gnome-shell/extensions-3-28'; diff --git a/src/src/main/gnome-shell/shell-40-0/gnome-shell-dark.css b/src/src/main/gnome-shell/shell-40-0/gnome-shell-dark.css new file mode 100644 index 00000000..a32212ca --- /dev/null +++ b/src/src/main/gnome-shell/shell-40-0/gnome-shell-dark.css @@ -0,0 +1,3344 @@ +/* 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: white; +} + +.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: white; +} + +.app-folder-dialog .folder-name-container .folder-name-entry:focus { + background-color: rgba(255, 255, 255, 0.12); + color: white; +} + +.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: white; +} + +.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: white; + border-radius: 9999px; + icon-size: 48px; +} + +.shell-link { + border-radius: 6px; + color: #2196F3; +} + +.shell-link:hover { + color: #2196F3; + background-color: rgba(33, 150, 243, 0.15); +} + +.shell-link:active { + color: #2196F3; + background-color: rgba(33, 150, 243, 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: white; + background-color: #2C2C2C; + box-shadow: none !important; +} + +.hotplug-notification-item:focus { + color: white; + background-color: rgba(255, 255, 255, 0.08); + box-shadow: none !important; +} + +.hotplug-notification-item:hover { + color: white; + background-color: rgba(255, 255, 255, 0.12); + box-shadow: none !important; +} + +.hotplug-notification-item:active { + color: white; + 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: white; + 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: white; + 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: white; + 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: white; + 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: white; + 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: white; + 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: white; +} + +.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: white; + 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: white !important; +} + +.calendar .calendar-today:active { + background-color: #438cf7; + color: white !important; +} + +.calendar .calendar-today:selected { + background-color: #5b9bf8; + color: white !important; +} + +.calendar .calendar-today:selected:hover, .calendar .calendar-today:selected:focus { + background-color: #82b3fa; + color: white !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; + border-radius: 6px; +} + +.check-box StBin, .check-box:focus StBin { + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:hover StBin { + background-color: rgba(255, 255, 255, 0.12); +} + +.check-box:active StBin { + background-color: rgba(255, 255, 255, 0.3); +} + +.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: white; + background-color: #5b9bf8; +} + +.modal-dialog-linked-button:hover:last-child { + color: white; + background-color: #87b6fa; +} + +.modal-dialog-linked-button:active:last-child { + color: white; + 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: white; + background-color: rgba(255, 255, 255, 0.08); + box-shadow: none !important; +} + +.modal-dialog-linked-button:first-child:hover { + color: white; + background-color: rgba(255, 255, 255, 0.12); +} + +.modal-dialog-linked-button:first-child:active { + color: white; + 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: #FDD633; +} + +.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: #F28B82; +} + +.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: #FDD633; +} + +.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: white; +} + +.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: white; + caret-color: white; + selection-background-color: #5b9bf8; + selected-color: white; + color: white; + background-color: rgba(255, 255, 255, 0.04); + border: 2px solid transparent; + box-shadow: none; +} + +StEntry:hover, .popup-menu .search-entry:hover { + color: white; + border-color: rgba(255, 255, 255, 0.3); + background-color: rgba(255, 255, 255, 0.04); +} + +StEntry:focus, .popup-menu .search-entry:focus { + color: white; + 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: #FDD633; + 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 5px 12px 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: white; +} + +.candidate-box:active { + background-color: rgba(255, 255, 255, 0.3); + color: white; +} + +.candidate-box:selected { + background-color: #5b9bf8; + color: white; +} + +.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; +} + +.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: white; + background-color: #656565; +} + +.keyboard-key:checked, .keyboard-key:active { + color: white; + 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: white; + background-color: #585858; +} + +.keyboard-key.default-key:checked, .keyboard-key.default-key:active { + color: white; + background-color: #6a6a6a; +} + +.keyboard-key.enter-key { + color: white; + background-color: #5b9bf8; +} + +.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { + color: white; + background-color: #73aaf9; +} + +.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { + color: white; + 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: white; + padding: 4px 8px; + min-height: 26px; + border-radius: 9999px; + caret-color: white; + 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: white; +} + +.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: white; +} + +.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: white; + 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: white; + background-color: rgba(255, 255, 255, 0.12); +} + +.login-dialog .modal-dialog-button:active, +.unlock-dialog .modal-dialog-button:active { + color: white; + 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: white; + 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: white; + 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: white; + 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: white; +} + +.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: #FDD633; +} + +.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: white; +} + +.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: white; +} + +#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: white; + 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: white; + 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: white; +} + +.lg-dialog .shell-link { + color: #2196F3; +} + +.lg-dialog .shell-link:hover { + color: #51adf6; +} + +.lg-dialog .shell-link:active { + color: #0c7cd5; +} + +.lg-dialog .actor-link { + color: rgba(255, 255, 255, 0.7); +} + +.lg-dialog .actor-link:hover { + color: white; +} + +.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; + padding: 0 12px; + text-shadow: none; +} + +.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-list-controls { + margin: 8px 16px 0; + padding: 4px; + spacing: 12px; +} + +.message { + margin: 3px 0; +} + +.message .message-icon-bin { + margin: 8px 0; + padding: 8px 0px 8px 8px; +} + +.message .message-icon-bin:rtl { + padding: 8px 8px 8px 0px; +} + +.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: white; + 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: white; +} + +.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: #2196F3; +} + +.message-media-control { + margin: 18px 6px; + padding: 9px; + border-radius: 9999px; + color: rgba(255, 255, 255, 0.7); +} + +.message-media-control:hover, .message-media-control:focus { + color: white; + background-color: rgba(255, 255, 255, 0.12); +} + +.message-media-control:active { + color: white; + background-color: rgba(255, 255, 255, 0.3); +} + +.message-media-control:insensitive { + color: rgba(255, 255, 255, 0.3); +} + +.message-media-control:last-child:ltr { + margin-right: 16px; +} + +.message-media-control:last-child:rtl { + margin-left: 16px; +} + +.media-message-cover-icon { + icon-size: 32px !important; +} + +.media-message-cover-icon.fallback { + icon-size: 32px !important; + border: none; + border-radius: 12px; + 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: white; +} + +.user-icon StIcon { + background-color: white; + 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: #FDD633; +} + +/* 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: white; +} + +.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: white; +} + +.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: white; + background-color: #2C2C2C; + box-shadow: 0 5px 12px rgba(0, 0, 0, 0.25); + margin: 2px 12px 17px; +} + +.notification-banner:focus { + color: white; + 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: white; + 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: white; + box-shadow: none; +} + +.notification-banner .notification-button:active { + background-color: rgba(255, 255, 255, 0.3); + color: white; +} + +.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: white; + 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; + spacing: 1em; + min-width: 64px; + min-height: 64px; +} + +.osd-window StIcon { + icon-size: 96px; +} + +.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: white; + -barlevel-height: 2px; + -barlevel-background-color: rgba(255, 255, 255, 0.12); + -barlevel-active-background-color: #5b9bf8; + -barlevel-overdrive-color: #F28B82; + -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: white; + 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: white; + 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: white; + 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: white; +} + +.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { + color: white; +} + +.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: white; +} + +#panel .panel-button .system-status-icon { + icon-size: 16px; + padding: 5px; + 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: white; + 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: white; +} + +#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: white; + 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: white; + 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: white; +} + +#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: white; +} + +#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel .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: #FDD633; +} + +/* Popovers/Menus */ +.popup-menu-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: transparent; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 64px; + -arrow-rise: 6px; + -arrow-box-shadow: none; + background: transparent; + box-shadow: none; +} + +.popup-menu { + min-width: 12em; + color: rgba(255, 255, 255, 0.7); + 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: 9px; + padding: 6px 0; + color: rgba(255, 255, 255, 0.7); + text-shadow: none; + border-radius: 6px; + margin: 0 6px; + font-weight: normal; +} + +.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-menu .popup-menu-item:checked { + font-weight: normal; + border: none; + box-shadow: none; + color: white; + background-color: rgba(255, 255, 255, 0.12); + border-radius: 6px 6px 0 0; +} + +.popup-menu .popup-menu-item:checked.hover, .popup-menu .popup-menu-item:checked.selected { + color: white; + background-color: alpha(currentColor, 0.08); +} + +.popup-menu .popup-menu-item:checked:active { + color: white; + background-color: alpha(currentColor, 0.12); +} + +.popup-menu .popup-menu-item:checked:insensitive { + color: rgba(255, 255, 255, 0.3); +} + +.popup-menu .popup-menu-item.selected { + color: white; + background-color: rgba(255, 255, 255, 0.12); + transition-duration: 0; +} + +.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { + color: white; + background-color: rgba(255, 255, 255, 0.3); +} + +.popup-menu .popup-menu-item:insensitive { + color: rgba(255, 255, 255, 0.3); +} + +.popup-menu .popup-sub-menu { + background-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.7); + border: none; + box-shadow: none; + margin: 0 6px; + border-radius: 0 0 6px 6px; +} + +.popup-menu .popup-sub-menu .popup-menu-item { + color: rgba(255, 255, 255, 0.7); + border-radius: 6px; + margin: 0; +} + +.popup-menu .popup-sub-menu .popup-menu-item.selected { + color: white; + background-color: rgba(255, 255, 255, 0.12); +} + +.popup-menu .popup-sub-menu .popup-menu-item:active, .popup-menu .popup-sub-menu .popup-menu-item.selected:active { + color: white; + background-color: rgba(255, 255, 255, 0.3); +} + +.popup-menu .popup-sub-menu .popup-menu-item:insensitive { + color: rgba(255, 255, 255, 0.3); +} + +.popup-menu .popup-inactive-menu-item { + color: rgba(255, 255, 255, 0.7); +} + +.popup-menu .popup-inactive-menu-item:insensitive { + color: rgba(255, 255, 255, 0.3); +} + +.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; +} + +.popup-separator-menu-item { + padding: 0 0; +} + +.popup-separator-menu-item .popup-separator-menu-item-separator { + height: 1px; + margin: 0 0; + background-color: rgba(255, 255, 255, 0.12); + padding: 0 0; +} + +.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { + padding: 0 0; + margin: 0 32px 0 0; + height: 1px; + background-color: rgba(255, 255, 255, 0.12); +} + +.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; +} + +.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; +} + +/* 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: white; + 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: white; + 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: white; +} + +.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: white; + selection-background-color: rgba(255, 255, 255, 0.12); + selected-color: white !important; + color: white; + background-color: #2C2C2C; + border: 2px solid transparent; + box-shadow: none; +} + +.search-entry:hover { + color: white; + border-color: rgba(255, 255, 255, 0.3); + background-color: #2C2C2C; +} + +.search-entry:focus { + color: white; + 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: #F28B82; + -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: white; +} + +.switcher-list .item-box:selected { + background-color: #5b9bf8; + color: white; +} + +.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: white; +} + +.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; + background-image: url("assets/toggle-off-dark.svg"); +} + +.toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.popup-sub-menu .toggle-switch { + background-image: url("assets/toggle-off.svg"); +} + +.popup-sub-menu .toggle-switch:checked { + background-image: url("assets/toggle-on.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: white; + 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; +} + +.controls-manager, .secondary-monitor-workspaces { + spacing: 12px; +} + +#overviewGroup { + background-color: #212121; +} + +#appMenu { + spacing: 6px; +} + +#appMenu .label-shadow { + color: transparent; +} + +#appMenu .panel-status-menu-box { + padding: 0 6px; + spacing: 6px; +} + +.search-entry { + margin-top: 24px; + margin-bottom: 6px; +} + +.window-picker { + spacing: 6px; +} + +.window-caption { + color: white; + background-color: #212121; + border-radius: 9999px; + padding: 6px 12px; +} + +.window-close { + background-color: #242424; + color: white; + 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: white; + background-color: #333333; +} + +.window-close:active { + color: white; + 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: white; + background-color: rgba(0, 0, 0, 0.75); + text-align: center; +} + +#dashtodockContainer .notification-badge { + color: white; + 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: white; +} + +.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/src/main/gnome-shell/shell-40-0/gnome-shell-dark.scss b/src/src/main/gnome-shell/shell-40-0/gnome-shell-dark.scss new file mode 100644 index 00000000..2727a7b4 --- /dev/null +++ b/src/src/main/gnome-shell/shell-40-0/gnome-shell-dark.scss @@ -0,0 +1,9 @@ +$variant: 'dark'; +$topbar: 'dark'; + +@import '../../../sass/colors'; +@import '../../../sass/gnome-shell/variables'; +@import '../../../sass/gnome-shell/drawing'; +@import '../../../sass/gnome-shell/common'; +@import '../../../sass/gnome-shell/widgets-40-0'; +@import '../../../sass/gnome-shell/extensions-40-0'; diff --git a/src/src/main/gnome-shell/shell-40-0/gnome-shell-light.css b/src/src/main/gnome-shell/shell-40-0/gnome-shell-light.css new file mode 100644 index 00000000..b2a9abe8 --- /dev/null +++ b/src/src/main/gnome-shell/shell-40-0/gnome-shell-light.css @@ -0,0 +1,3344 @@ +/* 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: white; +} + +.app-folder-dialog .folder-name-container .folder-name-entry:focus { + background-color: rgba(255, 255, 255, 0.12); + color: white; +} + +.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: white; +} + +.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: white; + border-radius: 9999px; + icon-size: 48px; +} + +.shell-link { + border-radius: 6px; + color: #2196F3; +} + +.shell-link:hover { + color: #2196F3; + background-color: rgba(33, 150, 243, 0.15); +} + +.shell-link:active { + color: #2196F3; + background-color: rgba(33, 150, 243, 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: white !important; +} + +.calendar .calendar-today:selected { + background-color: #3c84f7; + color: white !important; +} + +.calendar .calendar-today:selected:hover, .calendar .calendar-today:selected:focus { + background-color: #639df9; + color: white !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; + border-radius: 6px; +} + +.check-box StBin, .check-box:focus StBin { + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:hover StBin { + background-color: rgba(0, 0, 0, 0.12); +} + +.check-box:active StBin { + background-color: rgba(0, 0, 0, 0.26); +} + +.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: white; + background-color: #3c84f7; +} + +.modal-dialog-linked-button:hover:last-child { + color: white; + background-color: #68a0f9; +} + +.modal-dialog-linked-button:active:last-child { + color: white; + 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: #F4B400; +} + +.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: #D93025; +} + +.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: #F4B400; +} + +.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: white; +} + +.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: white; + 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: #F4B400; + 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 5px 12px 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: white; +} + +.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; +} + +.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: white; + background-color: #3c84f7; +} + +.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { + color: white; + background-color: #5493f8; +} + +.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { + color: white; + 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: white; + padding: 4px 8px; + min-height: 26px; + border-radius: 9999px; + caret-color: white; + 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: white; +} + +.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: white; +} + +.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: white; + 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: white; + background-color: rgba(0, 0, 0, 0.12); +} + +.login-dialog .modal-dialog-button:active, +.unlock-dialog .modal-dialog-button:active { + color: white; + 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: white; + 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: white; + 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: white; + 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: white; +} + +.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: #F4B400; +} + +.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: white; +} + +.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: white; +} + +.lg-dialog .shell-link { + color: #2196F3; +} + +.lg-dialog .shell-link:hover { + color: #51adf6; +} + +.lg-dialog .shell-link:active { + color: #0c7cd5; +} + +.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; + padding: 0 12px; + text-shadow: none; +} + +.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-list-controls { + margin: 8px 16px 0; + padding: 4px; + spacing: 12px; +} + +.message { + margin: 3px 0; +} + +.message .message-icon-bin { + margin: 8px 0; + padding: 8px 0px 8px 8px; +} + +.message .message-icon-bin:rtl { + padding: 8px 8px 8px 0px; +} + +.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: #2196F3; +} + +.message-media-control { + margin: 18px 6px; + padding: 9px; + border-radius: 9999px; + color: rgba(0, 0, 0, 0.6); +} + +.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); +} + +.message-media-control:last-child:ltr { + margin-right: 16px; +} + +.message-media-control:last-child:rtl { + margin-left: 16px; +} + +.media-message-cover-icon { + icon-size: 32px !important; +} + +.media-message-cover-icon.fallback { + icon-size: 32px !important; + border: none; + border-radius: 12px; + 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: white; +} + +.user-icon StIcon { + background-color: white; + 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: #F4B400; +} + +/* 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: white; +} + +.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: white; + 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; + spacing: 1em; + min-width: 64px; + min-height: 64px; +} + +.osd-window StIcon { + icon-size: 96px; +} + +.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: #D93025; + -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: 5px; + 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: white; + 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: white; +} + +#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: white; + 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: white; + 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: white; +} + +#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: white; +} + +#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel .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: #F4B400; +} + +/* Popovers/Menus */ +.popup-menu-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: transparent; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 64px; + -arrow-rise: 6px; + -arrow-box-shadow: none; + background: transparent; + box-shadow: none; +} + +.popup-menu { + min-width: 12em; + color: rgba(0, 0, 0, 0.6); + 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: 9px; + padding: 6px 0; + color: rgba(0, 0, 0, 0.6); + text-shadow: none; + border-radius: 6px; + margin: 0 6px; + font-weight: normal; +} + +.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-menu .popup-menu-item:checked { + font-weight: normal; + border: none; + box-shadow: none; + color: rgba(0, 0, 0, 0.87); + background-color: rgba(0, 0, 0, 0.12); + border-radius: 6px 6px 0 0; +} + +.popup-menu .popup-menu-item:checked.hover, .popup-menu .popup-menu-item:checked.selected { + color: rgba(0, 0, 0, 0.87); + background-color: alpha(currentColor, 0.08); +} + +.popup-menu .popup-menu-item:checked:active { + color: rgba(0, 0, 0, 0.87); + background-color: alpha(currentColor, 0.12); +} + +.popup-menu .popup-menu-item:checked:insensitive { + color: rgba(0, 0, 0, 0.26); +} + +.popup-menu .popup-menu-item.selected { + color: rgba(0, 0, 0, 0.87); + background-color: rgba(0, 0, 0, 0.12); + transition-duration: 0; +} + +.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { + color: rgba(0, 0, 0, 0.87); + background-color: rgba(0, 0, 0, 0.26); +} + +.popup-menu .popup-menu-item:insensitive { + color: rgba(0, 0, 0, 0.26); +} + +.popup-menu .popup-sub-menu { + background-color: rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.6); + border: none; + box-shadow: none; + margin: 0 6px; + border-radius: 0 0 6px 6px; +} + +.popup-menu .popup-sub-menu .popup-menu-item { + color: rgba(0, 0, 0, 0.6); + border-radius: 6px; + margin: 0; +} + +.popup-menu .popup-sub-menu .popup-menu-item.selected { + color: rgba(0, 0, 0, 0.87); + background-color: rgba(0, 0, 0, 0.12); +} + +.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); + background-color: rgba(0, 0, 0, 0.26); +} + +.popup-menu .popup-sub-menu .popup-menu-item:insensitive { + color: rgba(0, 0, 0, 0.26); +} + +.popup-menu .popup-inactive-menu-item { + color: rgba(0, 0, 0, 0.6); +} + +.popup-menu .popup-inactive-menu-item:insensitive { + color: rgba(0, 0, 0, 0.26); +} + +.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; +} + +.popup-separator-menu-item { + padding: 0 0; +} + +.popup-separator-menu-item .popup-separator-menu-item-separator { + height: 1px; + margin: 0 0; + background-color: rgba(0, 0, 0, 0.12); + padding: 0 0; +} + +.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { + padding: 0 0; + margin: 0 32px 0 0; + height: 1px; + background-color: rgba(0, 0, 0, 0.12); +} + +.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; +} + +.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; +} + +/* 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: white; + 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: white; + 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: white !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: #D93025; + -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: white; +} + +.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; + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.popup-sub-menu .toggle-switch { + background-image: url("assets/toggle-off-dark.svg"); +} + +.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: white; + 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; +} + +.controls-manager, .secondary-monitor-workspaces { + spacing: 12px; +} + +#overviewGroup { + background-color: #212121; +} + +#appMenu { + spacing: 6px; +} + +#appMenu .label-shadow { + color: transparent; +} + +#appMenu .panel-status-menu-box { + padding: 0 6px; + spacing: 6px; +} + +.search-entry { + margin-top: 24px; + margin-bottom: 6px; +} + +.window-picker { + spacing: 6px; +} + +.window-caption { + color: white; + background-color: #212121; + border-radius: 9999px; + padding: 6px 12px; +} + +.window-close { + background-color: #242424; + color: white; + 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: white; + background-color: #333333; +} + +.window-close:active { + color: white; + 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: white; + 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/src/main/gnome-shell/shell-40-0/gnome-shell-light.scss b/src/src/main/gnome-shell/shell-40-0/gnome-shell-light.scss new file mode 100644 index 00000000..6c3f8cbc --- /dev/null +++ b/src/src/main/gnome-shell/shell-40-0/gnome-shell-light.scss @@ -0,0 +1,9 @@ +$variant: 'light'; +$topbar: 'light'; + +@import '../../../sass/colors'; +@import '../../../sass/gnome-shell/variables'; +@import '../../../sass/gnome-shell/drawing'; +@import '../../../sass/gnome-shell/common'; +@import '../../../sass/gnome-shell/widgets-40-0'; +@import '../../../sass/gnome-shell/extensions-40-0'; diff --git a/src/src/main/gnome-shell/shell-40-0/gnome-shell.css b/src/src/main/gnome-shell/shell-40-0/gnome-shell.css new file mode 100644 index 00000000..1f248f5d --- /dev/null +++ b/src/src/main/gnome-shell/shell-40-0/gnome-shell.css @@ -0,0 +1,3344 @@ +/* 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: white; +} + +.app-folder-dialog .folder-name-container .folder-name-entry:focus { + background-color: rgba(255, 255, 255, 0.12); + color: white; +} + +.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: white; +} + +.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: white; + border-radius: 9999px; + icon-size: 48px; +} + +.shell-link { + border-radius: 6px; + color: #2196F3; +} + +.shell-link:hover { + color: #2196F3; + background-color: rgba(33, 150, 243, 0.15); +} + +.shell-link:active { + color: #2196F3; + background-color: rgba(33, 150, 243, 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: white !important; +} + +.calendar .calendar-today:selected { + background-color: #3c84f7; + color: white !important; +} + +.calendar .calendar-today:selected:hover, .calendar .calendar-today:selected:focus { + background-color: #639df9; + color: white !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; + border-radius: 6px; +} + +.check-box StBin, .check-box:focus StBin { + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:hover StBin { + background-color: rgba(0, 0, 0, 0.12); +} + +.check-box:active StBin { + background-color: rgba(0, 0, 0, 0.26); +} + +.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: white; + background-color: #3c84f7; +} + +.modal-dialog-linked-button:hover:last-child { + color: white; + background-color: #68a0f9; +} + +.modal-dialog-linked-button:active:last-child { + color: white; + 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: #F4B400; +} + +.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: #D93025; +} + +.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: #F4B400; +} + +.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: white; +} + +.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: white; + 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: #F4B400; + 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 5px 12px 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: white; +} + +.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; +} + +.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: white; + background-color: #3c84f7; +} + +.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { + color: white; + background-color: #5493f8; +} + +.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { + color: white; + 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: white; + padding: 4px 8px; + min-height: 26px; + border-radius: 9999px; + caret-color: white; + 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: white; +} + +.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: white; +} + +.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: white; + 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: white; + background-color: rgba(0, 0, 0, 0.12); +} + +.login-dialog .modal-dialog-button:active, +.unlock-dialog .modal-dialog-button:active { + color: white; + 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: white; + 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: white; + 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: white; + 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: white; +} + +.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: #F4B400; +} + +.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: white; +} + +.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: white; +} + +.lg-dialog .shell-link { + color: #2196F3; +} + +.lg-dialog .shell-link:hover { + color: #51adf6; +} + +.lg-dialog .shell-link:active { + color: #0c7cd5; +} + +.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; + padding: 0 12px; + text-shadow: none; +} + +.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-list-controls { + margin: 8px 16px 0; + padding: 4px; + spacing: 12px; +} + +.message { + margin: 3px 0; +} + +.message .message-icon-bin { + margin: 8px 0; + padding: 8px 0px 8px 8px; +} + +.message .message-icon-bin:rtl { + padding: 8px 8px 8px 0px; +} + +.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: #2196F3; +} + +.message-media-control { + margin: 18px 6px; + padding: 9px; + border-radius: 9999px; + color: rgba(0, 0, 0, 0.6); +} + +.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); +} + +.message-media-control:last-child:ltr { + margin-right: 16px; +} + +.message-media-control:last-child:rtl { + margin-left: 16px; +} + +.media-message-cover-icon { + icon-size: 32px !important; +} + +.media-message-cover-icon.fallback { + icon-size: 32px !important; + border: none; + border-radius: 12px; + 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: white; +} + +.user-icon StIcon { + background-color: white; + 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: #F4B400; +} + +/* 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: white; +} + +.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: white; + 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; + spacing: 1em; + min-width: 64px; + min-height: 64px; +} + +.osd-window StIcon { + icon-size: 96px; +} + +.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: #D93025; + -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: #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: white; + 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: white; + 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: white; + 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: white; +} + +.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { + color: white; +} + +.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: white; +} + +#panel .panel-button .system-status-icon { + icon-size: 16px; + padding: 5px; + 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: white; + 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: white; +} + +#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: white; + 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: white; + 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: white; +} + +#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: white; +} + +#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel .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: #F4B400; +} + +/* Popovers/Menus */ +.popup-menu-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: transparent; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 64px; + -arrow-rise: 6px; + -arrow-box-shadow: none; + background: transparent; + box-shadow: none; +} + +.popup-menu { + min-width: 12em; + color: rgba(0, 0, 0, 0.6); + 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: 9px; + padding: 6px 0; + color: rgba(0, 0, 0, 0.6); + text-shadow: none; + border-radius: 6px; + margin: 0 6px; + font-weight: normal; +} + +.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-menu .popup-menu-item:checked { + font-weight: normal; + border: none; + box-shadow: none; + color: rgba(0, 0, 0, 0.87); + background-color: rgba(0, 0, 0, 0.12); + border-radius: 6px 6px 0 0; +} + +.popup-menu .popup-menu-item:checked.hover, .popup-menu .popup-menu-item:checked.selected { + color: rgba(0, 0, 0, 0.87); + background-color: alpha(currentColor, 0.08); +} + +.popup-menu .popup-menu-item:checked:active { + color: rgba(0, 0, 0, 0.87); + background-color: alpha(currentColor, 0.12); +} + +.popup-menu .popup-menu-item:checked:insensitive { + color: rgba(0, 0, 0, 0.26); +} + +.popup-menu .popup-menu-item.selected { + color: rgba(0, 0, 0, 0.87); + background-color: rgba(0, 0, 0, 0.12); + transition-duration: 0; +} + +.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { + color: rgba(0, 0, 0, 0.87); + background-color: rgba(0, 0, 0, 0.26); +} + +.popup-menu .popup-menu-item:insensitive { + color: rgba(0, 0, 0, 0.26); +} + +.popup-menu .popup-sub-menu { + background-color: rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.6); + border: none; + box-shadow: none; + margin: 0 6px; + border-radius: 0 0 6px 6px; +} + +.popup-menu .popup-sub-menu .popup-menu-item { + color: rgba(0, 0, 0, 0.6); + border-radius: 6px; + margin: 0; +} + +.popup-menu .popup-sub-menu .popup-menu-item.selected { + color: rgba(0, 0, 0, 0.87); + background-color: rgba(0, 0, 0, 0.12); +} + +.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); + background-color: rgba(0, 0, 0, 0.26); +} + +.popup-menu .popup-sub-menu .popup-menu-item:insensitive { + color: rgba(0, 0, 0, 0.26); +} + +.popup-menu .popup-inactive-menu-item { + color: rgba(0, 0, 0, 0.6); +} + +.popup-menu .popup-inactive-menu-item:insensitive { + color: rgba(0, 0, 0, 0.26); +} + +.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; +} + +.popup-separator-menu-item { + padding: 0 0; +} + +.popup-separator-menu-item .popup-separator-menu-item-separator { + height: 1px; + margin: 0 0; + background-color: rgba(0, 0, 0, 0.12); + padding: 0 0; +} + +.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { + padding: 0 0; + margin: 0 32px 0 0; + height: 1px; + background-color: rgba(0, 0, 0, 0.12); +} + +.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; +} + +.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; +} + +/* 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: white; + 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: white; + 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: white !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: #D93025; + -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: white; +} + +.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; + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.popup-sub-menu .toggle-switch { + background-image: url("assets/toggle-off-dark.svg"); +} + +.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: white; + 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; +} + +.controls-manager, .secondary-monitor-workspaces { + spacing: 12px; +} + +#overviewGroup { + background-color: #212121; +} + +#appMenu { + spacing: 6px; +} + +#appMenu .label-shadow { + color: transparent; +} + +#appMenu .panel-status-menu-box { + padding: 0 6px; + spacing: 6px; +} + +.search-entry { + margin-top: 24px; + margin-bottom: 6px; +} + +.window-picker { + spacing: 6px; +} + +.window-caption { + color: white; + background-color: #212121; + border-radius: 9999px; + padding: 6px 12px; +} + +.window-close { + background-color: #242424; + color: white; + 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: white; + background-color: #333333; +} + +.window-close:active { + color: white; + 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: white; + background-color: rgba(0, 0, 0, 0.75); + text-align: center; +} + +#dashtodockContainer .notification-badge { + color: white; + 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: #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: #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(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: #3c84f7; +} + +#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: 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/src/main/gnome-shell/shell-40-0/gnome-shell.scss b/src/src/main/gnome-shell/shell-40-0/gnome-shell.scss new file mode 100644 index 00000000..fcae6e22 --- /dev/null +++ b/src/src/main/gnome-shell/shell-40-0/gnome-shell.scss @@ -0,0 +1,9 @@ +$variant: 'light'; +$topbar: 'dark'; + +@import '../../../sass/colors'; +@import '../../../sass/gnome-shell/variables'; +@import '../../../sass/gnome-shell/drawing'; +@import '../../../sass/gnome-shell/common'; +@import '../../../sass/gnome-shell/widgets-40-0'; +@import '../../../sass/gnome-shell/extensions-40-0'; diff --git a/src/src/main/gtk-2.0/common/apps.rc b/src/src/main/gtk-2.0/common/apps.rc new file mode 100644 index 00000000..530e72fd --- /dev/null +++ b/src/src/main/gtk-2.0/common/apps.rc @@ -0,0 +1,92 @@ +# vim:set ft=gtkrc ts=2 sw=2 sts=2 ai et: +# +# This file, unlike hacks.rc, contains legitimate cases we need to handle, e.g. +# custom widgets, programs giving us a chance to alter their UI to fit more with +# the theme or stuff that is supposed to look different, like panels. + +# TODO: This could really look nicer +style "gimp_spin_scale" { + # Spin background + bg[NORMAL] = @base_color + + engine "pixmap" { + image { + function = BOX + state = NORMAL + detail = "spinbutton_up" + overlay_file = "assets/pan-up-alt.png" + overlay_stretch = FALSE + } + + image { + function = BOX + state = PRELIGHT + detail = "spinbutton_up" + overlay_file = "assets/pan-up.png" + overlay_stretch = FALSE + } + + image { + function = BOX + state = ACTIVE + detail = "spinbutton_up" + overlay_file = "assets/pan-up.png" + overlay_stretch = FALSE + } + + image { + function = BOX + state = INSENSITIVE + detail = "spinbutton_up" + overlay_file = "assets/pan-up-alt-disabled.png" + overlay_stretch = FALSE + } + + image { + function = BOX + state = NORMAL + detail = "spinbutton_down" + overlay_file = "assets/pan-down-alt.png" + overlay_stretch = FALSE + } + + image { + function = BOX + state = PRELIGHT + detail = "spinbutton_down" + overlay_file = "assets/pan-down.png" + overlay_stretch = FALSE + } + + image { + function = BOX + state = ACTIVE + detail = "spinbutton_down" + overlay_file = "assets/pan-down.png" + overlay_stretch = FALSE + } + + image { + function = BOX + state = INSENSITIVE + detail = "spinbutton_down" + overlay_file = "assets/pan-down-alt-disabled.png" + overlay_stretch = FALSE + } + } +} + +style "chrome_gtk_frame" { + ChromeGtkFrame::frame-color = @titlebar_bg_color + ChromeGtkFrame::inactive-frame-color = @titlebar_bg_color + ChromeGtkFrame::incognito-frame-color = @titlebar_bg_color + ChromeGtkFrame::incognito-inactive-frame-color = @titlebar_bg_color + + ChromeGtkFrame::frame-gradient-size = 0 +} + +# Disable spin button assets for GimpSpinScale +class "GimpSpinScale" style "gimp_spin_scale" + +# Chromium lets us define some colours and settings for better integration +class "ChromeGtkFrame" style "chrome_gtk_frame" diff --git a/src/src/main/gtk-2.0/common/hacks.rc b/src/src/main/gtk-2.0/common/hacks.rc new file mode 100644 index 00000000..c288da35 --- /dev/null +++ b/src/src/main/gtk-2.0/common/hacks.rc @@ -0,0 +1,36 @@ +# vim:set ft=gtkrc ts=2 sw=2 sts=2 ai et: +# +# This file contains horrible hacks to make this theme work with some programs +# This is mostly due to the limitations of GTK 2 but sometimes its the fault of +# the programs themselves. Not going to point fingers. +# +# Either way, it's a WONTFIX for both, hence this horrible file. + +style "toplevel_hack" { + engine "adwaita" {} +} + +style "chrome_entry" { + base[NORMAL] = @base_color + base[INSENSITIVE] = @base_color +} + +style "vim_notebook" { + bg[NORMAL] = @base_color + bg[ACTIVE] = @bg_color +} + +# Vim puts an eventbox between the tab and the label and colours it, +# we need to handle that +widget "vim-main-window*GtkNotebook.GtkEventBox" style "vim_notebook" + +# (he)xchat input box +class "SexySpellEntry" style:highest "normal_entry" + +# Chromium uses base as the fill colour of its own entries +# This would be fine but GTK uses it to fill the surrounding space, so its set to bg +# That results in Chromium using it for the fill, so we need to handle that +widget_class "*Chrom*" style "chrome_entry" + +# Hack to be able to match widgets in LibreOffice +class "GtkWindow" style "toplevel_hack" diff --git a/src/src/main/gtk-2.0/common/main.rc b/src/src/main/gtk-2.0/common/main.rc new file mode 100644 index 00000000..62edf4dd --- /dev/null +++ b/src/src/main/gtk-2.0/common/main.rc @@ -0,0 +1,2705 @@ +# vim:set ft=gtkrc ts=2 sw=2 sts=2 ai et: +# +# This is the main theme file, handling all the default widgets and theme +# properties. Since GTK 2 is old, we need to overcome some of its limitations, +# which is also mostly done in this file. Sadly not all of them can be overcome +# so there will always be a visible difference between the GTK 2 and 3 theme. + +style "default" { + xthickness = 1 + ythickness = 1 + + #################### + # Style Properties # + #################### + + GtkWidget::focus-padding = 0 + GtkWidget::focus-line-width = 2 + GtkWidget::focus-line-pattern = "\2\1" + + GtkToolbar::space-size = 5 # 1 + 2*2 (separator + margins) + GtkToolbar::internal-padding = 2 + GtkToolButton::icon-spacing = 4 + + GtkWidget::tooltip-radius = 4 + GtkWidget::tooltip-alpha = 230 + GtkWidget::new-tooltip-style = 1 #for compatibility + + GtkWidget::link-color = @link_color + GtkWidget::visited-link-color = @visited_link_color + GnomeHRef::link_color = @link_color + GtkHTML::link-color = @link_color + GtkHTML::vlink-color = @visited_link_color + GtkIMHtml::hyperlink-color = @link_color + GtkIMHtml::hyperlink-visited-color = @visited_link_color + + GtkSeparatorMenuItem::horizontal-padding = 0 + GtkSeparatorMenuItem::wide-separators = 1 + GtkSeparatorMenuItem::separator-height = 3 + + GtkButton::child-displacement-y = 0 + + GtkButton::default-border = {0, 0, 0, 0} + GtkButton::default-outside-border = {0, 0, 0, 0} + GtkButton::inner-border = {4, 4, 4, 4} + + GtkEntry::state-hint = 1 + GtkEntry::inner-border = {4, 4, 4, 4} + + GtkPaned::handle-size = 8 + GtkHPaned::handle-size = 8 + GtkVPaned::handle-size = 8 + + GtkScrollbar::trough-border = 0 + GtkRange::trough-border = 0 + GtkRange::slider-width = 17 + GtkRange::stepper-size = 0 + GtkRange::activate-slider = 1 + + GtkScrollbar::activate-slider = 1 + GtkScrollbar::stepper-size = 0 + GtkScrollbar::has-backward-stepper = 0 + GtkScrollbar::has-forward-stepper = 0 + GtkScrollbar::min-slider-length = 32 # 24 + 2*4 (margins) + GtkScrolledWindow::scrollbar-spacing = 0 + GtkScrolledWindow::scrollbars-within-bevel = 1 + + GtkScale::slider_length = 24 + GtkScale::slider_width = 24 + GtkScale::trough-side-details = 1 + + GtkProgressBar::min-horizontal-bar-height = 4 + GtkProgressBar::min-vertical-bar-width = 4 + GtkProgressBar::xspacing = 4 + GtkProgressBar::yspacing = 4 + + GtkStatusbar::shadow_type = GTK_SHADOW_NONE + GtkSpinButton::shadow_type = GTK_SHADOW_NONE + GtkMenuBar::shadow-type = GTK_SHADOW_NONE + GtkToolbar::shadow-type = GTK_SHADOW_NONE + # TODO: find out what this comment means: + # ( every window is misaligned for the sake of menus ): + GtkMenuBar::internal-padding = 0 + GtkMenu::horizontal-padding = 0 + GtkMenu::vertical-padding = 4 + GtkMenu::double-arrows = 0 + GtkMenuItem::arrow-scaling = 1 + GtkMenuItem::toggle-spacing = 12 + + GtkCheckButton::indicator-size = 24 + GtkCheckButton::indicator_spacing = 2 + GtkOptionMenu::indicator_spacing = {8, 8, 4, 4} + + GtkTreeView::expander-size = 16 + GtkTreeView::vertical-separator = 0 + GtkTreeView::horizontal-separator = 4 + GtkTreeView::allow-rules = 0 + # Set this because some apps read it + GtkTreeView::odd-row-color = @base_color + GtkTreeView::even-row-color = @base_color + + GtkExpander::expander-size = 16 + + GtkNotebook::tab-overlap = 0 + + ########## + # Colors # + ########## + + bg[NORMAL] = @bg_color + bg[PRELIGHT] = @bg_color + bg[SELECTED] = mix (0.24, @selected_bg_color, @bg_color) + bg[INSENSITIVE] = @bg_color + bg[ACTIVE] = @bg_color + + fg[NORMAL] = @fg_color + fg[PRELIGHT] = @fg_color + fg[SELECTED] = @fg_color + fg[INSENSITIVE] = mix (0.5, @fg_color, @bg_color) + fg[ACTIVE] = @fg_color + + text[NORMAL] = @text_color + text[PRELIGHT] = @text_color + text[SELECTED] = @text_color + text[INSENSITIVE] = mix (0.5, @text_color, @base_color) + text[ACTIVE] = @text_color + + base[NORMAL] = @base_color + base[PRELIGHT] = mix (0.08, @text_color, @base_color) + base[SELECTED] = mix (0.24, @selected_bg_color, @base_color) + base[INSENSITIVE] = mix (0.5, @base_color, @bg_color) + base[ACTIVE] = mix (0.24, @selected_bg_color, @base_color) + + # For succinctness, all reasonable pixmap options remain here + + # Draw frame around menu in a non-compositied environment + # This needs to go before pixmap because we need to override some stuff + engine "adwaita" {} + + engine "pixmap" { + + ################# + # Check Buttons # + ################# + + image { + function = CHECK + state = NORMAL + shadow = OUT + overlay_file = "assets/checkbox-unchecked.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = PRELIGHT + shadow = OUT + overlay_file = "assets/checkbox-unchecked-hover.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = ACTIVE + shadow = OUT + overlay_file = "assets/checkbox-unchecked-active.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = SELECTED + shadow = OUT + overlay_file = "assets/checkbox-unchecked.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = INSENSITIVE + shadow = OUT + overlay_file = "assets/checkbox-unchecked-disabled.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = NORMAL + shadow = IN + overlay_file = "assets/checkbox-checked.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = PRELIGHT + shadow = IN + overlay_file = "assets/checkbox-checked-hover.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = ACTIVE + shadow = IN + overlay_file = "assets/checkbox-checked-active.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = SELECTED + shadow = IN + overlay_file = "assets/checkbox-checked.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = INSENSITIVE + shadow = IN + overlay_file = "assets/checkbox-checked-disabled.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = NORMAL + shadow = ETCHED_IN + overlay_file = "assets/checkbox-mixed.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = PRELIGHT + shadow = ETCHED_IN + overlay_file = "assets/checkbox-mixed-hover.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = ACTIVE + shadow = ETCHED_IN + overlay_file = "assets/checkbox-mixed-active.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = SELECTED + shadow = ETCHED_IN + overlay_file = "assets/checkbox-mixed.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = INSENSITIVE + shadow = ETCHED_IN + overlay_file = "assets/checkbox-mixed-disabled.png" + overlay_stretch = FALSE + } + + ################# + # Radio Buttons # + ################# + + image { + function = OPTION + state = NORMAL + shadow = OUT + overlay_file = "assets/radio-unchecked.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = PRELIGHT + shadow = OUT + overlay_file = "assets/radio-unchecked-hover.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = ACTIVE + shadow = OUT + overlay_file = "assets/radio-unchecked-active.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = SELECTED + shadow = OUT + overlay_file = "assets/radio-unchecked.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = INSENSITIVE + shadow = OUT + overlay_file = "assets/radio-unchecked-disabled.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = NORMAL + shadow = IN + overlay_file = "assets/radio-checked.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = PRELIGHT + shadow = IN + overlay_file = "assets/radio-checked-hover.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = ACTIVE + shadow = IN + overlay_file = "assets/radio-checked-active.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = SELECTED + shadow = IN + overlay_file = "assets/radio-checked.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = INSENSITIVE + shadow = IN + overlay_file = "assets/radio-checked-disabled.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = NORMAL + shadow = ETCHED_IN + overlay_file = "assets/radio-mixed.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = PRELIGHT + shadow = ETCHED_IN + overlay_file = "assets/radio-mixed-hover.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = ACTIVE + shadow = ETCHED_IN + overlay_file = "assets/radio-mixed-active.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = SELECTED + shadow = ETCHED_IN + overlay_file = "assets/radio-mixed.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = INSENSITIVE + shadow = ETCHED_IN + overlay_file = "assets/radio-mixed-disabled.png" + overlay_stretch = FALSE + } + + ########## + # Arrows # + ########## + + # Overrides + + # Disable arrows in spinbuttons + image { + function = ARROW + detail = "spinbutton" + } + + # Disable arrows for qt in scrollbars + + image { + function = ARROW + detail = "vscrollbar" + } + + image { + function = ARROW + detail = "hscrollbar" + } + + # Menu arrows + + image { + function = ARROW + state = NORMAL + detail = "menuitem" + overlay_file = "assets/pan-left.png" + overlay_stretch = FALSE + arrow_direction = LEFT + } + + image { + function = ARROW + state = PRELIGHT + detail = "menuitem" + overlay_file = "assets/pan-left.png" + overlay_stretch = FALSE + arrow_direction = LEFT + } + + image { + function = ARROW + state = INSENSITIVE + detail = "menuitem" + overlay_file = "assets/pan-left-disabled.png" + overlay_stretch = FALSE + arrow_direction = LEFT + } + + image { + function = ARROW + state = NORMAL + detail = "menuitem" + overlay_file = "assets/pan-right.png" + overlay_stretch = FALSE + arrow_direction = RIGHT + } + + image { + function = ARROW + state = PRELIGHT + detail = "menuitem" + overlay_file = "assets/pan-right.png" + overlay_stretch = FALSE + arrow_direction = RIGHT + } + + image { + function = ARROW + state = INSENSITIVE + detail = "menuitem" + overlay_file = "assets/pan-right-disabled.png" + overlay_stretch = FALSE + arrow_direction = RIGHT + } + + image { + function = ARROW + state = INSENSITIVE + detail = "menu_scroll_arrow_up" + overlay_file = "assets/pan-up-disabled.png" + overlay_stretch = FALSE + } + + image { + function = ARROW + detail = "menu_scroll_arrow_up" + overlay_file = "assets/pan-up.png" + overlay_stretch = FALSE + } + + image { + function = ARROW + state = INSENSITIVE + detail = "menu_scroll_arrow_down" + overlay_file = "assets/pan-down-disabled.png" + overlay_stretch = FALSE + } + + image { + function = ARROW + detail = "menu_scroll_arrow_down" + overlay_file = "assets/pan-down.png" + overlay_stretch = FALSE + } + + # Regular arrows + + image { + function = ARROW + state = NORMAL + overlay_file = "assets/pan-up-alt.png" + overlay_stretch = FALSE + arrow_direction = UP + } + + image { + function = ARROW + state = PRELIGHT + overlay_file = "assets/pan-up.png" + overlay_stretch = FALSE + arrow_direction = UP + } + + image { + function = ARROW + state = ACTIVE + overlay_file = "assets/pan-up.png" + overlay_stretch = FALSE + arrow_direction = UP + } + + image { + function = ARROW + state = INSENSITIVE + overlay_file = "assets/pan-up-alt-disabled.png" + overlay_stretch = FALSE + arrow_direction = UP + } + + image { + function = ARROW + state = NORMAL + overlay_file = "assets/pan-down-alt.png" + overlay_stretch = FALSE + arrow_direction = DOWN + } + + image { + function = ARROW + state = PRELIGHT + overlay_file = "assets/pan-down.png" + overlay_stretch = FALSE + arrow_direction = DOWN + } + + image { + function = ARROW + state = ACTIVE + overlay_file = "assets/pan-down.png" + overlay_stretch = FALSE + arrow_direction = DOWN + } + + image { + function = ARROW + state = INSENSITIVE + overlay_file = "assets/pan-down-alt-disabled.png" + overlay_stretch = FALSE + arrow_direction = DOWN + } + + image { + function = ARROW + state = NORMAL + overlay_file = "assets/pan-left-alt.png" + overlay_stretch = FALSE + arrow_direction = LEFT + } + + image { + function = ARROW + state = PRELIGHT + overlay_file = "assets/pan-left.png" + overlay_stretch = FALSE + arrow_direction = LEFT + } + + image { + function = ARROW + state = ACTIVE + overlay_file = "assets/pan-left.png" + overlay_stretch = FALSE + arrow_direction = LEFT + } + + image { + function = ARROW + state = INSENSITIVE + overlay_file = "assets/pan-left-alt-disabled.png" + overlay_stretch = FALSE + arrow_direction = LEFT + } + + image { + function = ARROW + state = NORMAL + overlay_file = "assets/pan-right-alt.png" + overlay_stretch = FALSE + arrow_direction = RIGHT + } + + image { + function = ARROW + state = PRELIGHT + overlay_file = "assets/pan-right.png" + overlay_stretch = FALSE + arrow_direction = RIGHT + } + + image { + function = ARROW + state = ACTIVE + overlay_file = "assets/pan-right.png" + overlay_stretch = FALSE + arrow_direction = RIGHT + } + + image { + function = ARROW + state = INSENSITIVE + overlay_file = "assets/pan-right-alt-disabled.png" + overlay_stretch = FALSE + arrow_direction = RIGHT + } + + ###################### + # Option Menu Arrows # + ###################### + + image { + function = TAB + state = NORMAL + overlay_file = "assets/pan-down-alt.png" + overlay_stretch = FALSE + } + + image { + function = TAB + state = PRELIGHT + overlay_file = "assets/pan-down.png" + overlay_stretch = FALSE + } + + image { + function = TAB + state = ACTIVE + overlay_file = "assets/pan-down.png" + overlay_stretch = FALSE + } + + image { + function = TAB + state = INSENSITIVE + overlay_file = "assets/pan-down-alt-disabled.png" + overlay_stretch = FALSE + } + + ######### + # Lines # + ######### + + image { + function = VLINE + file = "assets/border.png" + border = {1, 0, 0, 0} + } + + image { + function = HLINE + file = "assets/border.png" + border = {0, 0, 1, 0} + } + + ######### + # Focus # + ######### + + image { + function = FOCUS + file = "assets/focus.png" + border = {5, 5, 5, 5} # Super strange, {4, 4, 4, 4} does not work properly... + stretch = TRUE + } + + ########### + # Handles # + ########### + + image { + function = HANDLE + detail = "handlebox" + overlay_file = "assets/handle-vert.png" + overlay_stretch = FALSE + } + + image { + function = HANDLE + state = NORMAL + overlay_file = "assets/handle-horz.png" + overlay_stretch = FALSE + orientation = HORIZONTAL + } + + image { + function = HANDLE + state = PRELIGHT + overlay_file = "assets/handle-horz-hover.png" + overlay_stretch = FALSE + orientation = HORIZONTAL + } + + image { + function = HANDLE + state = ACTIVE + overlay_file = "assets/handle-horz-active.png" + overlay_stretch = FALSE + orientation = HORIZONTAL + } + + image { + function = HANDLE + state = NORMAL + overlay_file = "assets/handle-vert.png" + overlay_stretch = FALSE + orientation = VERTICAL + } + + image { + function = HANDLE + state = PRELIGHT + overlay_file = "assets/handle-vert-hover.png" + overlay_stretch = FALSE + orientation = VERTICAL + } + + image { + function = HANDLE + state = ACTIVE + overlay_file = "assets/handle-vert-active.png" + overlay_stretch = FALSE + orientation = VERTICAL + } + + image { + function = RESIZE_GRIP + } + + ############# + # Expanders # + ############# + + image { + function = EXPANDER + expander_style = EXPANDED + state = NORMAL + file = "assets/pan-down-alt.png" + } + + image { + function = EXPANDER + expander_style = EXPANDED + state = PRELIGHT + file = "assets/pan-down.png" + } + + image { + function = EXPANDER + expander_style = EXPANDED + state = ACTIVE + file = "assets/pan-down.png" + } + + image { + function = EXPANDER + expander_style = EXPANDED + state = INSENSITIVE + file = "assets/pan-down-alt-disabled.png" + } + + # LTR + + image { + function = EXPANDER + expander_style = COLLAPSED + state = NORMAL + file = "assets/pan-right-alt.png" + direction = LTR + } + + image { + function = EXPANDER + expander_style = COLLAPSED + state = PRELIGHT + file = "assets/pan-right.png" + direction = LTR + } + + image { + function = EXPANDER + expander_style = COLLAPSED + state = ACTIVE + file = "assets/pan-right.png" + direction = LTR + } + + image { + function = EXPANDER + expander_style = COLLAPSED + state = INSENSITIVE + file = "assets/pan-right-alt-disabled.png" + direction = LTR + } + + image { + function = EXPANDER + expander_style = SEMI_COLLAPSED + file = "assets/pan-right-semi.png" + direction = LTR + } + + image { + function = EXPANDER + expander_style = SEMI_EXPANDED + file = "assets/pan-right-semi.png" + direction = LTR + } + + # RTL + + image { + function = EXPANDER + expander_style = COLLAPSED + state = NORMAL + file = "assets/pan-left-alt.png" + direction = RTL + } + + image { + function = EXPANDER + expander_style = COLLAPSED + state = PRELIGHT + file = "assets/pan-left.png" + direction = RTL + } + + image { + function = EXPANDER + expander_style = COLLAPSED + state = ACTIVE + file = "assets/pan-left.png" + direction = RTL + } + + image { + function = EXPANDER + expander_style = COLLAPSED + state = INSENSITIVE + file = "assets/pan-left-alt-disabled.png" + direction = RTL + } + + image { + function = EXPANDER + expander_style = SEMI_COLLAPSED + file = "assets/pan-left-semi.png" + direction = RTL + } + + image { + function = EXPANDER + expander_style = SEMI_EXPANDED + file = "assets/pan-left-semi.png" + direction = RTL + } + + ############# + # Notebooks # + ############# + + # Left + + image { + function = EXTENSION + state = NORMAL + file = "assets/tab.png" + border = {0, 1, 0, 0} + stretch = TRUE + gap_side = RIGHT + } + + image { + function = EXTENSION + gap_side = RIGHT + } + + # Right + + image { + function = EXTENSION + state = NORMAL + file = "assets/tab.png" + border = {1, 0, 0, 0} + stretch = TRUE + gap_side = LEFT + } + + image { + function = EXTENSION + gap_side = LEFT + } + + # Up + + image { + function = EXTENSION + state = NORMAL + file = "assets/tab.png" + border = {0, 0, 0, 1} + stretch = TRUE + gap_side = BOTTOM + } + + image { + function = EXTENSION + gap_side = BOTTOM + } + + # Down + + image { + function = EXTENSION + state = NORMAL + file = "assets/tab.png" + border = {0, 0, 1, 0} + stretch = TRUE + gap_side = TOP + } + + image { + function = EXTENSION + gap_side = TOP + } + + # Inner frame + + image { + function = BOX_GAP + detail = "notebook" + file = "assets/frame-notebook.png" + border = {1, 1, 1, 1} + stretch = TRUE + gap_file = "assets/tab.png" + gap_border = {1, 0, 0, 0} + gap_side = LEFT + } + + image { + function = BOX_GAP + detail = "notebook" + file = "assets/frame-notebook.png" + border = {1, 1, 1, 1} + stretch = TRUE + gap_file = "assets/tab.png" + gap_border = {0, 1, 0, 0} + gap_side = RIGHT + } + + image { + function = BOX_GAP + detail = "notebook" + file = "assets/frame-notebook.png" + border = {1, 1, 1, 1} + stretch = TRUE + gap_file = "assets/tab.png" + gap_border = {0, 0, 1, 0} + gap_side = TOP + } + + image { + function = BOX_GAP + detail = "notebook" + file = "assets/frame-notebook.png" + border = {1, 1, 1, 1} + stretch = TRUE + gap_file = "assets/tab.png" + gap_border = {0, 0, 0, 1} + gap_side = BOTTOM + } + + # Standalone frame + image { + function = BOX + detail = "notebook" + file = "assets/frame-notebook.png" + border = {1, 1, 1, 1} + stretch = TRUE + } + + ############## + # Scrollbars # + ############## + + image { + function = BOX + detail = "trough" + file = "assets/scrollbar-horz-trough.png" + border = {0, 0, 1, 0} + orientation = HORIZONTAL + } + + image { + function = BOX + detail = "trough" + file = "assets/scrollbar-vert-ltr-trough.png" + border = {1, 0, 0, 0} + orientation = VERTICAL + direction = LTR + } + + image { + function = BOX + detail = "trough" + file = "assets/scrollbar-vert-rtl-trough.png" + border = {0, 1, 0, 0} + orientation = VERTICAL + direction = RTL + } + + # Horizontal sliders + + image { + function = SLIDER + state = NORMAL + detail = "slider" + file = "assets/scrollbar-horz-slider.png" + border = {8, 8, 9, 8 } + stretch = TRUE + orientation = HORIZONTAL + } + + image { + function = SLIDER + state = PRELIGHT + detail = "slider" + file = "assets/scrollbar-horz-slider-hover.png" + border = {8, 8, 9, 8 } + stretch = TRUE + orientation = HORIZONTAL + } + + image { + function = SLIDER + state = ACTIVE + detail = "slider" + file = "assets/scrollbar-horz-slider-active.png" + border = {8, 8, 9, 8 } + stretch = TRUE + orientation = HORIZONTAL + } + + image { + function = SLIDER + state = INSENSITIVE + detail = "slider" + file = "assets/scrollbar-horz-slider-disabled.png" + border = {8, 8, 9, 8 } + stretch = TRUE + orientation = HORIZONTAL + } + + # Vertical sliders + + image { + function = SLIDER + state = NORMAL + detail = "slider" + file = "assets/scrollbar-vert-ltr-slider.png" + border = {9, 8, 8, 8} + stretch = TRUE + orientation = VERTICAL + direction = LTR + } + + image { + function = SLIDER + state = PRELIGHT + detail = "slider" + file = "assets/scrollbar-vert-ltr-slider-hover.png" + border = {9, 8, 8, 8} + stretch = TRUE + orientation = VERTICAL + direction = LTR + } + + image { + function = SLIDER + state = ACTIVE + detail = "slider" + file = "assets/scrollbar-vert-ltr-slider-active.png" + border = {9, 8, 8, 8} + stretch = TRUE + orientation = VERTICAL + direction = LTR + } + + image { + function = SLIDER + state = INSENSITIVE + detail = "slider" + file = "assets/scrollbar-vert-ltr-slider-disabled.png" + border = {9, 8, 8, 8} + stretch = TRUE + orientation = VERTICAL + direction = LTR + } + + # RTL + + image { + function = SLIDER + state = NORMAL + detail = "slider" + file = "assets/scrollbar-vert-rtl-slider.png" + border = {8, 9, 8, 8} + stretch = TRUE + orientation = VERTICAL + direction = RTL + } + + image { + function = SLIDER + state = PRELIGHT + detail = "slider" + file = "assets/scrollbar-vert-rtl-slider-hover.png" + border = {8, 9, 8, 8} + stretch = TRUE + orientation = VERTICAL + direction = RTL + } + + image { + function = SLIDER + state = ACTIVE + detail = "slider" + file = "assets/scrollbar-vert-rtl-slider-active.png" + border = {8, 9, 8, 8} + stretch = TRUE + orientation = VERTICAL + direction = RTL + } + + image { + function = SLIDER + state = INSENSITIVE + detail = "slider" + file = "assets/scrollbar-vert-rtl-slider-disabled.png" + border = {8, 9, 8, 8} + stretch = TRUE + orientation = VERTICAL + direction = RTL + } + + ########## + # Scales # + ########## + + # Troughs, overrided later on. We set them here too because some widgets + # don't specify their orientation. + + image { + function = BOX + detail = "trough-upper" + file = "assets/scale-horz-trough.png" + border = {6, 6, 0, 0} + stretch = TRUE + orientation = HORIZONTAL + } + + image { + function = BOX + state = INSENSITIVE + detail = "trough-upper" + file = "assets/scale-horz-trough-disabled.png" + border = {6, 6, 0, 0} + stretch = TRUE + orientation = HORIZONTAL + } + + image { + function = BOX + detail = "trough-lower" + file = "assets/scale-horz-trough-active.png" + border = {6, 6, 0, 0} + stretch = TRUE + orientation = HORIZONTAL + } + + image { + function = BOX + state = INSENSITIVE + detail = "trough-lower" + file = "assets/scale-horz-trough-disabled.png" + border = {6, 6, 0, 0} + stretch = TRUE + orientation = HORIZONTAL + } + + image { + function = BOX + detail = "trough-upper" + file = "assets/scale-vert-trough.png" + border = {0, 0, 6, 6} + stretch = TRUE + orientation = VERTICAL + } + + image { + function = BOX + state = INSENSITIVE + detail = "trough-upper" + file = "assets/scale-vert-trough-disabled.png" + border = {0, 0, 6, 6} + stretch = TRUE + orientation = VERTICAL + } + + image { + function = BOX + detail = "trough-lower" + file = "assets/scale-vert-trough-active.png" + border = {0, 0, 6, 6} + stretch = TRUE + orientation = VERTICAL + } + + image { + function = BOX + state = INSENSITIVE + detail = "trough-lower" + file = "assets/scale-vert-trough-disabled.png" + border = {0, 0, 6, 6} + stretch = TRUE + orientation = VERTICAL + } + + # Sliders + + image { + function = SLIDER + state = NORMAL + detail = "hscale" + file = "assets/scale-slider.png" + } + + image { + function = SLIDER + state = PRELIGHT + detail = "hscale" + file = "assets/scale-slider-hover.png" + } + + image { + function = SLIDER + state = ACTIVE + detail = "hscale" + file = "assets/scale-slider-active.png" + } + + image { + function = SLIDER + state = INSENSITIVE + detail = "hscale" + file = "assets/scale-slider-disabled.png" + } + + image { + function = SLIDER + state = NORMAL + detail = "vscale" + file = "assets/scale-slider.png" + } + + image { + function = SLIDER + state = PRELIGHT + detail = "vscale" + file = "assets/scale-slider-hover.png" + } + + image { + function = SLIDER + state = ACTIVE + detail = "vscale" + file = "assets/scale-slider-active.png" + } + + image { + function = SLIDER + state = INSENSITIVE + detail = "vscale" + file = "assets/scale-slider-disabled.png" + } + + ########### + # Menubar # + ########### + + # image { + # function = BOX + # detail = "menubar" + # file = "assets/border.png" + # border = {0, 0, 0, 1} + # } + + ######### + # Menus # + ######### + + image { + function = BOX + state = PRELIGHT + detail = "menu_scroll_arrow_up" + file = "assets/border.png" + } + + image { + function = BOX + detail = "menu_scroll_arrow_up" + file = "assets/border.png" + border = {0, 0, 0, 1} + } + + image { + function = BOX + state = PRELIGHT + detail = "menu_scroll_arrow_down" + file = "assets/border.png" + } + + image { + function = BOX + detail = "menu_scroll_arrow_down" + file = "assets/border.png" + border = {0, 0, 1, 0} + } + + ########### + # Entries # + ########### + + image { + function = SHADOW + state = ACTIVE + detail = "entry" + file = "assets/entry-active.png" + border = {6, 6, 6, 6} + stretch = TRUE + } + + image { + function = SHADOW + state = INSENSITIVE + detail = "entry" + file = "assets/entry-disabled.png" + border = {6, 6, 6, 6} + stretch = TRUE + } + + image { + function = SHADOW + detail = "entry" + file = "assets/entry.png" + border = {6, 6, 6, 6} + stretch = TRUE + } + + image { + function = FLAT_BOX + state = ACTIVE + detail = "entry_bg" + file = "assets/entry-background.png" + } + + image { + function = FLAT_BOX + state = INSENSITIVE + detail = "entry_bg" + file = "assets/entry-background-disabled.png" + } + + image { + function = FLAT_BOX + detail = "entry_bg" + file = "assets/entry-background.png" + } + + ######### + # Spins # + ######### + + # Spin-Up LTR + + image { + function = BOX + state = NORMAL + detail = "spinbutton_up" + file = "assets/spin-ltr-up.png" + border = {0, 8, 8, 0} + stretch = TRUE + overlay_file = "assets/pan-up-alt.png" + overlay_stretch = FALSE + direction = LTR + } + + image { + function = BOX + state = PRELIGHT + detail = "spinbutton_up" + file = "assets/spin-ltr-up-hover.png" + border = {0, 8, 8, 0} + stretch = TRUE + overlay_file = "assets/pan-up.png" + overlay_stretch = FALSE + direction = LTR + } + + image { + function = BOX + state = ACTIVE + detail = "spinbutton_up" + file = "assets/spin-ltr-up-active.png" + border = {0, 8, 8, 0} + stretch = TRUE + overlay_file = "assets/pan-up.png" + overlay_stretch = FALSE + direction = LTR + } + + image { + function = BOX + state = INSENSITIVE + detail = "spinbutton_up" + file = "assets/spin-ltr-up-disabled.png" + border = {0, 8, 8, 0} + stretch = TRUE + overlay_file = "assets/pan-up-alt-disabled.png" + overlay_stretch = FALSE + direction = LTR + } + + # Spin-Up RTL + + image { + function = BOX + state = NORMAL + detail = "spinbutton_up" + file = "assets/spin-rtl-up.png" + border = {8, 0, 8, 0} + stretch = TRUE + overlay_file = "assets/pan-up-alt.png" + overlay_stretch = FALSE + direction = RTL + } + + image { + function = BOX + state = PRELIGHT + detail = "spinbutton_up" + file = "assets/spin-rtl-up-hover.png" + border = {8, 0, 8, 0} + stretch = TRUE + overlay_file = "assets/pan-up.png" + overlay_stretch = FALSE + direction = RTL + } + + image { + function = BOX + state = ACTIVE + detail = "spinbutton_up" + file = "assets/spin-rtl-up-hover.png" + border = {8, 0, 8, 0} + stretch = TRUE + overlay_file = "assets/pan-up.png" + overlay_stretch = FALSE + direction = RTL + } + + image { + function = BOX + state = INSENSITIVE + detail = "spinbutton_up" + file = "assets/spin-rtl-up-disabled.png" + border = {8, 0, 8, 0} + stretch = TRUE + overlay_file = "assets/pan-up-alt-disabled.png" + overlay_stretch = FALSE + direction = RTL + } + + # Spin-Down LTR + + image { + function = BOX + state = NORMAL + detail = "spinbutton_down" + file = "assets/spin-ltr-down.png" + border = {0, 8, 0, 8} + stretch = TRUE + overlay_file = "assets/pan-down-alt.png" + overlay_stretch = FALSE + direction = LTR + } + + image { + function = BOX + state = PRELIGHT + detail = "spinbutton_down" + file = "assets/spin-ltr-down-hover.png" + border = {0, 8, 0, 8} + stretch = TRUE + overlay_file = "assets/pan-down.png" + overlay_stretch = FALSE + direction = LTR + } + + image { + function = BOX + state = ACTIVE + detail = "spinbutton_down" + file = "assets/spin-ltr-down-active.png" + border = {0, 8, 0, 8} + stretch = TRUE + overlay_file = "assets/pan-down.png" + overlay_stretch = FALSE + direction = LTR + } + + image { + function = BOX + state = INSENSITIVE + detail = "spinbutton_down" + file = "assets/spin-ltr-down-disabled.png" + border = {0, 8, 0, 8} + stretch = TRUE + overlay_file = "assets/pan-down-alt-disabled.png" + overlay_stretch = FALSE + direction = LTR + } + + # Spin-Down RTL + + image { + function = BOX + state = NORMAL + detail = "spinbutton_down" + file = "assets/spin-rtl-down.png" + border = {8, 0, 0, 8} + stretch = TRUE + overlay_file = "assets/pan-down-alt.png" + overlay_stretch = FALSE + direction = RTL + } + + image { + function = BOX + state = PRELIGHT + detail = "spinbutton_down" + file = "assets/spin-rtl-down-hover.png" + border = {8, 0, 0, 8} + stretch = TRUE + overlay_file = "assets/pan-down.png" + overlay_stretch = FALSE + direction = RTL + } + + image { + function = BOX + state = ACTIVE + detail = "spinbutton_down" + file = "assets/spin-rtl-down-active.png" + border = {8, 0, 0, 8} + stretch = TRUE + overlay_file = "assets/pan-down.png" + overlay_stretch = FALSE + direction = RTL + } + + image { + function = BOX + state = INSENSITIVE + detail = "spinbutton_down" + file = "assets/spin-rtl-down-disabled.png" + border = {8, 0, 0, 8} + stretch = TRUE + overlay_file = "assets/pan-down-alt-disabled.png" + overlay_stretch = FALSE + direction = RTL + } + + ############## + # Scrollbars # + ############## + + image { + function = BOX + detail = "bar" + file = "assets/progressbar-progress.png" + stretch = TRUE + border = {0, 0, 0, 0} + orientation = HORIZONTAL + } + + image { + function = BOX + detail = "bar" + file = "assets/progressbar-progress.png" + stretch = TRUE + border = {0, 0, 0, 0} + orientation = VERTICAL + } + + ############# + # Treeviews # + ############# + + # Disable active the column highlight + # We need to match specific cells or we break stuff + # Looking at you deadbeef + + image { + function = FLAT_BOX + detail = "cell_even_sorted" + state = NORMAL + } + + image { + function = FLAT_BOX + detail = "cell_odd_sorted" + state = NORMAL + } + + # Disable all the other shadows + # This prevents the Raleigh effect + image { + function = SHADOW + } + } +} + +style "menubar" { + bg[NORMAL] = @titlebar_bg_color + fg[NORMAL] = mix(0.7, @titlebar_fg_color, @titlebar_bg_color) + fg[PRELIGHT] = @titlebar_fg_color + fg[INSENSITIVE] = mix(0.3, @titlebar_fg_color, @titlebar_bg_color) + # Needed to fix Firefox's menubar text + bg[SELECTED] = mix(0.12, @titlebar_fg_color, @titlebar_bg_color) + fg[SELECTED] = @titlebar_fg_color +} + +style "menubar_item" { + xthickness = 3 + ythickness = 4 + + fg[NORMAL] = mix(0.7, @titlebar_fg_color, @titlebar_bg_color) + bg[PRELIGHT] = mix(0.12, @titlebar_fg_color, @titlebar_bg_color) + fg[PRELIGHT] = @titlebar_fg_color + fg[INSENSITIVE] = mix(0.3, @titlebar_fg_color, @titlebar_bg_color) +} + +style "menu" { + xthickness = 0 + ythickness = 0 + + bg[NORMAL] = @menu_color + bg[INSENSITIVE] = @menu_color + bg[PRELIGHT] = @menu_color + bg[SELECTED] = mix(0.08, @fg_color, @menu_color) +} + +style "menu_item" { + xthickness = 4 + ythickness = 4 + + bg[PRELIGHT] = mix(0.08, @fg_color, @menu_color) + fg[PRELIGHT] = @fg_color + # Chromium uses this setting + bg[SELECTED] = mix(0.08, @fg_color, @menu_color) + text[SELECTED] = @fg_color + # Some widgets use text, we need to handle that + text[NORMAL] = @fg_color + text[PRELIGHT] = @fg_color + + # Unfortunately we can't tell regular and menu checks/radios apart + # Without the heirarchy + engine "pixmap" { + + ################# + # Check Buttons # + ################# + + image { + function = CHECK + state = NORMAL + shadow = OUT + overlay_file = "assets/menu-checkbox-unchecked.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = PRELIGHT + shadow = OUT + overlay_file = "assets/menu-checkbox-unchecked.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = ACTIVE + shadow = OUT + overlay_file = "assets/menu-checkbox-unchecked.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = INSENSITIVE + shadow = OUT + overlay_file = "assets/menu-checkbox-unchecked-disabled.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = NORMAL + shadow = IN + overlay_file = "assets/menu-checkbox-checked.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = PRELIGHT + shadow = IN + overlay_file = "assets/menu-checkbox-checked.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = ACTIVE + shadow = IN + overlay_file = "assets/menu-checkbox-checked.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = INSENSITIVE + shadow = IN + overlay_file = "assets/menu-checkbox-checked-disabled.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = NORMAL + shadow = ETCHED_IN + overlay_file = "assets/menu-checkbox-mixed.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = PRELIGHT + shadow = ETCHED_IN + overlay_file = "assets/menu-checkbox-mixed.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = ACTIVE + shadow = ETCHED_IN + overlay_file = "assets/menu-checkbox-mixed.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = INSENSITIVE + shadow = ETCHED_IN + overlay_file = "assets/menu-checkbox-mixed-disabled.png" + overlay_stretch = FALSE + } + + ################# + # Radio Buttons # + ################# + + image { + function = OPTION + state = NORMAL + shadow = OUT + overlay_file = "assets/menu-radio-unchecked.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = PRELIGHT + shadow = OUT + overlay_file = "assets/menu-radio-unchecked.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = ACTIVE + shadow = OUT + overlay_file = "assets/menu-radio-unchecked.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = INSENSITIVE + shadow = OUT + overlay_file = "assets/menu-radio-unchecked-disabled.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = NORMAL + shadow = IN + overlay_file = "assets/menu-radio-checked.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = PRELIGHT + shadow = IN + overlay_file = "assets/menu-radio-checked.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = ACTIVE + shadow = IN + overlay_file = "assets/menu-radio-checked.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = INSENSITIVE + shadow = IN + overlay_file = "assets/menu-radio-checked-disabled.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = NORMAL + shadow = ETCHED_IN + overlay_file = "assets/menu-radio-mixed.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = PRELIGHT + shadow = ETCHED_IN + overlay_file = "assets/menu-radio-mixed.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = ACTIVE + shadow = ETCHED_IN + overlay_file = "assets/menu-radio-mixed.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = INSENSITIVE + shadow = ETCHED_IN + overlay_file = "assets/menu-radio-mixed-disabled.png" + overlay_stretch = FALSE + } + } +} + +style "separator_menu_item" { + xthickness = 0 + ythickness = 2 + + engine "pixmap" { + image { + function = BOX + file = "assets/border.png" + border = {0, 0, 0, 1} + } + } +} + +style "button_label" { + # fg[NORMAL] = mix(0.7, @fg_color, @bg_color) + # fg[INSENSITIVE] = mix(0.3, @fg_color, @bg_color) + + font_name = "Medium" +} + +style "normal_button_label" { + # fg[NORMAL] = @fg_color + # fg[INSENSITIVE] = mix(0.5, @fg_color, @bg_color) + + font_name = "Regular" +} + +style "button" { + xthickness = 6 + ythickness = 6 + + # For the sake of sanity style buttons this way + engine "pixmap" { + + ########### + # Buttons # + ########### + + image { + function = BOX + state = NORMAL + file = "assets/button.png" + border = {6, 6, 6, 6} + stretch = TRUE + } + + image { + function = BOX + state = PRELIGHT + shadow = OUT + file = "assets/button-hover.png" + border = {6, 6, 6, 6} + stretch = TRUE + } + + # Don't add hover effect on pressed buttons + image { + function = BOX + state = PRELIGHT + shadow = IN + file = "assets/button-active.png" + border = {6, 6, 6, 6} + stretch = TRUE + } + + image { + function = BOX + state = ACTIVE + file = "assets/button-active.png" + border = {6, 6, 6, 6} + stretch = TRUE + } + + image { + function = BOX + state = INSENSITIVE + file = "assets/button-disabled.png" + border = {6, 6, 6, 6} + stretch = TRUE + } + } +} + +style "link_button" { + # Disable the button effect, leave just the link + engine "pixmap" { + image { + function = BOX + } + } +} + +style "entry" { + base[NORMAL] = @bg_color + base[SELECTED] = mix (0.24, @selected_bg_color, @bg_color) + base[INSENSITIVE] = @bg_color + base[ACTIVE] = mix (0.24, @selected_bg_color, @bg_color) + + # We set this same as the border of the border of the entry + # This way there's no overlap + xthickness = 6 + ythickness = 6 +} + +style "combobox" { + xthickness = 6 + ythickness = 6 + + # This affects only the button beside an entry + GtkButton::inner-border = {0, 0, 0, 0} + + # For the sake of sanity style buttons this way + engine "pixmap" { + + ########### + # Buttons # + ########### + + image { + function = BOX + state = NORMAL + file = "assets/entry.png" + border = {6, 6, 6, 6} + stretch = TRUE + } + + image { + function = BOX + state = PRELIGHT + file = "assets/entry-hover.png" + border = {6, 6, 6, 6} + stretch = TRUE + } + + image { + function = BOX + state = ACTIVE + file = "assets/entry-active.png" + border = {6, 6, 6, 6} + stretch = TRUE + } + + image { + function = BOX + state = INSENSITIVE + file = "assets/entry-disabled.png" + border = {6, 6, 6, 6} + stretch = TRUE + } + } +} + +style "combobox_cellview" { + # text[NORMAL] = mix(0.7, @fg_color, @bg_color) + # text[INSENSITIVE] = mix(0.3, @fg_color, @bg_color) +} + +style "combobox_entry" { + # Since one side of the button is missing, we need to shift the arrow a little to the right + GtkButton::inner-border = {0, 2, 0, 0} + + base[NORMAL] = @base_color + base[ACTIVE] = @base_color + + engine "pixmap" { + + ############# + # LTR entry # + ############# + + image { + function = SHADOW + state = NORMAL + detail = "entry" + file = "assets/combo-left-entry.png" + border = {6, 6, 6, 6} + stretch = TRUE + direction = LTR + } + + image { + function = SHADOW + state = ACTIVE + detail = "entry" + file = "assets/combo-left-entry-active.png" + border = {6, 6, 6, 6} + stretch = TRUE + direction = LTR + } + + image { + function = SHADOW + state = INSENSITIVE + detail = "entry" + file = "assets/combo-left-entry-disabled.png" + border = {6, 6, 6, 6} + stretch = TRUE + direction = LTR + } + + ############# + # RTL entry # + ############# + + image { + function = SHADOW + state = NORMAL + detail = "entry" + file = "assets/combo-right-entry.png" + border = {6, 6, 6, 6} + stretch = TRUE + direction = RTL + } + + image { + function = SHADOW + state = ACTIVE + detail = "entry" + file = "assets/combo-right-entry-active.png" + border = {6, 6, 6, 6} + stretch = TRUE + direction = RTL + } + + image { + function = SHADOW + state = INSENSITIVE + detail = "entry" + file = "assets/combo-right-entry-disabled.png" + border = {6, 6, 6, 6} + stretch = TRUE + direction = RTL + } + + ############## + # LTR button # + ############## + + image { + function = BOX + state = NORMAL + detail = "button" + file = "assets/combo-right-entry.png" + border = {0, 6, 6, 6} + stretch = TRUE + direction = LTR + } + + image { + function = BOX + state = PRELIGHT + detail = "button" + file = "assets/combo-right-entry-hover.png" + border = {0, 6, 6, 6} + stretch = TRUE + direction = LTR + } + + image { + function = BOX + state = ACTIVE + detail = "button" + file = "assets/combo-right-entry-active.png" + border = {0, 6, 6, 6} + stretch = TRUE + direction = LTR + } + + image { + function = BOX + state = INSENSITIVE + detail = "button" + file = "assets/combo-right-entry-disabled.png" + border = {0, 6, 6, 6} + stretch = TRUE + direction = LTR + } + + ############## + # RTL button # + ############## + + image { + function = BOX + state = NORMAL + detail = "button" + file = "assets/combo-left-entry.png" + border = {6, 0, 6, 6} + stretch = TRUE + direction = RTL + } + + image { + function = BOX + state = PRELIGHT + detail = "button" + file = "assets/combo-left-entry-hover.png" + border = {6, 0, 6, 6} + stretch = TRUE + direction = RTL + } + + image { + function = BOX + state = ACTIVE + detail = "button" + file = "assets/combo-left-entry-active.png" + border = {6, 0, 6, 6} + stretch = TRUE + direction = RTL + } + + image { + function = BOX + state = INSENSITIVE + detail = "button" + file = "assets/combo-left-entry-disabled.png" + border = {6, 0, 6, 6} + stretch = TRUE + direction = RTL + } + } +} + +style "combo_button_padding" { + # Since one side of the button is missing, we need to shift the arrow a + # little to the right. + # This is the same thing we've done above but the combo, unlike the combobox, + # uses padding the same way as a button. + GtkButton::inner-border = {3, 6, 3, 3} +} + +style "notebook" { + xthickness = 3 + ythickness = 3 +} + +style "notebook_tab_label" { + fg[ACTIVE] = mix(0.7, @fg_color, @bg_color) + + font_name = "Medium" +} + +style "notebook_viewport" { + bg[NORMAL] = @base_color +} + +style "notebook_bg" { + bg[NORMAL] = @base_color + bg[PRELIGHT] = @base_color + bg[INSENSITIVE] = @base_color +} + +style "notebook_entry" { + base[NORMAL] = @base_color + base[SELECTED] = mix (0.24, @selected_bg_color, @base_color) + base[INSENSITIVE] = @base_color + base[ACTIVE] = mix (0.24, @selected_bg_color, @base_color) +} + +style "normal_bg" { + bg[NORMAL] = @bg_color + bg[PRELIGHT] = @bg_color + bg[INSENSITIVE] = @bg_color +} + +style "normal_entry" { + base[NORMAL] = @bg_color + base[SELECTED] = mix (0.24, @selected_bg_color, @bg_color) + base[INSENSITIVE] = @bg_color + base[ACTIVE] = mix (0.24, @selected_bg_color, @bg_color) +} + +style "textview" { + bg[NORMAL] = @base_color +} + +style "scale_horz" { + engine "pixmap" { + image { + function = BOX + detail = "trough-upper" + file = "assets/scale-horz-trough.png" + border = {6, 6, 0, 0} + stretch = TRUE + } + + image { + function = BOX + detail = "trough-lower" + file = "assets/scale-horz-trough-active.png" + border = {6, 6, 0, 0} + stretch = TRUE + } + } +} + +style "scale_vert" { + engine "pixmap" { + image { + function = BOX + detail = "trough-upper" + file = "assets/scale-vert-trough.png" + border = {0, 0, 6, 6} + stretch = TRUE + } + + image { + function = BOX + detail = "trough-lower" + file = "assets/scale-vert-trough-active.png" + border = {0, 0, 6, 6} + stretch = TRUE + } + } +} + +style "progressbar" { + xthickness = 0 + ythickness = 0 + + fg[PRELIGHT] = @selected_fg_color + + engine "pixmap" { + image { + function = BOX + detail = "trough" + file = "assets/progressbar-trough.png" + border = {0, 0, 0, 0} + stretch = TRUE + orientation = HORIZONTAL + } + + image { + function = BOX + detail = "trough" + file = "assets/progressbar-trough.png" + border = {0, 0, 0, 0} + stretch = TRUE + orientation = VERTICAL + } + } +} + +style "treeview_header" { + xthickness = 2 + ythickness = 2 + + fg[NORMAL] = mix(0.7, @fg_color, @base_color) + fg[PRELIGHT] = @fg_color + + font_name = "Medium" + + GtkButton::inner-border = {4, 4, 0, 2} + + engine "pixmap" { + image { + function = BOX + state = NORMAL + file = "assets/treeview-ltr-button.png" + border = {0, 1, 0, 1} + stretch = TRUE + direction = LTR + } + + image { + function = BOX + state = PRELIGHT + file = "assets/treeview-ltr-button-hover.png" + border = {0, 1, 0, 1} + stretch = TRUE + direction = LTR + } + + image { + function = BOX + state = ACTIVE + file = "assets/treeview-ltr-button-active.png" + border = {0, 1, 0, 1} + stretch = TRUE + direction = LTR + } + + image { + function = BOX + state = NORMAL + file = "assets/treeview-rtl-button.png" + border = {1, 0, 0, 1} + stretch = TRUE + direction = RTL + } + + image { + function = BOX + state = PRELIGHT + file = "assets/treeview-rtl-button-hover.png" + border = {1, 0, 0, 1} + stretch = TRUE + direction = RTL + } + + image { + function = BOX + state = ACTIVE + file = "assets/treeview-rtl-button-active.png" + border = {1, 0, 0, 1} + stretch = TRUE + direction = RTL + } + + image { + function = ARROW + state = NORMAL + overlay_file = "assets/pan-up-alt.png" + overlay_stretch = FALSE + arrow_direction = UP + } + + image { + function = ARROW + state = PRELIGHT + overlay_file = "assets/pan-up.png" + overlay_stretch = FALSE + arrow_direction = UP + } + + image { + function = ARROW + state = ACTIVE + overlay_file = "assets/pan-up.png" + overlay_stretch = FALSE + arrow_direction = UP + } + + image { + function = ARROW + state = NORMAL + overlay_file = "assets/pan-down-alt.png" + overlay_stretch = FALSE + arrow_direction = DOWN + } + + image { + function = ARROW + state = PRELIGHT + overlay_file = "assets/pan-down.png" + overlay_stretch = FALSE + arrow_direction = DOWN + } + + image { + function = ARROW + state = ACTIVE + overlay_file = "assets/pan-down.png" + overlay_stretch = FALSE + arrow_direction = DOWN + } + } +} + +style "scrolled_window" { + engine "pixmap" { + image { + function = SHADOW + file = "assets/frame.png" + border = {1, 1, 1, 1} + stretch = TRUE + } + } +} + +style "frame" { + engine "pixmap" { + image { + function = SHADOW + shadow = NONE + } + + image { + function = SHADOW + file = "assets/frame.png" + border = {1, 1, 1, 1} + stretch = TRUE + } + + image { + function = SHADOW_GAP + file = "assets/frame.png" + border = {1, 1, 1, 1} + stretch = TRUE + gap_start_file = "assets/border.png" + gap_end_file = "assets/border.png" + } + } +} + +style "tool_button" { + GtkButton::inner-border = {2, 2, 2, 2} + + # For the sake of sanity style buttons this way + engine "pixmap" { + image { + function = BOX + state = NORMAL + file = "assets/flat-button.png" + border = {6, 6, 6, 6} + stretch = TRUE + } + + image { + function = BOX + state = PRELIGHT + shadow = OUT + file = "assets/flat-button-hover.png" + border = {6, 6, 6, 6} + stretch = TRUE + } + + # Don't add hover effect on pressed buttons + image { + function = BOX + state = PRELIGHT + shadow = IN + file = "assets/flat-button-active.png" + border = {6, 6, 6, 6} + stretch = TRUE + } + + image { + function = BOX + state = ACTIVE + file = "assets/flat-button-active.png" + border = {6, 6, 6, 6} + stretch = TRUE + } + + image { + function = BOX + state = INSENSITIVE + shadow = OUT + file = "assets/flat-button-disabled.png" + border = {6, 6, 6, 6} + stretch = TRUE + } + + image { + function = BOX + state = INSENSITIVE + shadow = IN + file = "assets/button-disabled.png" + border = {6, 6, 6, 6} + stretch = TRUE + } + } +} + +style "toolbar_separator" { + GtkWidget::wide-separators = 1 + GtkWidget::separator-width = 1 + GtkWidget::separator-height = 1 + + engine "pixmap" { + image { + function = BOX + file = "assets/border.png" + } + } +} + +style "inline_toolbar" { + # GtkToolbar::button-relief = GTK_RELIEF_NORMAL + + engine "pixmap" { + image { + function = BOX + file = "assets/frame-inline.png" + border = {1, 1, 0, 1} + stretch = TRUE + } + } +} + +style "tooltip" { + xthickness = 8 + ythickness = 8 + + bg[NORMAL] = @tooltip_bg_color + fg[NORMAL] = @tooltip_fg_color + bg[SELECTED] = @tooltip_bg_color +} + +style "disable_text_shadow" { + engine "murrine" { + textstyle = 0 + } +} + +style "disable_separator" { + xthickness = 0 + ythickness = 0 + + GtkWidget::wide-separators = 1 +} + +# Default style, containing theme properties and trying to match every widget as +# much as possible, which is not only faster than trying to match every widget +# by its own but also less bug-prune and more consistent. However there is some +# widget specific stuff that needs to be taken care of, which is the point of +# every other style below. +class "GtkWidget" style "default" + +###################################### +# Override padding, style and colour # +###################################### + +class "GtkButton" style "button" +class "GtkLinkButton" style "link_button" +class "GtkEntry" style "entry" +class "GtkOldEditable" style "entry" +class "GtkNotebook" style "notebook" +class "GtkHScale" style "scale_horz" +class "GtkVScale" style "scale_vert" +class "GtkProgressBar" style "progressbar" +class "GtkScrolledWindow" style "scrolled_window" +class "GtkFrame" style "frame" +class "GtkSeparatorToolItem" style "toolbar_separator" +class "GtkMenuBar" style "menubar" +class "GtkMenu" style "menu" +class "GtkTextView" style "textview" + +# Menu and menubar items +widget_class "**" style "menu_item" +widget_class "*.*" style "menubar_item" +widget_class "**" style "separator_menu_item" + +# Treeview buttons +widget_class "***" style "treeview_header" + +# Give the file chooser toolbar a border +widget_class "**" style "inline_toolbar" + +# Fix padding on regular comboboxes +widget_class "*." style "combobox" +widget_class "*" style "combobox" + +# And disable separators on them +widget_class "*.*" style "disable_separator" +widget_class "**" style "disable_separator" +widget_class "**" style "disable_separator" + +# Join together the ComboBoxEntry entry and button +widget_class "**" style "combobox_entry" + +# Join the Combo entry and button +widget_class "**" style "combobox_entry" + +# Tweak the padding on the button a little bit because it +# uses it a bit differently +widget_class "*." style "combo_button_padding" + +# Alas we cannot do the same for ComboBoxText because there +# isn't a way to apply the style to only the comboboxes that +# have an entry inside + +# Tool buttons have different styles +widget_class "**" style "tool_button" +widget_class "**.*" style "tool_button" + +# Notebooks +widget_class "*." style "notebook_tab_label" +widget_class "*.." style "notebook_tab_label" + +# Notebooks are white, act accordingly +widget_class "**" style "notebook_entry" +widget_class "**" style "notebook_bg" +widget_class "**" style "notebook_bg" +widget_class "***" style "notebook_bg" +widget_class "**" style "notebook_bg" +widget_class "*.*" style "notebook_bg" + +# However, stuff inside eventboxes inside notebooks is grey +# again, react +widget_class "***" style "normal_entry" +widget_class "***" style "normal_bg" +widget_class "***" style "normal_bg" + +# Button labels +widget_class "*." style "button_label" + +# Normalize button labels +widget_class "*." style "normal_button_label" +widget_class "*." style "normal_button_label" + +# ComboBoxes tend to draw the button label with text[] +# instead of fg[], we need to fix that +widget_class "**" style "combobox_cellview" + +# Disable white text shadows +widget_class "*" style "disable_text_shadow" +widget_class "*" style "disable_text_shadow" + +# GTK tooltips +widget "gtk-tooltip*" style "tooltip" diff --git a/src/src/main/gtk-2.0/common/main.rc.hidpi b/src/src/main/gtk-2.0/common/main.rc.hidpi new file mode 100644 index 00000000..a497c3b0 --- /dev/null +++ b/src/src/main/gtk-2.0/common/main.rc.hidpi @@ -0,0 +1,2702 @@ +# vim:set ft=gtkrc ts=2 sw=2 sts=2 ai et: +# +# This is the main theme file, handling all the default widgets and theme +# properties. Since GTK 2 is old, we need to overcome some of its limitations, +# which is also mostly done in this file. Sadly not all of them can be overcome +# so there will always be a visible difference between the GTK 2 and 3 theme. + +style "default" { + xthickness = 2 + ythickness = 2 + + #################### + # Style Properties # + #################### + + GtkWidget::focus-padding = 0 + GtkWidget::focus-line-width = 4 + GtkWidget::focus-line-pattern = "\2\1" + + GtkToolbar::space-size = 10 # 2 + 4*2 (separator + margins) + GtkToolbar::internal-padding = 4 + GtkToolButton::icon-spacing = 8 + + GtkWidget::tooltip-radius = 8 + GtkWidget::tooltip-alpha = 230 + GtkWidget::new-tooltip-style = 1 #for compatibility + + GtkWidget::link-color = @link_color + GtkWidget::visited-link-color = @visited_link_color + GnomeHRef::link_color = @link_color + GtkHTML::link-color = @link_color + GtkHTML::vlink-color = @visited_link_color + GtkIMHtml::hyperlink-color = @link_color + GtkIMHtml::hyperlink-visited-color = @visited_link_color + + GtkSeparatorMenuItem::horizontal-padding = 0 + GtkSeparatorMenuItem::wide-separators = 1 + GtkSeparatorMenuItem::separator-height = 6 + + GtkButton::child-displacement-y = 0 + + GtkButton::default-border = {0, 0, 0, 0} + GtkButton::default-outside-border = {0, 0, 0, 0} + GtkButton::inner-border = {8, 8, 8, 8} + + GtkEntry::state-hint = 1 + GtkEntry::inner-border = {8, 8, 8, 8} + + GtkPaned::handle-size = 16 + GtkHPaned::handle-size = 16 + GtkVPaned::handle-size = 16 + + GtkScrollbar::trough-border = 0 + GtkRange::trough-border = 0 + GtkRange::slider-width = 34 + GtkRange::stepper-size = 0 + GtkRange::activate-slider = 1 + + GtkScrollbar::activate-slider = 1 + GtkScrollbar::stepper-size = 0 + GtkScrollbar::has-backward-stepper = 0 + GtkScrollbar::has-forward-stepper = 0 + GtkScrollbar::min-slider-length = 64 # 48 + 2*8 (margins) + GtkScrolledWindow::scrollbar-spacing = 0 + GtkScrolledWindow::scrollbars-within-bevel = 1 + + GtkScale::slider_length = 48 + GtkScale::slider_width = 48 + GtkScale::trough-side-details = 1 + + GtkProgressBar::min-horizontal-bar-height = 8 + GtkProgressBar::min-vertical-bar-width = 8 + GtkProgressBar::xspacing = 8 + GtkProgressBar::yspacing = 8 + + GtkStatusbar::shadow_type = GTK_SHADOW_NONE + GtkSpinButton::shadow_type = GTK_SHADOW_NONE + GtkMenuBar::shadow-type = GTK_SHADOW_NONE + GtkToolbar::shadow-type = GTK_SHADOW_NONE + # TODO: find out what this comment means: + # ( every window is misaligned for the sake of menus ): + GtkMenuBar::internal-padding = 0 + GtkMenu::horizontal-padding = 0 + GtkMenu::vertical-padding = 8 + GtkMenu::double-arrows = 0 + GtkMenuItem::arrow-scaling = 1 + GtkMenuItem::toggle-spacing = 24 + + GtkCheckButton::indicator-size = 48 + GtkCheckButton::indicator_spacing = 4 + GtkOptionMenu::indicator_spacing = {16, 16, 8, 8} + + GtkTreeView::expander-size = 32 + GtkTreeView::vertical-separator = 0 + GtkTreeView::horizontal-separator = 8 + GtkTreeView::allow-rules = 0 + # Set this because some apps read it + GtkTreeView::odd-row-color = @base_color + GtkTreeView::even-row-color = @base_color + + GtkExpander::expander-size = 32 + + GtkNotebook::tab-overlap = 0 + + ########## + # Colors # + ########## + + bg[NORMAL] = @bg_color + bg[PRELIGHT] = @bg_color + bg[SELECTED] = mix (0.24, @selected_bg_color, @bg_color) + bg[INSENSITIVE] = @bg_color + bg[ACTIVE] = @bg_color + + fg[NORMAL] = @fg_color + fg[PRELIGHT] = @fg_color + fg[SELECTED] = @fg_color + fg[INSENSITIVE] = mix (0.5, @fg_color, @bg_color) + fg[ACTIVE] = @fg_color + + text[NORMAL] = @text_color + text[PRELIGHT] = @text_color + text[SELECTED] = @text_color + text[INSENSITIVE] = mix (0.5, @text_color, @base_color) + text[ACTIVE] = @text_color + + base[NORMAL] = @base_color + base[PRELIGHT] = mix (0.08, @text_color, @base_color) + base[SELECTED] = mix (0.24, @selected_bg_color, @base_color) + base[INSENSITIVE] = mix (0.5, @base_color, @bg_color) + base[ACTIVE] = mix (0.24, @selected_bg_color, @base_color) + + # For succinctness, all reasonable pixmap options remain here + + # Draw frame around menu in a non-compositied environment + # This needs to go before pixmap because we need to override some stuff + engine "adwaita" {} + + engine "pixmap" { + + ################# + # Check Buttons # + ################# + + image { + function = CHECK + state = NORMAL + shadow = OUT + overlay_file = "assets/checkbox-unchecked.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = PRELIGHT + shadow = OUT + overlay_file = "assets/checkbox-unchecked-hover.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = ACTIVE + shadow = OUT + overlay_file = "assets/checkbox-unchecked-active.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = SELECTED + shadow = OUT + overlay_file = "assets/checkbox-unchecked.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = INSENSITIVE + shadow = OUT + overlay_file = "assets/checkbox-unchecked-disabled.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = NORMAL + shadow = IN + overlay_file = "assets/checkbox-checked.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = PRELIGHT + shadow = IN + overlay_file = "assets/checkbox-checked-hover.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = ACTIVE + shadow = IN + overlay_file = "assets/checkbox-checked-active.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = SELECTED + shadow = IN + overlay_file = "assets/checkbox-checked.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = INSENSITIVE + shadow = IN + overlay_file = "assets/checkbox-checked-disabled.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = NORMAL + shadow = ETCHED_IN + overlay_file = "assets/checkbox-mixed.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = PRELIGHT + shadow = ETCHED_IN + overlay_file = "assets/checkbox-mixed-hover.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = ACTIVE + shadow = ETCHED_IN + overlay_file = "assets/checkbox-mixed-active.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = SELECTED + shadow = ETCHED_IN + overlay_file = "assets/checkbox-mixed.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = INSENSITIVE + shadow = ETCHED_IN + overlay_file = "assets/checkbox-mixed-disabled.png" + overlay_stretch = FALSE + } + + ################# + # Radio Buttons # + ################# + + image { + function = OPTION + state = NORMAL + shadow = OUT + overlay_file = "assets/radio-unchecked.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = PRELIGHT + shadow = OUT + overlay_file = "assets/radio-unchecked-hover.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = ACTIVE + shadow = OUT + overlay_file = "assets/radio-unchecked-active.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = SELECTED + shadow = OUT + overlay_file = "assets/radio-unchecked.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = INSENSITIVE + shadow = OUT + overlay_file = "assets/radio-unchecked-disabled.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = NORMAL + shadow = IN + overlay_file = "assets/radio-checked.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = PRELIGHT + shadow = IN + overlay_file = "assets/radio-checked-hover.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = ACTIVE + shadow = IN + overlay_file = "assets/radio-checked-active.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = SELECTED + shadow = IN + overlay_file = "assets/radio-checked.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = INSENSITIVE + shadow = IN + overlay_file = "assets/radio-checked-disabled.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = NORMAL + shadow = ETCHED_IN + overlay_file = "assets/radio-mixed.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = PRELIGHT + shadow = ETCHED_IN + overlay_file = "assets/radio-mixed-hover.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = ACTIVE + shadow = ETCHED_IN + overlay_file = "assets/radio-mixed-active.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = SELECTED + shadow = ETCHED_IN + overlay_file = "assets/radio-mixed.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = INSENSITIVE + shadow = ETCHED_IN + overlay_file = "assets/radio-mixed-disabled.png" + overlay_stretch = FALSE + } + + ########## + # Arrows # + ########## + + # Overrides + + # Disable arrows in spinbuttons + image { + function = ARROW + detail = "spinbutton" + } + + # Disable arrows for qt in scrollbars + + image { + function = ARROW + detail = "vscrollbar" + } + + image { + function = ARROW + detail = "hscrollbar" + } + + # Menu arrows + + image { + function = ARROW + state = NORMAL + detail = "menuitem" + overlay_file = "assets/pan-left.png" + overlay_stretch = FALSE + arrow_direction = LEFT + } + + image { + function = ARROW + state = PRELIGHT + detail = "menuitem" + overlay_file = "assets/pan-left.png" + overlay_stretch = FALSE + arrow_direction = LEFT + } + + image { + function = ARROW + state = INSENSITIVE + detail = "menuitem" + overlay_file = "assets/pan-left-disabled.png" + overlay_stretch = FALSE + arrow_direction = LEFT + } + + image { + function = ARROW + state = NORMAL + detail = "menuitem" + overlay_file = "assets/pan-right.png" + overlay_stretch = FALSE + arrow_direction = RIGHT + } + + image { + function = ARROW + state = PRELIGHT + detail = "menuitem" + overlay_file = "assets/pan-right.png" + overlay_stretch = FALSE + arrow_direction = RIGHT + } + + image { + function = ARROW + state = INSENSITIVE + detail = "menuitem" + overlay_file = "assets/pan-right-disabled.png" + overlay_stretch = FALSE + arrow_direction = RIGHT + } + + image { + function = ARROW + state = INSENSITIVE + detail = "menu_scroll_arrow_up" + overlay_file = "assets/pan-up-disabled.png" + overlay_stretch = FALSE + } + + image { + function = ARROW + detail = "menu_scroll_arrow_up" + overlay_file = "assets/pan-up.png" + overlay_stretch = FALSE + } + + image { + function = ARROW + state = INSENSITIVE + detail = "menu_scroll_arrow_down" + overlay_file = "assets/pan-down-disabled.png" + overlay_stretch = FALSE + } + + image { + function = ARROW + detail = "menu_scroll_arrow_down" + overlay_file = "assets/pan-down.png" + overlay_stretch = FALSE + } + + # Regular arrows + + image { + function = ARROW + state = NORMAL + overlay_file = "assets/pan-up-alt.png" + overlay_stretch = FALSE + arrow_direction = UP + } + + image { + function = ARROW + state = PRELIGHT + overlay_file = "assets/pan-up.png" + overlay_stretch = FALSE + arrow_direction = UP + } + + image { + function = ARROW + state = ACTIVE + overlay_file = "assets/pan-up.png" + overlay_stretch = FALSE + arrow_direction = UP + } + + image { + function = ARROW + state = INSENSITIVE + overlay_file = "assets/pan-up-alt-disabled.png" + overlay_stretch = FALSE + arrow_direction = UP + } + + image { + function = ARROW + state = NORMAL + overlay_file = "assets/pan-down-alt.png" + overlay_stretch = FALSE + arrow_direction = DOWN + } + + image { + function = ARROW + state = PRELIGHT + overlay_file = "assets/pan-down.png" + overlay_stretch = FALSE + arrow_direction = DOWN + } + + image { + function = ARROW + state = ACTIVE + overlay_file = "assets/pan-down.png" + overlay_stretch = FALSE + arrow_direction = DOWN + } + + image { + function = ARROW + state = INSENSITIVE + overlay_file = "assets/pan-down-alt-disabled.png" + overlay_stretch = FALSE + arrow_direction = DOWN + } + + image { + function = ARROW + state = NORMAL + overlay_file = "assets/pan-left-alt.png" + overlay_stretch = FALSE + arrow_direction = LEFT + } + + image { + function = ARROW + state = PRELIGHT + overlay_file = "assets/pan-left.png" + overlay_stretch = FALSE + arrow_direction = LEFT + } + + image { + function = ARROW + state = ACTIVE + overlay_file = "assets/pan-left.png" + overlay_stretch = FALSE + arrow_direction = LEFT + } + + image { + function = ARROW + state = INSENSITIVE + overlay_file = "assets/pan-left-alt-disabled.png" + overlay_stretch = FALSE + arrow_direction = LEFT + } + + image { + function = ARROW + state = NORMAL + overlay_file = "assets/pan-right-alt.png" + overlay_stretch = FALSE + arrow_direction = RIGHT + } + + image { + function = ARROW + state = PRELIGHT + overlay_file = "assets/pan-right.png" + overlay_stretch = FALSE + arrow_direction = RIGHT + } + + image { + function = ARROW + state = ACTIVE + overlay_file = "assets/pan-right.png" + overlay_stretch = FALSE + arrow_direction = RIGHT + } + + image { + function = ARROW + state = INSENSITIVE + overlay_file = "assets/pan-right-alt-disabled.png" + overlay_stretch = FALSE + arrow_direction = RIGHT + } + + ###################### + # Option Menu Arrows # + ###################### + + image { + function = TAB + state = NORMAL + overlay_file = "assets/pan-down-alt.png" + overlay_stretch = FALSE + } + + image { + function = TAB + state = PRELIGHT + overlay_file = "assets/pan-down.png" + overlay_stretch = FALSE + } + + image { + function = TAB + state = ACTIVE + overlay_file = "assets/pan-down.png" + overlay_stretch = FALSE + } + + image { + function = TAB + state = INSENSITIVE + overlay_file = "assets/pan-down-alt-disabled.png" + overlay_stretch = FALSE + } + + ######### + # Lines # + ######### + + image { + function = VLINE + file = "assets/border.png" + border = {2, 0, 0, 0} + } + + image { + function = HLINE + file = "assets/border.png" + border = {0, 0, 2, 0} + } + + ######### + # Focus # + ######### + + image { + function = FOCUS + file = "assets/focus.png" + border = {10, 10, 10, 10} # Super strange, {8, 8, 8, 8} does not work properly... + stretch = TRUE + } + + ########### + # Handles # + ########### + + image { + function = HANDLE + detail = "handlebox" + overlay_file = "assets/handle-vert.png" + overlay_stretch = FALSE + } + + image { + function = HANDLE + state = NORMAL + overlay_file = "assets/handle-horz.png" + overlay_stretch = FALSE + orientation = HORIZONTAL + } + + image { + function = HANDLE + state = PRELIGHT + overlay_file = "assets/handle-horz-hover.png" + overlay_stretch = FALSE + orientation = HORIZONTAL + } + + image { + function = HANDLE + state = ACTIVE + overlay_file = "assets/handle-horz-active.png" + overlay_stretch = FALSE + orientation = HORIZONTAL + } + + image { + function = HANDLE + state = NORMAL + overlay_file = "assets/handle-vert.png" + overlay_stretch = FALSE + orientation = VERTICAL + } + + image { + function = HANDLE + state = PRELIGHT + overlay_file = "assets/handle-vert-hover.png" + overlay_stretch = FALSE + orientation = VERTICAL + } + + image { + function = HANDLE + state = ACTIVE + overlay_file = "assets/handle-vert-active.png" + overlay_stretch = FALSE + orientation = VERTICAL + } + + image { + function = RESIZE_GRIP + } + + ############# + # Expanders # + ############# + + image { + function = EXPANDER + expander_style = EXPANDED + state = NORMAL + file = "assets/pan-down-alt.png" + } + + image { + function = EXPANDER + expander_style = EXPANDED + state = PRELIGHT + file = "assets/pan-down.png" + } + + image { + function = EXPANDER + expander_style = EXPANDED + state = ACTIVE + file = "assets/pan-down.png" + } + + image { + function = EXPANDER + expander_style = EXPANDED + state = INSENSITIVE + file = "assets/pan-down-alt-disabled.png" + } + + # LTR + + image { + function = EXPANDER + expander_style = COLLAPSED + state = NORMAL + file = "assets/pan-right-alt.png" + direction = LTR + } + + image { + function = EXPANDER + expander_style = COLLAPSED + state = PRELIGHT + file = "assets/pan-right.png" + direction = LTR + } + + image { + function = EXPANDER + expander_style = COLLAPSED + state = ACTIVE + file = "assets/pan-right.png" + direction = LTR + } + + image { + function = EXPANDER + expander_style = COLLAPSED + state = INSENSITIVE + file = "assets/pan-right-alt-disabled.png" + direction = LTR + } + + image { + function = EXPANDER + expander_style = SEMI_COLLAPSED + file = "assets/pan-right-semi.png" + direction = LTR + } + + image { + function = EXPANDER + expander_style = SEMI_EXPANDED + file = "assets/pan-right-semi.png" + direction = LTR + } + + # RTL + + image { + function = EXPANDER + expander_style = COLLAPSED + state = NORMAL + file = "assets/pan-left-alt.png" + direction = RTL + } + + image { + function = EXPANDER + expander_style = COLLAPSED + state = PRELIGHT + file = "assets/pan-left.png" + direction = RTL + } + + image { + function = EXPANDER + expander_style = COLLAPSED + state = ACTIVE + file = "assets/pan-left.png" + direction = RTL + } + + image { + function = EXPANDER + expander_style = COLLAPSED + state = INSENSITIVE + file = "assets/pan-left-alt-disabled.png" + direction = RTL + } + + image { + function = EXPANDER + expander_style = SEMI_COLLAPSED + file = "assets/pan-left-semi.png" + direction = RTL + } + + image { + function = EXPANDER + expander_style = SEMI_EXPANDED + file = "assets/pan-left-semi.png" + direction = RTL + } + + ############# + # Notebooks # + ############# + + # Left + + image { + function = EXTENSION + state = NORMAL + file = "assets/tab.png" + border = {0, 2, 0, 0} + stretch = TRUE + gap_side = RIGHT + } + + image { + function = EXTENSION + gap_side = RIGHT + } + + # Right + + image { + function = EXTENSION + state = NORMAL + file = "assets/tab.png" + border = {2, 0, 0, 0} + stretch = TRUE + gap_side = LEFT + } + + image { + function = EXTENSION + gap_side = LEFT + } + + # Up + + image { + function = EXTENSION + state = NORMAL + file = "assets/tab.png" + border = {0, 0, 0, 2} + stretch = TRUE + gap_side = BOTTOM + } + + image { + function = EXTENSION + gap_side = BOTTOM + } + + # Down + + image { + function = EXTENSION + state = NORMAL + file = "assets/tab.png" + border = {0, 0, 2, 0} + stretch = TRUE + gap_side = TOP + } + + image { + function = EXTENSION + gap_side = TOP + } + + # Inner frame + + image { + function = BOX_GAP + detail = "notebook" + file = "assets/frame-notebook.png" + border = {2, 2, 2, 2} + stretch = TRUE + gap_file = "assets/tab.png" + gap_border = {2, 0, 0, 0} + gap_side = LEFT + } + + image { + function = BOX_GAP + detail = "notebook" + file = "assets/frame-notebook.png" + border = {2, 2, 2, 2} + stretch = TRUE + gap_file = "assets/tab.png" + gap_border = {0, 2, 0, 0} + gap_side = RIGHT + } + + image { + function = BOX_GAP + detail = "notebook" + file = "assets/frame-notebook.png" + border = {2, 2, 2, 2} + stretch = TRUE + gap_file = "assets/tab.png" + gap_border = {0, 0, 2, 0} + gap_side = TOP + } + + image { + function = BOX_GAP + detail = "notebook" + file = "assets/frame-notebook.png" + border = {2, 2, 2, 2} + stretch = TRUE + gap_file = "assets/tab.png" + gap_border = {0, 0, 0, 2} + gap_side = BOTTOM + } + + # Standalone frame + image { + function = BOX + detail = "notebook" + file = "assets/frame-notebook.png" + border = {2, 2, 2, 2} + stretch = TRUE + } + + ############## + # Scrollbars # + ############## + + image { + function = BOX + detail = "trough" + file = "assets/scrollbar-horz-trough.png" + border = {0, 0, 2, 0} + orientation = HORIZONTAL + } + + image { + function = BOX + detail = "trough" + file = "assets/scrollbar-vert-ltr-trough.png" + border = {2, 0, 0, 0} + orientation = VERTICAL + direction = LTR + } + + image { + function = BOX + detail = "trough" + file = "assets/scrollbar-vert-rtl-trough.png" + border = {0, 2, 0, 0} + orientation = VERTICAL + direction = RTL + } + + # Horizontal sliders + + image { + function = SLIDER + state = NORMAL + detail = "slider" + file = "assets/scrollbar-horz-slider.png" + border = {16, 16, 18, 16 } + stretch = TRUE + orientation = HORIZONTAL + } + + image { + function = SLIDER + state = PRELIGHT + detail = "slider" + file = "assets/scrollbar-horz-slider-hover.png" + border = {16, 16, 18, 16 } + stretch = TRUE + orientation = HORIZONTAL + } + + image { + function = SLIDER + state = ACTIVE + detail = "slider" + file = "assets/scrollbar-horz-slider-active.png" + border = {16, 16, 18, 16 } + stretch = TRUE + orientation = HORIZONTAL + } + + image { + function = SLIDER + state = INSENSITIVE + detail = "slider" + file = "assets/scrollbar-horz-slider-disabled.png" + border = {16, 16, 18, 16 } + stretch = TRUE + orientation = HORIZONTAL + } + + # Vertical sliders + + image { + function = SLIDER + state = NORMAL + detail = "slider" + file = "assets/scrollbar-vert-ltr-slider.png" + border = {18, 16, 16, 16} + stretch = TRUE + orientation = VERTICAL + direction = LTR + } + + image { + function = SLIDER + state = PRELIGHT + detail = "slider" + file = "assets/scrollbar-vert-ltr-slider-hover.png" + border = {18, 16, 16, 16} + stretch = TRUE + orientation = VERTICAL + direction = LTR + } + + image { + function = SLIDER + state = ACTIVE + detail = "slider" + file = "assets/scrollbar-vert-ltr-slider-active.png" + border = {18, 16, 16, 16} + stretch = TRUE + orientation = VERTICAL + direction = LTR + } + + image { + function = SLIDER + state = INSENSITIVE + detail = "slider" + file = "assets/scrollbar-vert-ltr-slider-disabled.png" + border = {18, 16, 16, 16} + stretch = TRUE + orientation = VERTICAL + direction = LTR + } + + # RTL + + image { + function = SLIDER + state = NORMAL + detail = "slider" + file = "assets/scrollbar-vert-rtl-slider.png" + border = {16, 18, 16, 16} + stretch = TRUE + orientation = VERTICAL + direction = RTL + } + + image { + function = SLIDER + state = PRELIGHT + detail = "slider" + file = "assets/scrollbar-vert-rtl-slider-hover.png" + border = {16, 18, 16, 16} + stretch = TRUE + orientation = VERTICAL + direction = RTL + } + + image { + function = SLIDER + state = ACTIVE + detail = "slider" + file = "assets/scrollbar-vert-rtl-slider-active.png" + border = {16, 18, 16, 16} + stretch = TRUE + orientation = VERTICAL + direction = RTL + } + + image { + function = SLIDER + state = INSENSITIVE + detail = "slider" + file = "assets/scrollbar-vert-rtl-slider-disabled.png" + border = {16, 18, 16, 16} + stretch = TRUE + orientation = VERTICAL + direction = RTL + } + + ########## + # Scales # + ########## + + # Troughs, overrided later on. We set them here too because some widgets + # don't specify their orientation. + + image { + function = BOX + detail = "trough-upper" + file = "assets/scale-horz-trough.png" + border = {12, 12, 0, 0} + stretch = TRUE + orientation = HORIZONTAL + } + + image { + function = BOX + state = INSENSITIVE + detail = "trough-upper" + file = "assets/scale-horz-trough-disabled.png" + border = {12, 12, 0, 0} + stretch = TRUE + orientation = HORIZONTAL + } + + image { + function = BOX + detail = "trough-lower" + file = "assets/scale-horz-trough-active.png" + border = {12, 12, 0, 0} + stretch = TRUE + orientation = HORIZONTAL + } + + image { + function = BOX + state = INSENSITIVE + detail = "trough-lower" + file = "assets/scale-horz-trough-disabled.png" + border = {12, 12, 0, 0} + stretch = TRUE + orientation = HORIZONTAL + } + + image { + function = BOX + detail = "trough-upper" + file = "assets/scale-vert-trough.png" + border = {0, 0, 12, 12} + stretch = TRUE + orientation = VERTICAL + } + + image { + function = BOX + state = INSENSITIVE + detail = "trough-upper" + file = "assets/scale-vert-trough-disabled.png" + border = {0, 0, 12, 12} + stretch = TRUE + orientation = VERTICAL + } + + image { + function = BOX + detail = "trough-lower" + file = "assets/scale-vert-trough-active.png" + border = {0, 0, 12, 12} + stretch = TRUE + orientation = VERTICAL + } + + image { + function = BOX + state = INSENSITIVE + detail = "trough-lower" + file = "assets/scale-vert-trough-disabled.png" + border = {0, 0, 12, 12} + stretch = TRUE + orientation = VERTICAL + } + + # Sliders + + image { + function = SLIDER + state = NORMAL + detail = "hscale" + file = "assets/scale-slider.png" + } + + image { + function = SLIDER + state = PRELIGHT + detail = "hscale" + file = "assets/scale-slider-hover.png" + } + + image { + function = SLIDER + state = ACTIVE + detail = "hscale" + file = "assets/scale-slider-active.png" + } + + image { + function = SLIDER + state = INSENSITIVE + detail = "hscale" + file = "assets/scale-slider-disabled.png" + } + + image { + function = SLIDER + state = NORMAL + detail = "vscale" + file = "assets/scale-slider.png" + } + + image { + function = SLIDER + state = PRELIGHT + detail = "vscale" + file = "assets/scale-slider-hover.png" + } + + image { + function = SLIDER + state = ACTIVE + detail = "vscale" + file = "assets/scale-slider-active.png" + } + + image { + function = SLIDER + state = INSENSITIVE + detail = "vscale" + file = "assets/scale-slider-disabled.png" + } + + ########### + # Menubar # + ########### + + # image { + # function = BOX + # detail = "menubar" + # file = "assets/border.png" + # border = {0, 0, 0, 2} + # } + + ######### + # Menus # + ######### + + image { + function = BOX + state = PRELIGHT + detail = "menu_scroll_arrow_up" + file = "assets/border.png" + } + + image { + function = BOX + detail = "menu_scroll_arrow_up" + file = "assets/border.png" + border = {0, 0, 0, 2} + } + + image { + function = BOX + state = PRELIGHT + detail = "menu_scroll_arrow_down" + file = "assets/border.png" + } + + image { + function = BOX + detail = "menu_scroll_arrow_down" + file = "assets/border.png" + border = {0, 0, 2, 0} + } + + ########### + # Entries # + ########### + + image { + function = SHADOW + state = ACTIVE + detail = "entry" + file = "assets/entry-active.png" + border = {16, 16, 16, 16} + stretch = TRUE + } + + image { + function = SHADOW + state = INSENSITIVE + detail = "entry" + file = "assets/entry-disabled.png" + border = {16, 16, 16, 16} + stretch = TRUE + } + + image { + function = SHADOW + detail = "entry" + file = "assets/entry.png" + border = {16, 16, 16, 16} + stretch = TRUE + } + + image { + function = FLAT_BOX + state = ACTIVE + detail = "entry_bg" + file = "assets/entry-background.png" + } + + image { + function = FLAT_BOX + state = INSENSITIVE + detail = "entry_bg" + file = "assets/entry-background-disabled.png" + } + + image { + function = FLAT_BOX + detail = "entry_bg" + file = "assets/entry-background.png" + } + + ######### + # Spins # + ######### + + # Spin-Up LTR + + image { + function = BOX + state = NORMAL + detail = "spinbutton_up" + file = "assets/spin-ltr-up.png" + border = {0, 16, 16, 0} + stretch = TRUE + overlay_file = "assets/pan-up-alt.png" + overlay_stretch = FALSE + direction = LTR + } + + image { + function = BOX + state = PRELIGHT + detail = "spinbutton_up" + file = "assets/spin-ltr-up-hover.png" + border = {0, 16, 16, 0} + stretch = TRUE + overlay_file = "assets/pan-up.png" + overlay_stretch = FALSE + direction = LTR + } + + image { + function = BOX + state = ACTIVE + detail = "spinbutton_up" + file = "assets/spin-ltr-up-active.png" + border = {0, 16, 16, 0} + stretch = TRUE + overlay_file = "assets/pan-up.png" + overlay_stretch = FALSE + direction = LTR + } + + image { + function = BOX + state = INSENSITIVE + detail = "spinbutton_up" + file = "assets/spin-ltr-up-disabled.png" + border = {0, 16, 16, 0} + stretch = TRUE + overlay_file = "assets/pan-up-alt-disabled.png" + overlay_stretch = FALSE + direction = LTR + } + + # Spin-Up RTL + + image { + function = BOX + state = NORMAL + detail = "spinbutton_up" + file = "assets/spin-rtl-up.png" + border = {16, 0, 16, 0} + stretch = TRUE + overlay_file = "assets/pan-up-alt.png" + overlay_stretch = FALSE + direction = RTL + } + + image { + function = BOX + state = PRELIGHT + detail = "spinbutton_up" + file = "assets/spin-rtl-up-hover.png" + border = {16, 0, 16, 0} + stretch = TRUE + overlay_file = "assets/pan-up.png" + overlay_stretch = FALSE + direction = RTL + } + + image { + function = BOX + state = ACTIVE + detail = "spinbutton_up" + file = "assets/spin-rtl-up-hover.png" + border = {16, 0, 16, 0} + stretch = TRUE + overlay_file = "assets/pan-up.png" + overlay_stretch = FALSE + direction = RTL + } + + image { + function = BOX + state = INSENSITIVE + detail = "spinbutton_up" + file = "assets/spin-rtl-up-disabled.png" + border = {16, 0, 16, 0} + stretch = TRUE + overlay_file = "assets/pan-up-alt-disabled.png" + overlay_stretch = FALSE + direction = RTL + } + + # Spin-Down LTR + + image { + function = BOX + state = NORMAL + detail = "spinbutton_down" + file = "assets/spin-ltr-down.png" + border = {0, 16, 0, 16} + stretch = TRUE + overlay_file = "assets/pan-down-alt.png" + overlay_stretch = FALSE + direction = LTR + } + + image { + function = BOX + state = PRELIGHT + detail = "spinbutton_down" + file = "assets/spin-ltr-down-hover.png" + border = {0, 16, 0, 16} + stretch = TRUE + overlay_file = "assets/pan-down.png" + overlay_stretch = FALSE + direction = LTR + } + + image { + function = BOX + state = ACTIVE + detail = "spinbutton_down" + file = "assets/spin-ltr-down-active.png" + border = {0, 16, 0, 16} + stretch = TRUE + overlay_file = "assets/pan-down.png" + overlay_stretch = FALSE + direction = LTR + } + + image { + function = BOX + state = INSENSITIVE + detail = "spinbutton_down" + file = "assets/spin-ltr-down-disabled.png" + border = {0, 16, 0, 16} + stretch = TRUE + overlay_file = "assets/pan-down-alt-disabled.png" + overlay_stretch = FALSE + direction = LTR + } + + # Spin-Down RTL + + image { + function = BOX + state = NORMAL + detail = "spinbutton_down" + file = "assets/spin-rtl-down.png" + border = {16, 0, 0, 16} + stretch = TRUE + overlay_file = "assets/pan-down-alt.png" + overlay_stretch = FALSE + direction = RTL + } + + image { + function = BOX + state = PRELIGHT + detail = "spinbutton_down" + file = "assets/spin-rtl-down-hover.png" + border = {16, 0, 0, 16} + stretch = TRUE + overlay_file = "assets/pan-down.png" + overlay_stretch = FALSE + direction = RTL + } + + image { + function = BOX + state = ACTIVE + detail = "spinbutton_down" + file = "assets/spin-rtl-down-active.png" + border = {16, 0, 0, 16} + stretch = TRUE + overlay_file = "assets/pan-down.png" + overlay_stretch = FALSE + direction = RTL + } + + image { + function = BOX + state = INSENSITIVE + detail = "spinbutton_down" + file = "assets/spin-rtl-down-disabled.png" + border = {16, 0, 0, 16} + stretch = TRUE + overlay_file = "assets/pan-down-alt-disabled.png" + overlay_stretch = FALSE + direction = RTL + } + + ############## + # Scrollbars # + ############## + + image { + function = BOX + detail = "bar" + file = "assets/progressbar-progress.png" + stretch = TRUE + border = {0, 0, 0, 0} + orientation = HORIZONTAL + } + + image { + function = BOX + detail = "bar" + file = "assets/progressbar-progress.png" + stretch = TRUE + border = {0, 0, 0, 0} + orientation = VERTICAL + } + + ############# + # Treeviews # + ############# + + # Disable active the column highlight + # We need to match specific cells or we break stuff + # Looking at you deadbeef + + image { + function = FLAT_BOX + detail = "cell_even_sorted" + state = NORMAL + } + + image { + function = FLAT_BOX + detail = "cell_odd_sorted" + state = NORMAL + } + + # Disable all the other shadows + # This prevents the Raleigh effect + image { + function = SHADOW + } + } +} + +style "menubar" { + bg[NORMAL] = @titlebar_bg_color + fg[NORMAL] = mix(0.7, @titlebar_fg_color, @titlebar_bg_color) + fg[PRELIGHT] = @titlebar_fg_color + fg[INSENSITIVE] = mix(0.3, @titlebar_fg_color, @titlebar_bg_color) + # Needed to fix Firefox's menubar text + bg[SELECTED] = mix(0.12, @titlebar_fg_color, @titlebar_bg_color) + fg[SELECTED] = @titlebar_fg_color +} + +style "menubar_item" { + xthickness = 6 + ythickness = 8 + + fg[NORMAL] = mix(0.7, @titlebar_fg_color, @titlebar_bg_color) + bg[PRELIGHT] = mix(0.12, @titlebar_fg_color, @titlebar_bg_color) + fg[PRELIGHT] = @titlebar_fg_color + fg[INSENSITIVE] = mix(0.3, @titlebar_fg_color, @titlebar_bg_color) +} + +style "menu" { + xthickness = 0 + ythickness = 0 + + bg[NORMAL] = @menu_color + bg[INSENSITIVE] = @menu_color + bg[PRELIGHT] = @menu_color + bg[SELECTED] = mix(0.08, @fg_color, @menu_color) +} + +style "menu_item" { + xthickness = 8 + ythickness = 8 + + bg[PRELIGHT] = mix(0.08, @fg_color, @menu_color) + fg[PRELIGHT] = @fg_color + # Chromium uses this setting + bg[SELECTED] = mix(0.08, @fg_color, @menu_color) + text[SELECTED] = @fg_color + # Some widgets use text, we need to handle that + text[NORMAL] = @fg_color + text[PRELIGHT] = @fg_color + + # Unfortunately we can't tell regular and menu checks/radios apart + # Without the heirarchy + engine "pixmap" { + + ################# + # Check Buttons # + ################# + + image { + function = CHECK + state = NORMAL + shadow = OUT + overlay_file = "assets/menu-checkbox-unchecked.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = PRELIGHT + shadow = OUT + overlay_file = "assets/menu-checkbox-unchecked.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = ACTIVE + shadow = OUT + overlay_file = "assets/menu-checkbox-unchecked.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = INSENSITIVE + shadow = OUT + overlay_file = "assets/menu-checkbox-unchecked-disabled.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = NORMAL + shadow = IN + overlay_file = "assets/menu-checkbox-checked.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = PRELIGHT + shadow = IN + overlay_file = "assets/menu-checkbox-checked.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = ACTIVE + shadow = IN + overlay_file = "assets/menu-checkbox-checked.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = INSENSITIVE + shadow = IN + overlay_file = "assets/menu-checkbox-checked-disabled.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = NORMAL + shadow = ETCHED_IN + overlay_file = "assets/menu-checkbox-mixed.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = PRELIGHT + shadow = ETCHED_IN + overlay_file = "assets/menu-checkbox-mixed.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = ACTIVE + shadow = ETCHED_IN + overlay_file = "assets/menu-checkbox-mixed.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = INSENSITIVE + shadow = ETCHED_IN + overlay_file = "assets/menu-checkbox-mixed-disabled.png" + overlay_stretch = FALSE + } + + ################# + # Radio Buttons # + ################# + + image { + function = OPTION + state = NORMAL + shadow = OUT + overlay_file = "assets/menu-radio-unchecked.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = PRELIGHT + shadow = OUT + overlay_file = "assets/menu-radio-unchecked.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = ACTIVE + shadow = OUT + overlay_file = "assets/menu-radio-unchecked.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = INSENSITIVE + shadow = OUT + overlay_file = "assets/menu-radio-unchecked-disabled.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = NORMAL + shadow = IN + overlay_file = "assets/menu-radio-checked.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = PRELIGHT + shadow = IN + overlay_file = "assets/menu-radio-checked.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = ACTIVE + shadow = IN + overlay_file = "assets/menu-radio-checked.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = INSENSITIVE + shadow = IN + overlay_file = "assets/menu-radio-checked-disabled.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = NORMAL + shadow = ETCHED_IN + overlay_file = "assets/menu-radio-mixed.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = PRELIGHT + shadow = ETCHED_IN + overlay_file = "assets/menu-radio-mixed.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = ACTIVE + shadow = ETCHED_IN + overlay_file = "assets/menu-radio-mixed.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = INSENSITIVE + shadow = ETCHED_IN + overlay_file = "assets/menu-radio-mixed-disabled.png" + overlay_stretch = FALSE + } + } +} + +style "separator_menu_item" { + xthickness = 0 + ythickness = 4 + + engine "pixmap" { + image { + function = BOX + file = "assets/border.png" + border = {0, 0, 0, 2} + } + } +} + +style "button_label" { + # fg[NORMAL] = mix(0.7, @fg_color, @bg_color) + # fg[INSENSITIVE] = mix(0.3, @fg_color, @bg_color) + + font_name = "Medium" +} + +style "normal_button_label" { + # fg[NORMAL] = @fg_color + # fg[INSENSITIVE] = mix(0.5, @fg_color, @bg_color) + + font_name = "Regular" +} + +style "button" { + xthickness = 8 + ythickness = 8 + + # For the sake of sanity style buttons this way + engine "pixmap" { + + ########### + # Buttons # + ########### + + image { + function = BOX + state = NORMAL + file = "assets/button.png" + border = {16, 16, 16, 16} + stretch = TRUE + } + + image { + function = BOX + state = PRELIGHT + shadow = OUT + file = "assets/button-hover.png" + border = {16, 16, 16, 16} + stretch = TRUE + } + + # Don't add hover effect on pressed buttons + image { + function = BOX + state = PRELIGHT + shadow = IN + file = "assets/button-active.png" + border = {16, 16, 16, 16} + stretch = TRUE + } + + image { + function = BOX + state = ACTIVE + file = "assets/button-active.png" + border = {16, 16, 16, 16} + stretch = TRUE + } + + image { + function = BOX + state = INSENSITIVE + file = "assets/button-disabled.png" + border = {16, 16, 16, 16} + stretch = TRUE + } + } +} + +style "link_button" { + # Disable the button effect, leave just the link + engine "pixmap" { + image { + function = BOX + } + } +} + +style "entry" { + base[NORMAL] = @bg_color + base[SELECTED] = mix (0.24, @selected_bg_color, @bg_color) + base[INSENSITIVE] = @bg_color + base[ACTIVE] = mix (0.24, @selected_bg_color, @bg_color) + + # We set this same as the border of the border of the entry + # This way there's no overlap + xthickness = 12 + ythickness = 12 +} + +style "combobox" { + xthickness = 12 + ythickness = 12 + + # This affects only the button beside an entry + GtkButton::inner-border = {0, 0, 0, 0} + + # For the sake of sanity style buttons this way + engine "pixmap" { + + ########### + # Buttons # + ########### + + image { + function = BOX + state = NORMAL + file = "assets/entry.png" + border = {16, 16, 16, 16} + stretch = TRUE + } + + image { + function = BOX + state = PRELIGHT + file = "assets/entry-hover.png" + border = {16, 16, 16, 16} + stretch = TRUE + } + + image { + function = BOX + state = ACTIVE + file = "assets/entry-active.png" + border = {16, 16, 16, 16} + stretch = TRUE + } + + image { + function = BOX + state = INSENSITIVE + file = "assets/entry-disabled.png" + border = {16, 16, 16, 16} + stretch = TRUE + } + } +} + +style "combobox_cellview" { + # text[NORMAL] = mix(0.7, @fg_color, @bg_color) + # text[INSENSITIVE] = mix(0.3, @fg_color, @bg_color) +} + +style "combobox_entry" { + # Since one side of the button is missing, we need to shift the arrow a little to the right + GtkButton::inner-border = {0, 4, 0, 0} + + engine "pixmap" { + + ############# + # LTR entry # + ############# + + image { + function = SHADOW + state = NORMAL + detail = "entry" + file = "assets/combo-left-entry.png" + border = {16, 16, 16, 16} + stretch = TRUE + direction = LTR + } + + image { + function = SHADOW + state = ACTIVE + detail = "entry" + file = "assets/combo-left-entry-active.png" + border = {16, 16, 16, 16} + stretch = TRUE + direction = LTR + } + + image { + function = SHADOW + state = INSENSITIVE + detail = "entry" + file = "assets/combo-left-entry-disabled.png" + border = {16, 16, 16, 16} + stretch = TRUE + direction = LTR + } + + ############# + # RTL entry # + ############# + + image { + function = SHADOW + state = NORMAL + detail = "entry" + file = "assets/combo-right-entry.png" + border = {16, 16, 16, 16} + stretch = TRUE + direction = RTL + } + + image { + function = SHADOW + state = ACTIVE + detail = "entry" + file = "assets/combo-right-entry-active.png" + border = {16, 16, 16, 16} + stretch = TRUE + direction = RTL + } + + image { + function = SHADOW + state = INSENSITIVE + detail = "entry" + file = "assets/combo-right-entry-disabled.png" + border = {16, 16, 16, 16} + stretch = TRUE + direction = RTL + } + + ############## + # LTR button # + ############## + + image { + function = BOX + state = NORMAL + detail = "button" + file = "assets/combo-right-entry.png" + border = {0, 16, 16, 16} + stretch = TRUE + direction = LTR + } + + image { + function = BOX + state = PRELIGHT + detail = "button" + file = "assets/combo-right-entry-hover.png" + border = {0, 16, 16, 16} + stretch = TRUE + direction = LTR + } + + image { + function = BOX + state = ACTIVE + detail = "button" + file = "assets/combo-right-entry-active.png" + border = {0, 16, 16, 16} + stretch = TRUE + direction = LTR + } + + image { + function = BOX + state = INSENSITIVE + detail = "button" + file = "assets/combo-right-entry-disabled.png" + border = {0, 16, 16, 16} + stretch = TRUE + direction = LTR + } + + ############## + # RTL button # + ############## + + image { + function = BOX + state = NORMAL + detail = "button" + file = "assets/combo-left-entry.png" + border = {16, 0, 16, 16} + stretch = TRUE + direction = RTL + } + + image { + function = BOX + state = PRELIGHT + detail = "button" + file = "assets/combo-left-entry-hover.png" + border = {16, 0, 16, 16} + stretch = TRUE + direction = RTL + } + + image { + function = BOX + state = ACTIVE + detail = "button" + file = "assets/combo-left-entry-active.png" + border = {16, 0, 16, 16} + stretch = TRUE + direction = RTL + } + + image { + function = BOX + state = INSENSITIVE + detail = "button" + file = "assets/combo-left-entry-disabled.png" + border = {16, 0, 16, 16} + stretch = TRUE + direction = RTL + } + } +} + +style "combo_button_padding" { + # Since one side of the button is missing, we need to shift the arrow a + # little to the right. + # This is the same thing we've done above but the combo, unlike the combobox, + # uses padding the same way as a button. + GtkButton::inner-border = {6, 12, 6, 6} +} + +style "notebook" { + xthickness = 6 + ythickness = 6 +} + +style "notebook_tab_label" { + fg[ACTIVE] = mix(0.7, @fg_color, @bg_color) + + font_name = "Medium" +} + +style "notebook_viewport" { + bg[NORMAL] = @base_color +} + +style "notebook_bg" { + bg[NORMAL] = @base_color + bg[PRELIGHT] = @base_color + bg[INSENSITIVE] = @base_color +} + +style "notebook_entry" { + base[NORMAL] = @base_color + base[SELECTED] = mix (0.24, @selected_bg_color, @base_color) + base[INSENSITIVE] = @base_color + base[ACTIVE] = mix (0.24, @selected_bg_color, @base_color) +} + +style "normal_bg" { + bg[NORMAL] = @bg_color + bg[PRELIGHT] = @bg_color + bg[INSENSITIVE] = @bg_color +} + +style "normal_entry" { + base[NORMAL] = @bg_color + base[SELECTED] = mix (0.24, @selected_bg_color, @bg_color) + base[INSENSITIVE] = @bg_color + base[ACTIVE] = mix (0.24, @selected_bg_color, @bg_color) +} + +style "textview" { + bg[NORMAL] = @base_color +} + +style "scale_horz" { + engine "pixmap" { + image { + function = BOX + detail = "trough-upper" + file = "assets/scale-horz-trough.png" + border = {12, 12, 0, 0} + stretch = TRUE + } + + image { + function = BOX + detail = "trough-lower" + file = "assets/scale-horz-trough-active.png" + border = {12, 12, 0, 0} + stretch = TRUE + } + } +} + +style "scale_vert" { + engine "pixmap" { + image { + function = BOX + detail = "trough-upper" + file = "assets/scale-vert-trough.png" + border = {0, 0, 12, 12} + stretch = TRUE + } + + image { + function = BOX + detail = "trough-lower" + file = "assets/scale-vert-trough-active.png" + border = {0, 0, 12, 12} + stretch = TRUE + } + } +} + +style "progressbar" { + xthickness = 0 + ythickness = 0 + + fg[PRELIGHT] = @selected_fg_color + + engine "pixmap" { + image { + function = BOX + detail = "trough" + file = "assets/progressbar-trough.png" + border = {0, 0, 0, 0} + stretch = TRUE + orientation = HORIZONTAL + } + + image { + function = BOX + detail = "trough" + file = "assets/progressbar-trough.png" + border = {0, 0, 0, 0} + stretch = TRUE + orientation = VERTICAL + } + } +} + +style "treeview_header" { + xthickness = 4 + ythickness = 4 + + fg[NORMAL] = mix(0.7, @fg_color, @base_color) + fg[PRELIGHT] = @fg_color + + font_name = "Medium" + + GtkButton::inner-border = {8, 8, 0, 4} + + engine "pixmap" { + image { + function = BOX + state = NORMAL + file = "assets/treeview-ltr-button.png" + border = {0, 2, 0, 2} + stretch = TRUE + direction = LTR + } + + image { + function = BOX + state = PRELIGHT + file = "assets/treeview-ltr-button-hover.png" + border = {0, 2, 0, 2} + stretch = TRUE + direction = LTR + } + + image { + function = BOX + state = ACTIVE + file = "assets/treeview-ltr-button-active.png" + border = {0, 2, 0, 2} + stretch = TRUE + direction = LTR + } + + image { + function = BOX + state = NORMAL + file = "assets/treeview-rtl-button.png" + border = {2, 0, 0, 2} + stretch = TRUE + direction = RTL + } + + image { + function = BOX + state = PRELIGHT + file = "assets/treeview-rtl-button-hover.png" + border = {2, 0, 0, 2} + stretch = TRUE + direction = RTL + } + + image { + function = BOX + state = ACTIVE + file = "assets/treeview-rtl-button-active.png" + border = {2, 0, 0, 2} + stretch = TRUE + direction = RTL + } + + image { + function = ARROW + state = NORMAL + overlay_file = "assets/pan-up-alt.png" + overlay_stretch = FALSE + arrow_direction = UP + } + + image { + function = ARROW + state = PRELIGHT + overlay_file = "assets/pan-up.png" + overlay_stretch = FALSE + arrow_direction = UP + } + + image { + function = ARROW + state = ACTIVE + overlay_file = "assets/pan-up.png" + overlay_stretch = FALSE + arrow_direction = UP + } + + image { + function = ARROW + state = NORMAL + overlay_file = "assets/pan-down-alt.png" + overlay_stretch = FALSE + arrow_direction = DOWN + } + + image { + function = ARROW + state = PRELIGHT + overlay_file = "assets/pan-down.png" + overlay_stretch = FALSE + arrow_direction = DOWN + } + + image { + function = ARROW + state = ACTIVE + overlay_file = "assets/pan-down.png" + overlay_stretch = FALSE + arrow_direction = DOWN + } + } +} + +style "scrolled_window" { + engine "pixmap" { + image { + function = SHADOW + file = "assets/frame.png" + border = {2, 2, 2, 2} + stretch = TRUE + } + } +} + +style "frame" { + engine "pixmap" { + image { + function = SHADOW + shadow = NONE + } + + image { + function = SHADOW + file = "assets/frame.png" + border = {2, 2, 2, 2} + stretch = TRUE + } + + image { + function = SHADOW_GAP + file = "assets/frame.png" + border = {2, 2, 2, 2} + stretch = TRUE + gap_start_file = "assets/border.png" + gap_end_file = "assets/border.png" + } + } +} + +style "tool_button" { + GtkButton::inner-border = {4, 4, 4, 4} + + # For the sake of sanity style buttons this way + engine "pixmap" { + image { + function = BOX + state = NORMAL + file = "assets/flat-button.png" + border = {16, 16, 16, 16} + stretch = TRUE + } + + image { + function = BOX + state = PRELIGHT + shadow = OUT + file = "assets/flat-button-hover.png" + border = {16, 16, 16, 16} + stretch = TRUE + } + + # Don't add hover effect on pressed buttons + image { + function = BOX + state = PRELIGHT + shadow = IN + file = "assets/flat-button-active.png" + border = {16, 16, 16, 16} + stretch = TRUE + } + + image { + function = BOX + state = ACTIVE + file = "assets/flat-button-active.png" + border = {16, 16, 16, 16} + stretch = TRUE + } + + image { + function = BOX + state = INSENSITIVE + shadow = OUT + file = "assets/flat-button-disabled.png" + border = {16, 16, 16, 16} + stretch = TRUE + } + + image { + function = BOX + state = INSENSITIVE + shadow = IN + file = "assets/button-disabled.png" + border = {16, 16, 16, 16} + stretch = TRUE + } + } +} + +style "toolbar_separator" { + GtkWidget::wide-separators = 1 + GtkWidget::separator-width = 2 + GtkWidget::separator-height = 2 + + engine "pixmap" { + image { + function = BOX + file = "assets/border.png" + } + } +} + +style "inline_toolbar" { + # GtkToolbar::button-relief = GTK_RELIEF_NORMAL + + engine "pixmap" { + image { + function = BOX + file = "assets/frame-inline.png" + border = {2, 2, 0, 2} + stretch = TRUE + } + } +} + +style "tooltip" { + xthickness = 16 + ythickness = 16 + + bg[NORMAL] = @tooltip_bg_color + fg[NORMAL] = @tooltip_fg_color + bg[SELECTED] = @tooltip_bg_color +} + +style "disable_text_shadow" { + engine "murrine" { + textstyle = 0 + } +} + +style "disable_separator" { + xthickness = 0 + ythickness = 0 + + GtkWidget::wide-separators = 1 +} + +# Default style, containing theme properties and trying to match every widget as +# much as possible, which is not only faster than trying to match every widget +# by its own but also less bug-prune and more consistent. However there is some +# widget specific stuff that needs to be taken care of, which is the point of +# every other style below. +class "GtkWidget" style "default" + +###################################### +# Override padding, style and colour # +###################################### + +class "GtkButton" style "button" +class "GtkLinkButton" style "link_button" +class "GtkEntry" style "entry" +class "GtkOldEditable" style "entry" +class "GtkNotebook" style "notebook" +class "GtkHScale" style "scale_horz" +class "GtkVScale" style "scale_vert" +class "GtkProgressBar" style "progressbar" +class "GtkScrolledWindow" style "scrolled_window" +class "GtkFrame" style "frame" +class "GtkSeparatorToolItem" style "toolbar_separator" +class "GtkMenuBar" style "menubar" +class "GtkMenu" style "menu" +class "GtkTextView" style "textview" + +# Menu and menubar items +widget_class "**" style "menu_item" +widget_class "*.*" style "menubar_item" +widget_class "**" style "separator_menu_item" + +# Treeview buttons +widget_class "***" style "treeview_header" + +# Give the file chooser toolbar a border +widget_class "**" style "inline_toolbar" + +# Fix padding on regular comboboxes +widget_class "*." style "combobox" +widget_class "*" style "combobox" + +# And disable separators on them +widget_class "*.*" style "disable_separator" +widget_class "**" style "disable_separator" +widget_class "**" style "disable_separator" + +# Join together the ComboBoxEntry entry and button +widget_class "**" style "combobox_entry" + +# Join the Combo entry and button +widget_class "**" style "combobox_entry" + +# Tweak the padding on the button a little bit because it +# uses it a bit differently +widget_class "*." style "combo_button_padding" + +# Alas we cannot do the same for ComboBoxText because there +# isn't a way to apply the style to only the comboboxes that +# have an entry inside + +# Tool buttons have different styles +widget_class "**" style "tool_button" +widget_class "**.*" style "tool_button" + +# Notebooks +widget_class "*." style "notebook_tab_label" +widget_class "*.." style "notebook_tab_label" + +# Notebooks are white, act accordingly +widget_class "**" style "notebook_entry" +widget_class "**" style "notebook_bg" +widget_class "**" style "notebook_bg" +widget_class "***" style "notebook_bg" +widget_class "**" style "notebook_bg" +widget_class "*.*" style "notebook_bg" + +# However, stuff inside eventboxes inside notebooks is grey +# again, react +widget_class "***" style "normal_entry" +widget_class "***" style "normal_bg" +widget_class "***" style "normal_bg" + +# Button labels +widget_class "*." style "button_label" + +# Normalize button labels +widget_class "*." style "normal_button_label" +widget_class "*." style "normal_button_label" + +# ComboBoxes tend to draw the button label with text[] +# instead of fg[], we need to fix that +widget_class "**" style "combobox_cellview" + +# Disable white text shadows +widget_class "*" style "disable_text_shadow" +widget_class "*" style "disable_text_shadow" + +# GTK tooltips +widget "gtk-tooltip*" style "tooltip" diff --git a/src/src/main/gtk-2.0/gtkrc b/src/src/main/gtk-2.0/gtkrc new file mode 100644 index 00000000..4093a5ac --- /dev/null +++ b/src/src/main/gtk-2.0/gtkrc @@ -0,0 +1,36 @@ +# Based on Bridge by ScionicSpectre and Adwaita by GNOME +# vim:set ts=2 sw=2 sts=2 ai et: +# +# This is the GTK 2 version of Materia. It's whole purpose is to look as the +# GTK 3 version as much as possible until GTK 2 dies completely. +# +# Note: comments for explaining styles are on the bottom of each file beside the +# widget matches. + +# Declare the colours used throughout the theme. +# There shouldn't be any fiddling with them in the theme files themselves in +# order to not mess up the dark theme. + +# Text/base +gtk-color-scheme = "text_color:#212121\nbase_color:#FFFFFF" +# Foreground/background +gtk-color-scheme = "fg_color:#212121\nbg_color:#F2F2F2" +# Selected foreground/background +gtk-color-scheme = "selected_fg_color:#FFFFFF\nselected_bg_color:#3c84f7" +# Titlebar foreground/background +gtk-color-scheme = "titlebar_fg_color:#212121\ntitlebar_bg_color:#FFFFFF" +# Menus +gtk-color-scheme = "menu_color:#FFFFFF" +# Tooltips foreground/background +gtk-color-scheme = "tooltip_fg_color:#FFFFFF\ntooltip_bg_color:#616161" +# Links +gtk-color-scheme = "link_color:#1A73E8\nvisited_link_color:#9C27B0" + +# Set GTK settings +gtk-auto-mnemonics = 1 +gtk-primary-button-warps-slider = 1 + +# And hand over the control to the theme files +include "main.rc" +include "apps.rc" +include "hacks.rc" diff --git a/src/src/main/gtk-2.0/gtkrc-dark b/src/src/main/gtk-2.0/gtkrc-dark new file mode 100644 index 00000000..3b22561d --- /dev/null +++ b/src/src/main/gtk-2.0/gtkrc-dark @@ -0,0 +1,36 @@ +# Based on Bridge by ScionicSpectre and Adwaita by GNOME +# vim:set ts=2 sw=2 sts=2 ai et: +# +# This is the GTK 2 version of Materia. It's whole purpose is to look as the +# GTK 3 version as much as possible until GTK 2 dies completely. +# +# Note: comments for explaining styles are on the bottom of each file beside the +# widget matches. + +# Declare the colours used throughout the theme. +# There shouldn't be any fiddling with them in the theme files themselves in +# order to not mess up the dark theme. + +# Text/base +gtk-color-scheme = "text_color:#FFFFFF\nbase_color:#2C2C2C" +# Foreground/background +gtk-color-scheme = "fg_color:#FFFFFF\nbg_color:#212121" +# Selected foreground/background +gtk-color-scheme = "selected_fg_color:#FFFFFF\nselected_bg_color:#5b9bf8" +# Titlebar foreground/background +gtk-color-scheme = "titlebar_fg_color:#FFFFFF\ntitlebar_bg_color:#2C2C2C" +# Menus +gtk-color-scheme = "menu_color:#3C3C3C" +# Tooltips foreground/background +gtk-color-scheme = "tooltip_fg_color:#FFFFFF\ntooltip_bg_color:#616161" +# Links +gtk-color-scheme = "link_color:#8AB4F8\nvisited_link_color:#CE93D8" + +# Set GTK settings +gtk-auto-mnemonics = 1 +gtk-primary-button-warps-slider = 1 + +# And hand over the control to the theme files +include "main.rc" +include "apps.rc" +include "hacks.rc" diff --git a/src/src/main/gtk-2.0/gtkrc-green b/src/src/main/gtk-2.0/gtkrc-green new file mode 100644 index 00000000..b3462f33 --- /dev/null +++ b/src/src/main/gtk-2.0/gtkrc-green @@ -0,0 +1,36 @@ +# Based on Bridge by ScionicSpectre and Adwaita by GNOME +# vim:set ts=2 sw=2 sts=2 ai et: +# +# This is the GTK 2 version of Materia. It's whole purpose is to look as the +# GTK 3 version as much as possible until GTK 2 dies completely. +# +# Note: comments for explaining styles are on the bottom of each file beside the +# widget matches. + +# Declare the colours used throughout the theme. +# There shouldn't be any fiddling with them in the theme files themselves in +# order to not mess up the dark theme. + +# Text/base +gtk-color-scheme = "text_color:#212121\nbase_color:#FFFFFF" +# Foreground/background +gtk-color-scheme = "fg_color:#212121\nbg_color:#F2F2F2" +# Selected foreground/background +gtk-color-scheme = "selected_fg_color:#FFFFFF\nselected_bg_color:#4CAF50" +# Titlebar foreground/background +gtk-color-scheme = "titlebar_fg_color:#212121\ntitlebar_bg_color:#FFFFFF" +# Menus +gtk-color-scheme = "menu_color:#FFFFFF" +# Tooltips foreground/background +gtk-color-scheme = "tooltip_fg_color:#FFFFFF\ntooltip_bg_color:#616161" +# Links +gtk-color-scheme = "link_color:#1A73E8\nvisited_link_color:#9C27B0" + +# Set GTK settings +gtk-auto-mnemonics = 1 +gtk-primary-button-warps-slider = 1 + +# And hand over the control to the theme files +include "main.rc" +include "apps.rc" +include "hacks.rc" diff --git a/src/src/main/gtk-2.0/gtkrc-green-dark b/src/src/main/gtk-2.0/gtkrc-green-dark new file mode 100644 index 00000000..38d7095d --- /dev/null +++ b/src/src/main/gtk-2.0/gtkrc-green-dark @@ -0,0 +1,36 @@ +# Based on Bridge by ScionicSpectre and Adwaita by GNOME +# vim:set ts=2 sw=2 sts=2 ai et: +# +# This is the GTK 2 version of Materia. It's whole purpose is to look as the +# GTK 3 version as much as possible until GTK 2 dies completely. +# +# Note: comments for explaining styles are on the bottom of each file beside the +# widget matches. + +# Declare the colours used throughout the theme. +# There shouldn't be any fiddling with them in the theme files themselves in +# order to not mess up the dark theme. + +# Text/base +gtk-color-scheme = "text_color:#FFFFFF\nbase_color:#2C2C2C" +# Foreground/background +gtk-color-scheme = "fg_color:#FFFFFF\nbg_color:#212121" +# Selected foreground/background +gtk-color-scheme = "selected_fg_color:#FFFFFF\nselected_bg_color:#66BB6A" +# Titlebar foreground/background +gtk-color-scheme = "titlebar_fg_color:#FFFFFF\ntitlebar_bg_color:#2C2C2C" +# Menus +gtk-color-scheme = "menu_color:#3C3C3C" +# Tooltips foreground/background +gtk-color-scheme = "tooltip_fg_color:#FFFFFF\ntooltip_bg_color:#616161" +# Links +gtk-color-scheme = "link_color:#8AB4F8\nvisited_link_color:#CE93D8" + +# Set GTK settings +gtk-auto-mnemonics = 1 +gtk-primary-button-warps-slider = 1 + +# And hand over the control to the theme files +include "main.rc" +include "apps.rc" +include "hacks.rc" diff --git a/src/src/main/gtk-2.0/gtkrc-grey b/src/src/main/gtk-2.0/gtkrc-grey new file mode 100644 index 00000000..9f6af0f9 --- /dev/null +++ b/src/src/main/gtk-2.0/gtkrc-grey @@ -0,0 +1,36 @@ +# Based on Bridge by ScionicSpectre and Adwaita by GNOME +# vim:set ts=2 sw=2 sts=2 ai et: +# +# This is the GTK 2 version of Materia. It's whole purpose is to look as the +# GTK 3 version as much as possible until GTK 2 dies completely. +# +# Note: comments for explaining styles are on the bottom of each file beside the +# widget matches. + +# Declare the colours used throughout the theme. +# There shouldn't be any fiddling with them in the theme files themselves in +# order to not mess up the dark theme. + +# Text/base +gtk-color-scheme = "text_color:#212121\nbase_color:#FFFFFF" +# Foreground/background +gtk-color-scheme = "fg_color:#212121\nbg_color:#FFFFFF" +# Selected foreground/background +gtk-color-scheme = "selected_fg_color:#FFFFFF\nselected_bg_color:#333333" +# Titlebar foreground/background +gtk-color-scheme = "titlebar_fg_color:#212121\ntitlebar_bg_color:#FFFFFF" +# Menus +gtk-color-scheme = "menu_color:#FFFFFF" +# Tooltips foreground/background +gtk-color-scheme = "tooltip_fg_color:#FFFFFF\ntooltip_bg_color:#616161" +# Links +gtk-color-scheme = "link_color:#1A73E8\nvisited_link_color:#9C27B0" + +# Set GTK settings +gtk-auto-mnemonics = 1 +gtk-primary-button-warps-slider = 1 + +# And hand over the control to the theme files +include "main.rc" +include "apps.rc" +include "hacks.rc" diff --git a/src/src/main/gtk-2.0/gtkrc-grey-dark b/src/src/main/gtk-2.0/gtkrc-grey-dark new file mode 100644 index 00000000..dd36f4aa --- /dev/null +++ b/src/src/main/gtk-2.0/gtkrc-grey-dark @@ -0,0 +1,36 @@ +# Based on Bridge by ScionicSpectre and Adwaita by GNOME +# vim:set ts=2 sw=2 sts=2 ai et: +# +# This is the GTK 2 version of Materia. It's whole purpose is to look as the +# GTK 3 version as much as possible until GTK 2 dies completely. +# +# Note: comments for explaining styles are on the bottom of each file beside the +# widget matches. + +# Declare the colours used throughout the theme. +# There shouldn't be any fiddling with them in the theme files themselves in +# order to not mess up the dark theme. + +# Text/base +gtk-color-scheme = "text_color:#FFFFFF\nbase_color:#2C2C2C" +# Foreground/background +gtk-color-scheme = "fg_color:#FFFFFF\nbg_color:#2C2C2C" +# Selected foreground/background +gtk-color-scheme = "selected_fg_color:#333333\nselected_bg_color:#E0E0E0" +# Titlebar foreground/background +gtk-color-scheme = "titlebar_fg_color:#FFFFFF\ntitlebar_bg_color:#2C2C2C" +# Menus +gtk-color-scheme = "menu_color:#3C3C3C" +# Tooltips foreground/background +gtk-color-scheme = "tooltip_fg_color:#FFFFFF\ntooltip_bg_color:#616161" +# Links +gtk-color-scheme = "link_color:#8AB4F8\nvisited_link_color:#CE93D8" + +# Set GTK settings +gtk-auto-mnemonics = 1 +gtk-primary-button-warps-slider = 1 + +# And hand over the control to the theme files +include "main.rc" +include "apps.rc" +include "hacks.rc" diff --git a/src/src/main/gtk-2.0/gtkrc-orange b/src/src/main/gtk-2.0/gtkrc-orange new file mode 100644 index 00000000..dfec3770 --- /dev/null +++ b/src/src/main/gtk-2.0/gtkrc-orange @@ -0,0 +1,36 @@ +# Based on Bridge by ScionicSpectre and Adwaita by GNOME +# vim:set ts=2 sw=2 sts=2 ai et: +# +# This is the GTK 2 version of Materia. It's whole purpose is to look as the +# GTK 3 version as much as possible until GTK 2 dies completely. +# +# Note: comments for explaining styles are on the bottom of each file beside the +# widget matches. + +# Declare the colours used throughout the theme. +# There shouldn't be any fiddling with them in the theme files themselves in +# order to not mess up the dark theme. + +# Text/base +gtk-color-scheme = "text_color:#212121\nbase_color:#FFFFFF" +# Foreground/background +gtk-color-scheme = "fg_color:#212121\nbg_color:#F2F2F2" +# Selected foreground/background +gtk-color-scheme = "selected_fg_color:#FFFFFF\nselected_bg_color:#F57C00" +# Titlebar foreground/background +gtk-color-scheme = "titlebar_fg_color:#212121\ntitlebar_bg_color:#FFFFFF" +# Menus +gtk-color-scheme = "menu_color:#FFFFFF" +# Tooltips foreground/background +gtk-color-scheme = "tooltip_fg_color:#FFFFFF\ntooltip_bg_color:#616161" +# Links +gtk-color-scheme = "link_color:#1A73E8\nvisited_link_color:#9C27B0" + +# Set GTK settings +gtk-auto-mnemonics = 1 +gtk-primary-button-warps-slider = 1 + +# And hand over the control to the theme files +include "main.rc" +include "apps.rc" +include "hacks.rc" diff --git a/src/src/main/gtk-2.0/gtkrc-orange-dark b/src/src/main/gtk-2.0/gtkrc-orange-dark new file mode 100644 index 00000000..7099c91d --- /dev/null +++ b/src/src/main/gtk-2.0/gtkrc-orange-dark @@ -0,0 +1,36 @@ +# Based on Bridge by ScionicSpectre and Adwaita by GNOME +# vim:set ts=2 sw=2 sts=2 ai et: +# +# This is the GTK 2 version of Materia. It's whole purpose is to look as the +# GTK 3 version as much as possible until GTK 2 dies completely. +# +# Note: comments for explaining styles are on the bottom of each file beside the +# widget matches. + +# Declare the colours used throughout the theme. +# There shouldn't be any fiddling with them in the theme files themselves in +# order to not mess up the dark theme. + +# Text/base +gtk-color-scheme = "text_color:#FFFFFF\nbase_color:#2C2C2C" +# Foreground/background +gtk-color-scheme = "fg_color:#FFFFFF\nbg_color:#212121" +# Selected foreground/background +gtk-color-scheme = "selected_fg_color:#FFFFFF\nselected_bg_color:#FB8C00" +# Titlebar foreground/background +gtk-color-scheme = "titlebar_fg_color:#FFFFFF\ntitlebar_bg_color:#2C2C2C" +# Menus +gtk-color-scheme = "menu_color:#3C3C3C" +# Tooltips foreground/background +gtk-color-scheme = "tooltip_fg_color:#FFFFFF\ntooltip_bg_color:#616161" +# Links +gtk-color-scheme = "link_color:#8AB4F8\nvisited_link_color:#CE93D8" + +# Set GTK settings +gtk-auto-mnemonics = 1 +gtk-primary-button-warps-slider = 1 + +# And hand over the control to the theme files +include "main.rc" +include "apps.rc" +include "hacks.rc" diff --git a/src/src/main/gtk-2.0/gtkrc-pink b/src/src/main/gtk-2.0/gtkrc-pink new file mode 100644 index 00000000..c4bd008e --- /dev/null +++ b/src/src/main/gtk-2.0/gtkrc-pink @@ -0,0 +1,36 @@ +# Based on Bridge by ScionicSpectre and Adwaita by GNOME +# vim:set ts=2 sw=2 sts=2 ai et: +# +# This is the GTK 2 version of Materia. It's whole purpose is to look as the +# GTK 3 version as much as possible until GTK 2 dies completely. +# +# Note: comments for explaining styles are on the bottom of each file beside the +# widget matches. + +# Declare the colours used throughout the theme. +# There shouldn't be any fiddling with them in the theme files themselves in +# order to not mess up the dark theme. + +# Text/base +gtk-color-scheme = "text_color:#212121\nbase_color:#FFFFFF" +# Foreground/background +gtk-color-scheme = "fg_color:#212121\nbg_color:#F2F2F2" +# Selected foreground/background +gtk-color-scheme = "selected_fg_color:#FFFFFF\nselected_bg_color:#EC407A" +# Titlebar foreground/background +gtk-color-scheme = "titlebar_fg_color:#212121\ntitlebar_bg_color:#FFFFFF" +# Menus +gtk-color-scheme = "menu_color:#FFFFFF" +# Tooltips foreground/background +gtk-color-scheme = "tooltip_fg_color:#FFFFFF\ntooltip_bg_color:#616161" +# Links +gtk-color-scheme = "link_color:#1A73E8\nvisited_link_color:#9C27B0" + +# Set GTK settings +gtk-auto-mnemonics = 1 +gtk-primary-button-warps-slider = 1 + +# And hand over the control to the theme files +include "main.rc" +include "apps.rc" +include "hacks.rc" diff --git a/src/src/main/gtk-2.0/gtkrc-pink-dark b/src/src/main/gtk-2.0/gtkrc-pink-dark new file mode 100644 index 00000000..b32c3200 --- /dev/null +++ b/src/src/main/gtk-2.0/gtkrc-pink-dark @@ -0,0 +1,36 @@ +# Based on Bridge by ScionicSpectre and Adwaita by GNOME +# vim:set ts=2 sw=2 sts=2 ai et: +# +# This is the GTK 2 version of Materia. It's whole purpose is to look as the +# GTK 3 version as much as possible until GTK 2 dies completely. +# +# Note: comments for explaining styles are on the bottom of each file beside the +# widget matches. + +# Declare the colours used throughout the theme. +# There shouldn't be any fiddling with them in the theme files themselves in +# order to not mess up the dark theme. + +# Text/base +gtk-color-scheme = "text_color:#FFFFFF\nbase_color:#2C2C2C" +# Foreground/background +gtk-color-scheme = "fg_color:#FFFFFF\nbg_color:#212121" +# Selected foreground/background +gtk-color-scheme = "selected_fg_color:#FFFFFF\nselected_bg_color:#F06292" +# Titlebar foreground/background +gtk-color-scheme = "titlebar_fg_color:#FFFFFF\ntitlebar_bg_color:#2C2C2C" +# Menus +gtk-color-scheme = "menu_color:#3C3C3C" +# Tooltips foreground/background +gtk-color-scheme = "tooltip_fg_color:#FFFFFF\ntooltip_bg_color:#616161" +# Links +gtk-color-scheme = "link_color:#8AB4F8\nvisited_link_color:#CE93D8" + +# Set GTK settings +gtk-auto-mnemonics = 1 +gtk-primary-button-warps-slider = 1 + +# And hand over the control to the theme files +include "main.rc" +include "apps.rc" +include "hacks.rc" diff --git a/src/src/main/gtk-2.0/gtkrc-purple b/src/src/main/gtk-2.0/gtkrc-purple new file mode 100644 index 00000000..e17df96c --- /dev/null +++ b/src/src/main/gtk-2.0/gtkrc-purple @@ -0,0 +1,36 @@ +# Based on Bridge by ScionicSpectre and Adwaita by GNOME +# vim:set ts=2 sw=2 sts=2 ai et: +# +# This is the GTK 2 version of Materia. It's whole purpose is to look as the +# GTK 3 version as much as possible until GTK 2 dies completely. +# +# Note: comments for explaining styles are on the bottom of each file beside the +# widget matches. + +# Declare the colours used throughout the theme. +# There shouldn't be any fiddling with them in the theme files themselves in +# order to not mess up the dark theme. + +# Text/base +gtk-color-scheme = "text_color:#212121\nbase_color:#FFFFFF" +# Foreground/background +gtk-color-scheme = "fg_color:#212121\nbg_color:#F2F2F2" +# Selected foreground/background +gtk-color-scheme = "selected_fg_color:#FFFFFF\nselected_bg_color:#AB47BC" +# Titlebar foreground/background +gtk-color-scheme = "titlebar_fg_color:#212121\ntitlebar_bg_color:#FFFFFF" +# Menus +gtk-color-scheme = "menu_color:#FFFFFF" +# Tooltips foreground/background +gtk-color-scheme = "tooltip_fg_color:#FFFFFF\ntooltip_bg_color:#616161" +# Links +gtk-color-scheme = "link_color:#1A73E8\nvisited_link_color:#9C27B0" + +# Set GTK settings +gtk-auto-mnemonics = 1 +gtk-primary-button-warps-slider = 1 + +# And hand over the control to the theme files +include "main.rc" +include "apps.rc" +include "hacks.rc" diff --git a/src/src/main/gtk-2.0/gtkrc-purple-dark b/src/src/main/gtk-2.0/gtkrc-purple-dark new file mode 100644 index 00000000..674161b4 --- /dev/null +++ b/src/src/main/gtk-2.0/gtkrc-purple-dark @@ -0,0 +1,36 @@ +# Based on Bridge by ScionicSpectre and Adwaita by GNOME +# vim:set ts=2 sw=2 sts=2 ai et: +# +# This is the GTK 2 version of Materia. It's whole purpose is to look as the +# GTK 3 version as much as possible until GTK 2 dies completely. +# +# Note: comments for explaining styles are on the bottom of each file beside the +# widget matches. + +# Declare the colours used throughout the theme. +# There shouldn't be any fiddling with them in the theme files themselves in +# order to not mess up the dark theme. + +# Text/base +gtk-color-scheme = "text_color:#FFFFFF\nbase_color:#2C2C2C" +# Foreground/background +gtk-color-scheme = "fg_color:#FFFFFF\nbg_color:#212121" +# Selected foreground/background +gtk-color-scheme = "selected_fg_color:#FFFFFF\nselected_bg_color:#BA68C8" +# Titlebar foreground/background +gtk-color-scheme = "titlebar_fg_color:#FFFFFF\ntitlebar_bg_color:#2C2C2C" +# Menus +gtk-color-scheme = "menu_color:#3C3C3C" +# Tooltips foreground/background +gtk-color-scheme = "tooltip_fg_color:#FFFFFF\ntooltip_bg_color:#616161" +# Links +gtk-color-scheme = "link_color:#8AB4F8\nvisited_link_color:#CE93D8" + +# Set GTK settings +gtk-auto-mnemonics = 1 +gtk-primary-button-warps-slider = 1 + +# And hand over the control to the theme files +include "main.rc" +include "apps.rc" +include "hacks.rc" diff --git a/src/src/main/gtk-2.0/gtkrc-red b/src/src/main/gtk-2.0/gtkrc-red new file mode 100644 index 00000000..9ba22e22 --- /dev/null +++ b/src/src/main/gtk-2.0/gtkrc-red @@ -0,0 +1,36 @@ +# Based on Bridge by ScionicSpectre and Adwaita by GNOME +# vim:set ts=2 sw=2 sts=2 ai et: +# +# This is the GTK 2 version of Materia. It's whole purpose is to look as the +# GTK 3 version as much as possible until GTK 2 dies completely. +# +# Note: comments for explaining styles are on the bottom of each file beside the +# widget matches. + +# Declare the colours used throughout the theme. +# There shouldn't be any fiddling with them in the theme files themselves in +# order to not mess up the dark theme. + +# Text/base +gtk-color-scheme = "text_color:#212121\nbase_color:#FFFFFF" +# Foreground/background +gtk-color-scheme = "fg_color:#212121\nbg_color:#F2F2F2" +# Selected foreground/background +gtk-color-scheme = "selected_fg_color:#FFFFFF\nselected_bg_color:#E53935" +# Titlebar foreground/background +gtk-color-scheme = "titlebar_fg_color:#212121\ntitlebar_bg_color:#FFFFFF" +# Menus +gtk-color-scheme = "menu_color:#FFFFFF" +# Tooltips foreground/background +gtk-color-scheme = "tooltip_fg_color:#FFFFFF\ntooltip_bg_color:#616161" +# Links +gtk-color-scheme = "link_color:#1A73E8\nvisited_link_color:#9C27B0" + +# Set GTK settings +gtk-auto-mnemonics = 1 +gtk-primary-button-warps-slider = 1 + +# And hand over the control to the theme files +include "main.rc" +include "apps.rc" +include "hacks.rc" diff --git a/src/src/main/gtk-2.0/gtkrc-red-dark b/src/src/main/gtk-2.0/gtkrc-red-dark new file mode 100644 index 00000000..2e824dbd --- /dev/null +++ b/src/src/main/gtk-2.0/gtkrc-red-dark @@ -0,0 +1,36 @@ +# Based on Bridge by ScionicSpectre and Adwaita by GNOME +# vim:set ts=2 sw=2 sts=2 ai et: +# +# This is the GTK 2 version of Materia. It's whole purpose is to look as the +# GTK 3 version as much as possible until GTK 2 dies completely. +# +# Note: comments for explaining styles are on the bottom of each file beside the +# widget matches. + +# Declare the colours used throughout the theme. +# There shouldn't be any fiddling with them in the theme files themselves in +# order to not mess up the dark theme. + +# Text/base +gtk-color-scheme = "text_color:#FFFFFF\nbase_color:#2C2C2C" +# Foreground/background +gtk-color-scheme = "fg_color:#FFFFFF\nbg_color:#212121" +# Selected foreground/background +gtk-color-scheme = "selected_fg_color:#FFFFFF\nselected_bg_color:#F44336" +# Titlebar foreground/background +gtk-color-scheme = "titlebar_fg_color:#FFFFFF\ntitlebar_bg_color:#2C2C2C" +# Menus +gtk-color-scheme = "menu_color:#3C3C3C" +# Tooltips foreground/background +gtk-color-scheme = "tooltip_fg_color:#FFFFFF\ntooltip_bg_color:#616161" +# Links +gtk-color-scheme = "link_color:#8AB4F8\nvisited_link_color:#CE93D8" + +# Set GTK settings +gtk-auto-mnemonics = 1 +gtk-primary-button-warps-slider = 1 + +# And hand over the control to the theme files +include "main.rc" +include "apps.rc" +include "hacks.rc" diff --git a/src/src/main/gtk-2.0/gtkrc-teal b/src/src/main/gtk-2.0/gtkrc-teal new file mode 100644 index 00000000..34385577 --- /dev/null +++ b/src/src/main/gtk-2.0/gtkrc-teal @@ -0,0 +1,36 @@ +# Based on Bridge by ScionicSpectre and Adwaita by GNOME +# vim:set ts=2 sw=2 sts=2 ai et: +# +# This is the GTK 2 version of Materia. It's whole purpose is to look as the +# GTK 3 version as much as possible until GTK 2 dies completely. +# +# Note: comments for explaining styles are on the bottom of each file beside the +# widget matches. + +# Declare the colours used throughout the theme. +# There shouldn't be any fiddling with them in the theme files themselves in +# order to not mess up the dark theme. + +# Text/base +gtk-color-scheme = "text_color:#212121\nbase_color:#FFFFFF" +# Foreground/background +gtk-color-scheme = "fg_color:#212121\nbg_color:#F2F2F2" +# Selected foreground/background +gtk-color-scheme = "selected_fg_color:#FFFFFF\nselected_bg_color:#009688" +# Titlebar foreground/background +gtk-color-scheme = "titlebar_fg_color:#212121\ntitlebar_bg_color:#FFFFFF" +# Menus +gtk-color-scheme = "menu_color:#FFFFFF" +# Tooltips foreground/background +gtk-color-scheme = "tooltip_fg_color:#FFFFFF\ntooltip_bg_color:#616161" +# Links +gtk-color-scheme = "link_color:#1A73E8\nvisited_link_color:#9C27B0" + +# Set GTK settings +gtk-auto-mnemonics = 1 +gtk-primary-button-warps-slider = 1 + +# And hand over the control to the theme files +include "main.rc" +include "apps.rc" +include "hacks.rc" diff --git a/src/src/main/gtk-2.0/gtkrc-teal-dark b/src/src/main/gtk-2.0/gtkrc-teal-dark new file mode 100644 index 00000000..a596f6c6 --- /dev/null +++ b/src/src/main/gtk-2.0/gtkrc-teal-dark @@ -0,0 +1,36 @@ +# Based on Bridge by ScionicSpectre and Adwaita by GNOME +# vim:set ts=2 sw=2 sts=2 ai et: +# +# This is the GTK 2 version of Materia. It's whole purpose is to look as the +# GTK 3 version as much as possible until GTK 2 dies completely. +# +# Note: comments for explaining styles are on the bottom of each file beside the +# widget matches. + +# Declare the colours used throughout the theme. +# There shouldn't be any fiddling with them in the theme files themselves in +# order to not mess up the dark theme. + +# Text/base +gtk-color-scheme = "text_color:#FFFFFF\nbase_color:#2C2C2C" +# Foreground/background +gtk-color-scheme = "fg_color:#FFFFFF\nbg_color:#212121" +# Selected foreground/background +gtk-color-scheme = "selected_fg_color:#FFFFFF\nselected_bg_color:#4DB6AC" +# Titlebar foreground/background +gtk-color-scheme = "titlebar_fg_color:#FFFFFF\ntitlebar_bg_color:#2C2C2C" +# Menus +gtk-color-scheme = "menu_color:#3C3C3C" +# Tooltips foreground/background +gtk-color-scheme = "tooltip_fg_color:#FFFFFF\ntooltip_bg_color:#616161" +# Links +gtk-color-scheme = "link_color:#8AB4F8\nvisited_link_color:#CE93D8" + +# Set GTK settings +gtk-auto-mnemonics = 1 +gtk-primary-button-warps-slider = 1 + +# And hand over the control to the theme files +include "main.rc" +include "apps.rc" +include "hacks.rc" diff --git a/src/src/main/gtk-2.0/gtkrc-yellow b/src/src/main/gtk-2.0/gtkrc-yellow new file mode 100644 index 00000000..22c9b49a --- /dev/null +++ b/src/src/main/gtk-2.0/gtkrc-yellow @@ -0,0 +1,36 @@ +# Based on Bridge by ScionicSpectre and Adwaita by GNOME +# vim:set ts=2 sw=2 sts=2 ai et: +# +# This is the GTK 2 version of Materia. It's whole purpose is to look as the +# GTK 3 version as much as possible until GTK 2 dies completely. +# +# Note: comments for explaining styles are on the bottom of each file beside the +# widget matches. + +# Declare the colours used throughout the theme. +# There shouldn't be any fiddling with them in the theme files themselves in +# order to not mess up the dark theme. + +# Text/base +gtk-color-scheme = "text_color:#212121\nbase_color:#FFFFFF" +# Foreground/background +gtk-color-scheme = "fg_color:#212121\nbg_color:#F2F2F2" +# Selected foreground/background +gtk-color-scheme = "selected_fg_color:#FFFFFF\nselected_bg_color:#FBC02D" +# Titlebar foreground/background +gtk-color-scheme = "titlebar_fg_color:#212121\ntitlebar_bg_color:#FFFFFF" +# Menus +gtk-color-scheme = "menu_color:#FFFFFF" +# Tooltips foreground/background +gtk-color-scheme = "tooltip_fg_color:#FFFFFF\ntooltip_bg_color:#616161" +# Links +gtk-color-scheme = "link_color:#1A73E8\nvisited_link_color:#9C27B0" + +# Set GTK settings +gtk-auto-mnemonics = 1 +gtk-primary-button-warps-slider = 1 + +# And hand over the control to the theme files +include "main.rc" +include "apps.rc" +include "hacks.rc" diff --git a/src/src/main/gtk-2.0/gtkrc-yellow-dark b/src/src/main/gtk-2.0/gtkrc-yellow-dark new file mode 100644 index 00000000..8c497412 --- /dev/null +++ b/src/src/main/gtk-2.0/gtkrc-yellow-dark @@ -0,0 +1,36 @@ +# Based on Bridge by ScionicSpectre and Adwaita by GNOME +# vim:set ts=2 sw=2 sts=2 ai et: +# +# This is the GTK 2 version of Materia. It's whole purpose is to look as the +# GTK 3 version as much as possible until GTK 2 dies completely. +# +# Note: comments for explaining styles are on the bottom of each file beside the +# widget matches. + +# Declare the colours used throughout the theme. +# There shouldn't be any fiddling with them in the theme files themselves in +# order to not mess up the dark theme. + +# Text/base +gtk-color-scheme = "text_color:#FFFFFF\nbase_color:#2C2C2C" +# Foreground/background +gtk-color-scheme = "fg_color:#FFFFFF\nbg_color:#212121" +# Selected foreground/background +gtk-color-scheme = "selected_fg_color:#FFFFFF\nselected_bg_color:#FFD600" +# Titlebar foreground/background +gtk-color-scheme = "titlebar_fg_color:#FFFFFF\ntitlebar_bg_color:#2C2C2C" +# Menus +gtk-color-scheme = "menu_color:#3C3C3C" +# Tooltips foreground/background +gtk-color-scheme = "tooltip_fg_color:#FFFFFF\ntooltip_bg_color:#616161" +# Links +gtk-color-scheme = "link_color:#8AB4F8\nvisited_link_color:#CE93D8" + +# Set GTK settings +gtk-auto-mnemonics = 1 +gtk-primary-button-warps-slider = 1 + +# And hand over the control to the theme files +include "main.rc" +include "apps.rc" +include "hacks.rc" diff --git a/src/src/main/gtk-3.0/gtk-dark.css b/src/src/main/gtk-3.0/gtk-dark.css new file mode 100644 index 00000000..98f28889 --- /dev/null +++ b/src/src/main/gtk-3.0/gtk-dark.css @@ -0,0 +1,7855 @@ +@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: #F28B82; + -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, treeview.view:selected, modelbutton.flat:selected, +.menuitem.button.flat:selected, .background.csd .view:selected { + color: white; + 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, .nautilus-window.background.csd notebook widget.view:selected, 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, spinbutton.vertical selection, spinbutton:not(.vertical) selection, +entry selection, label selection, textview text selection:focus, textview text selection, widget.view:selected, .view:selected { + color: white; + 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: white; +} + +.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: white; +} + +.gtkstyle-fallback:hover { + background-color: #1f1f1f; + color: white; +} + +.gtkstyle-fallback:active { + background-color: #131313; + color: white; +} + +.gtkstyle-fallback:disabled { + background-color: #2C2C2C; + color: rgba(255, 255, 255, 0.5); +} + +.gtkstyle-fallback:selected { + background-color: #5b9bf8; + color: white; +} + +.view { + background-color: #2C2C2C; + color: white; +} + +.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 treeview.view rubberband, +treeview.view .content-view rubberband, +.content-view .rubberband, +treeview.view rubberband, +treeview.view .content-view .rubberband, +.content-view treeview.view .rubberband, +treeview.view flowbox rubberband, +flowbox treeview.view rubberband, +flowbox rubberband, +flowbox treeview.view rubberband, +treeview.view 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; +} + +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: white; +} + +.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: white; +} + +/********************* + * 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: white; +} + +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: white; +} + +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: white; +} + +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 #F28B82; +} + +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: white; +} + +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 #FDD633; +} + +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; +} + +.gedit-search-slider .linked:not(.vertical) > entry { + border-radius: 6px; + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); + border-image: none; + box-shadow: inset 0 0 0 2px transparent; + background-color: #3C3C3C; + color: white; +} + +.gedit-search-slider .linked:not(.vertical) > entry:focus { + border-image: none; + box-shadow: inset 0 0 0 2px #5b9bf8; +} + +.gedit-search-slider .linked:not(.vertical) > entry:drop(active) { + box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08); +} + +.gedit-search-slider .linked:not(.vertical) > entry:disabled { + box-shadow: inset 0 0 0 2px transparent; + background-color: #242424; + color: rgba(255, 255, 255, 0.5); +} + +.gedit-search-slider .linked:not(.vertical) > entry.error { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); + border-image: none; + box-shadow: inset 0 0 0 2px transparent; + background-color: #F28B82; + color: rgba(0, 0, 0, 0.87); +} + +.gedit-search-slider .linked:not(.vertical) > entry.error:focus { + border-image: none; + box-shadow: inset 0 0 0 2px #F28B82; +} + +.gedit-search-slider .linked:not(.vertical) > entry.error:disabled { + box-shadow: inset 0 0 0 2px transparent; + background-color: #242424; + color: rgba(255, 255, 255, 0.5); +} + +.gedit-search-slider .linked:not(.vertical) > entry.error image { + color: rgba(0, 0, 0, 0.6); +} + +.gedit-search-slider .linked:not(.vertical) > entry.error image:hover, .gedit-search-slider .linked:not(.vertical) > entry.error image:active { + color: rgba(0, 0, 0, 0.87); +} + +.gedit-search-slider .linked:not(.vertical) > entry.error image:disabled { + color: rgba(0, 0, 0, 0.38); +} + +.gedit-search-slider .linked:not(.vertical) > entry.warning { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); + border-image: none; + box-shadow: inset 0 0 0 2px transparent; + background-color: #FDD633; + color: rgba(0, 0, 0, 0.87); +} + +.gedit-search-slider .linked:not(.vertical) > entry.warning:focus { + border-image: none; + box-shadow: inset 0 0 0 2px #FDD633; +} + +.gedit-search-slider .linked:not(.vertical) > entry.warning:disabled { + box-shadow: inset 0 0 0 2px transparent; + background-color: #242424; + color: rgba(255, 255, 255, 0.5); +} + +.gedit-search-slider .linked:not(.vertical) > entry.warning image { + color: rgba(0, 0, 0, 0.6); +} + +.gedit-search-slider .linked:not(.vertical) > entry.warning image:hover, .gedit-search-slider .linked:not(.vertical) > entry.warning image:active { + color: rgba(0, 0, 0, 0.87); +} + +.gedit-search-slider .linked:not(.vertical) > entry.warning image:disabled { + color: rgba(0, 0, 0, 0.38); +} + +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: white; +} + +.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: white; +} + +.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: white; +} + +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: white; +} + +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-search-slider .linked > button, .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, .gedit-search-slider .linked > 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, .gedit-search-slider .linked > 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: white; +} + +.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, .gedit-search-slider .linked > 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: white; +} + +.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, .gedit-search-slider .linked > 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: white; +} + +.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, .gedit-search-slider .linked > 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: white; +} + +.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.text-button.flat { + min-width: 48px; + padding-left: 8px; + padding-right: 8px; +} + +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: white; +} + +button.osd:hover { + background-color: #6fa7f9; + color: white; +} + +button.osd:active { + background-color: #86b5fa; + color: white; +} + +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: white; + 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: #F28B82; + color: rgba(0, 0, 0, 0.87); + 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(242, 139, 130, 0.2), 0 4px 3px 0 rgba(242, 139, 130, 0.14), 0 1px 6px 0 rgba(242, 139, 130, 0.12); +} + +button.destructive-action:checked { + background-color: rgba(182, 105, 98, 0.961); +} + +button.destructive-action:checked:hover { + box-shadow: inset 0 0 0 9999px transparent, 0 3px 3px -3px rgba(242, 139, 130, 0.3), 0 2px 3px -1px rgba(242, 139, 130, 0.24), 0 2px 5px 0 rgba(242, 139, 130, 0.12); +} + +button.destructive-action:focus { + box-shadow: 0 0 0 2px rgba(242, 139, 130, 0.35); +} + +button.destructive-action.flat { + background-color: transparent; + color: #F28B82; +} + +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(242, 139, 130, 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: white; +} + +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: #2196F3; +} + +*:visited { + color: #CE93D8; +} + +button.link:link, button.link:link:focus, button.link:link:hover, button.link:link:active { + color: #2196F3; +} + +button.link:visited, button.link:visited:focus, button.link:visited:hover, button.link:visited:active { + color: #CE93D8; +} + +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; +} + +.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: white; +} + +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: white; +} + +.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: white; +} + +.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: white; +} + +.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: white; + 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 { + background-color: #2C2C2C; + color: rgba(255, 255, 255, 0.7); +} + +.titlebar:backdrop:disabled { + color: rgba(255, 255, 255, 0.3); +} + +.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: white; +} + +.titlebar.selection-mode:backdrop { + color: rgba(255, 255, 255, 0.7); +} + +.titlebar.selection-mode .subtitle:link { + color: white; +} + +.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: white; +} + +.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: white; +} + +.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.1), 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: white; +} + +.caja-pathbar button label:not(:only-child):first-child, +.path-bar.linked:not(.vertical) > button label:not(:only-child):first-child { + margin-left: 0; +} + +.caja-pathbar button label:not(:only-child):last-child, +.path-bar.linked:not(.vertical) > button label:not(:only-child):last-child { + margin-right: 0; +} + +.caja-pathbar button.text-button, +.path-bar.linked:not(.vertical) > button.text-button { + min-width: 0; +} + +.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: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: white; +} + +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: white; +} + +treeview.view.progressbar:selected, treeview.view.progressbar:selected:hover, treeview.view.progressbar:selected:focus { + box-shadow: none; + background-color: #74aaf9; + color: white; +} + +treeview.view.progressbar:selected:backdrop, treeview.view.progressbar:selected:hover:backdrop, treeview.view.progressbar:selected:focus:backdrop { + color: white; +} + +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: white; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); +} + +menubar:backdrop, +.menubar:backdrop { + background-color: #2C2C2C; + color: rgba(255, 255, 255, 0.7); +} + +.csd menubar, .csd .menubar { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); +} + +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: white; +} + +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: white; + 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: white; +} + +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: 4px 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: white; +} + +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: white; + 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: white; +} + +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: white; +} + +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: white; + 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: white; + 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: #FDD633; +} + +levelbar block.high, levelbar block:not(.empty) { + background-color: #5b9bf8; +} + +levelbar block.full { + background-color: #81C995; +} + +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: white; +} + +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 > border.view, +.frame.view { + border-radius: 6px; +} + +frame > border.flat, +.frame.flat { + border-style: none; +} + +frame.flat > border, 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 frame.view, leaflet frame.view, box.horizontal > stack.background frame.view, 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 row.activatable, +window.background.csd > stack > stack > box > frame > list row.activatable, +window.background.csd > stack > box > stack > 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, preferencesgroup list row.activatable, .geary-accounts-editor-pane list row.activatable, window.background.csd.unified > deck > deck > deck list row.activatable, hdyleaflet list.view row.activatable, hdyleaflet list.frame row.activatable, leaflet list.view row.activatable, leaflet list.frame row.activatable, box.horizontal > stack.background list.view row.activatable, box.horizontal > stack.background list.frame row.activatable, hdyleaflet frame.view list row.activatable, leaflet frame.view list row.activatable, box.horizontal > stack.background frame.view list row.activatable, hdyleaflet stack.background scrolledwindow > viewport list row.activatable, hdyleaflet overlay scrolledwindow > viewport list row.activatable, leaflet stack.background scrolledwindow > viewport list row.activatable, leaflet overlay scrolledwindow > viewport list row.activatable, box.horizontal > stack.background stack.background scrolledwindow > viewport list row.activatable, box.horizontal > stack.background overlay scrolledwindow > viewport list row.activatable, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable, list.tweak-group list row.activatable, .tweak-group-startup row.activatable, 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, preferencesgroup list row.activatable:first-child, .geary-accounts-editor-pane list row.activatable:first-child, window.background.csd.unified > deck > deck > deck list row.activatable:first-child, hdyleaflet list.view row.activatable:first-child, hdyleaflet list.frame row.activatable:first-child, leaflet list.view row.activatable:first-child, leaflet list.frame row.activatable:first-child, box.horizontal > stack.background list.view row.activatable:first-child, box.horizontal > stack.background list.frame row.activatable:first-child, hdyleaflet frame.view list row.activatable:first-child, leaflet frame.view list row.activatable:first-child, box.horizontal > stack.background frame.view list row.activatable:first-child, hdyleaflet stack.background scrolledwindow > viewport list row.activatable:first-child, hdyleaflet overlay scrolledwindow > viewport list row.activatable:first-child, leaflet stack.background scrolledwindow > viewport list row.activatable:first-child, leaflet overlay scrolledwindow > viewport list row.activatable:first-child, box.horizontal > stack.background stack.background scrolledwindow > viewport list row.activatable:first-child, box.horizontal > stack.background overlay scrolledwindow > viewport list row.activatable:first-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, list.tweak-group list row.activatable:first-child, .tweak-group-startup row.activatable: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, preferencesgroup list row.activatable:last-child, .geary-accounts-editor-pane list row.activatable:last-child, window.background.csd.unified > deck > deck > deck list row.activatable:last-child, hdyleaflet list.view row.activatable:last-child, hdyleaflet list.frame row.activatable:last-child, leaflet list.view row.activatable:last-child, leaflet list.frame row.activatable:last-child, box.horizontal > stack.background list.view row.activatable:last-child, box.horizontal > stack.background list.frame row.activatable:last-child, hdyleaflet frame.view list row.activatable:last-child, leaflet frame.view list row.activatable:last-child, box.horizontal > stack.background frame.view list row.activatable:last-child, hdyleaflet stack.background scrolledwindow > viewport list row.activatable:last-child, hdyleaflet overlay scrolledwindow > viewport list row.activatable:last-child, leaflet stack.background scrolledwindow > viewport list row.activatable:last-child, leaflet overlay scrolledwindow > viewport list row.activatable:last-child, box.horizontal > stack.background stack.background scrolledwindow > viewport list row.activatable:last-child, box.horizontal > stack.background overlay scrolledwindow > viewport list row.activatable:last-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, list.tweak-group list row.activatable:last-child, .tweak-group-startup row.activatable: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, preferencesgroup list row.activatable:only-child, .geary-accounts-editor-pane list row.activatable:only-child, window.background.csd.unified > deck > deck > deck list row.activatable:only-child, hdyleaflet list.view row.activatable:only-child, hdyleaflet list.frame row.activatable:only-child, leaflet list.view row.activatable:only-child, leaflet list.frame row.activatable:only-child, box.horizontal > stack.background list.view row.activatable:only-child, box.horizontal > stack.background list.frame row.activatable:only-child, hdyleaflet frame.view list row.activatable:only-child, leaflet frame.view list row.activatable:only-child, box.horizontal > stack.background frame.view list row.activatable:only-child, hdyleaflet stack.background scrolledwindow > viewport list row.activatable:only-child, hdyleaflet overlay scrolledwindow > viewport list row.activatable:only-child, leaflet stack.background scrolledwindow > viewport list row.activatable:only-child, leaflet overlay scrolledwindow > viewport list row.activatable:only-child, box.horizontal > stack.background stack.background scrolledwindow > viewport list row.activatable:only-child, box.horizontal > stack.background overlay scrolledwindow > viewport list row.activatable:only-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, list.tweak-group list row.activatable:only-child, .tweak-group-startup row.activatable: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, preferencesgroup list row.activatable:focus, .geary-accounts-editor-pane list row.activatable:focus, window.background.csd.unified > deck > deck > deck list row.activatable:focus, hdyleaflet list.view row.activatable:focus, hdyleaflet list.frame row.activatable:focus, leaflet list.view row.activatable:focus, leaflet list.frame row.activatable:focus, box.horizontal > stack.background list.view row.activatable:focus, box.horizontal > stack.background list.frame row.activatable:focus, hdyleaflet frame.view list row.activatable:focus, leaflet frame.view list row.activatable:focus, box.horizontal > stack.background frame.view list row.activatable:focus, hdyleaflet stack.background scrolledwindow > viewport list row.activatable:focus, hdyleaflet overlay scrolledwindow > viewport list row.activatable:focus, leaflet stack.background scrolledwindow > viewport list row.activatable:focus, leaflet overlay scrolledwindow > viewport list row.activatable:focus, box.horizontal > stack.background stack.background scrolledwindow > viewport list row.activatable:focus, box.horizontal > stack.background overlay scrolledwindow > viewport list row.activatable:focus, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:focus, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:focus, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:focus, list.tweak-group list row.activatable:focus, .tweak-group-startup row.activatable: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: white; +} + +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: white; +} + +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: white; +} + +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: white; +} + +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: #F28B82; +} + +.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: white; + font-weight: 500; +} + +stacksidebar.sidebar row:selected label, stacksidebar.sidebar row:selected image { + color: white; +} + +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: white; +} + +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: white; +} + +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: white; +} + +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: white; +} + +infobar.action:hover > revealer > box, infobar.question:hover > revealer > box { + background-color: #438cf7; +} + +infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box { + background-color: #FDD633; + 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: #fdd11a; +} + +infobar.error > revealer > box, infobar.error:backdrop > revealer > box { + background-color: #F28B82; + color: rgba(0, 0, 0, 0.87); +} + +infobar.error > revealer > box link:link, infobar.error:backdrop > revealer > box link:link { + color: rgba(0, 0, 0, 0.87); +} + +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: rgba(0, 0, 0, 0.87); +} + +infobar.error:hover > revealer > box { + background-color: #f0766b; +} + +/************ + * Tooltips * + ************/ +tooltip { + border-radius: 3px; + box-shadow: none; +} + +tooltip.background { + background-color: rgba(25, 25, 25, 0.9); + color: white; +} + +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: white; +} + +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 3px 3px rgba(0, 0, 0, 0.16), 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.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; +} + +.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: white; + 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: white; + 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 { + 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: white; +} + +.nautilus-window .floating-bar button { + margin: 4px; + color: white; +} + +.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: white; +} + +@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); +} + +.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: white; +} + +.conflict-row:not(:selected) { + background-color: #6b5f2e; +} + +.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: #FDD633; + 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: 4px 4px 8px; +} + +.gedit-search-slider .linked:not(.vertical) > entry { + border-radius: 6px; +} + +.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) { + margin-right: -66px; + padding-right: 66px; +} + +.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) { + margin-left: -66px; + padding-left: 66px; +} + +.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(0, 0, 0, 0.6); +} + +.gedit-search-slider .linked:not(.vertical) > entry.error ~ button:hover, .gedit-search-slider .linked:not(.vertical) > entry.error ~ button:active { + color: rgba(0, 0, 0, 0.87); +} + +.gedit-search-slider .linked:not(.vertical) > entry.error ~ button:disabled { + color: rgba(0, 0, 0, 0.26); +} + +.gedit-search-slider .linked > button { + border: solid 6px transparent; + border-radius: 9999px; +} + +.gedit-search-slider .linked > button:last-child:dir(ltr), .gedit-search-slider .linked > button:not(:first-child):dir(rtl) { + margin-left: -3px; +} + +.gedit-search-slider .linked > button:first-child:dir(rtl), .gedit-search-slider .linked > button:not(:last-child):dir(ltr) { + margin-right: -3px; +} + +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 > 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 > 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 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 frame > border, leaflet frame > border, box.horizontal > stack.background frame > border { + border: none; +} + +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; +} + +hdyleaflet frame.view list, leaflet frame.view list, box.horizontal > stack.background frame.view list { + background: none; +} + +hdyleaflet frame.view list > separator, leaflet frame.view list > separator, box.horizontal > stack.background frame.view list > separator { + background: none; + min-height: 0; +} + +/************************ + * 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: white; +} + +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: #F28B82; + color: rgba(0, 0, 0, 0.87); +} + +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: white; +} + +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: white; +} + +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: white; + 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: white; +} + +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: white; +} + +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: white; + 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: white; + font-weight: normal; +} + +button.photos-filter-preview:checked { + background-color: alpha(currentColor, 0.06); + color: white; +} + +button.photos-filter-preview:checked image { + color: white; +} + +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: white; +} + +/************** + * 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: white; + 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: white; +} + +.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 rgba(255, 255, 255, 0.3); +} + +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: white; +} + +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: white; +} + +#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: #757575; +} + +#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: #9E9E9E; +} + +#MozillaGtkWidget > widget > checkbutton > check:not(:checked):not(:indeterminate):disabled, +#MozillaGtkWidget > widget > radiobutton > radio:not(:checked):not(:indeterminate):disabled { + color: rgba(117, 117, 117, 0.5); +} + +#MozillaGtkWidget menu { + border: none; +} + +#MozillaGtkWidget > widget > menubar { + color: rgba(255, 255, 255, 0.7); +} + +#MozillaGtkWidget > widget > menubar:hover { + color: white; +} + +#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: white; +} + +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: white; +} + +.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: white; +} + +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: white; +} + +.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: white; +} + +.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: white; +} + +#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: white; + 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: white; + 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: white; +} + +.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: white; + 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: white; +} + +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: white; +} + +.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: white; +} + +.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: white; +} + +.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: #F28B82; +} + +.budgie-panel .titlebar:not(headerbar) { + min-height: 0; + padding: 0; + box-shadow: none; + background-color: transparent; + color: white; +} + +.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: white; +} + +.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: white; +} + +.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: white; +} + +.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: white; +} + +.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: white; +} + +.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: #F28B82; +} + +.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: white; +} + +.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: white; +} + +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: white; +} + +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: white; +} + +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: white; +} + +#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: white; + 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: white; +} + +#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: white; +} + +#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: white; +} + +.nemo-window .primary-toolbar button.text-button:disabled { + 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 white; +/* +text color for entries, views and content in general */ +@define-color theme_text_color white; +/* +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 white; +/* +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 white; +/* +text color for entries, views and content in general on backdrop windows */ +@define-color theme_unfocused_text_color white; +/* +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 white; +/* +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 #FDD633; +@define-color error_color #F28B82; +@define-color success_color #81C995; +/* +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 white; +@define-color wm_unfocused_title rgba(255, 255, 255, 0.7); +@define-color wm_highlight rgba(255, 255, 255, 0.1); +@define-color wm_bg #242424; +@define-color wm_unfocused_bg #2C2C2C; +/* +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 #FDD633; +@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/src/main/gtk-3.0/gtk-dark.scss b/src/src/main/gtk-3.0/gtk-dark.scss new file mode 100644 index 00000000..4a2779f9 --- /dev/null +++ b/src/src/main/gtk-3.0/gtk-dark.scss @@ -0,0 +1,9 @@ +$variant: 'dark'; +$topbar: 'dark'; + +@import '../../sass/variables'; +@import '../../sass/colors'; +@import '../../sass/gtk/drawing-3.0'; +@import '../../sass/gtk/common-3.0'; +@import '../../sass/gtk/apps-3.0'; +@import '../../sass/gtk/colors-public'; diff --git a/src/src/main/gtk-3.0/gtk-light.css b/src/src/main/gtk-3.0/gtk-light.css new file mode 100644 index 00000000..761af77b --- /dev/null +++ b/src/src/main/gtk-3.0/gtk-light.css @@ -0,0 +1,7846 @@ +@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: #D93025; + -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, 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, .nautilus-window.background.csd notebook widget.view:selected, 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, spinbutton.vertical selection, spinbutton:not(.vertical) selection, +entry selection, label selection, textview text selection:focus, textview text selection, widget.view:selected, .view:selected { + color: white; + 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: white; +} + +.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 treeview.view rubberband, +treeview.view .content-view rubberband, +.content-view .rubberband, +treeview.view rubberband, +treeview.view .content-view .rubberband, +.content-view treeview.view .rubberband, +treeview.view flowbox rubberband, +flowbox treeview.view rubberband, +flowbox rubberband, +flowbox treeview.view rubberband, +treeview.view 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; +} + +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: white; +} + +.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 #D93025; +} + +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 #F4B400; +} + +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; +} + +.gedit-search-slider .linked:not(.vertical) > entry { + border-radius: 6px; + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); + border-image: none; + box-shadow: inset 0 0 0 2px transparent; + background-color: #FFFFFF; + color: rgba(0, 0, 0, 0.87); +} + +.gedit-search-slider .linked:not(.vertical) > entry:focus { + border-image: none; + box-shadow: inset 0 0 0 2px #3c84f7; +} + +.gedit-search-slider .linked:not(.vertical) > entry:drop(active) { + box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08); +} + +.gedit-search-slider .linked:not(.vertical) > entry:disabled { + box-shadow: inset 0 0 0 2px transparent; + background-color: #FAFAFA; + color: rgba(0, 0, 0, 0.38); +} + +.gedit-search-slider .linked:not(.vertical) > entry.error { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); + border-image: none; + box-shadow: inset 0 0 0 2px transparent; + background-color: #D93025; + color: white; +} + +.gedit-search-slider .linked:not(.vertical) > entry.error:focus { + border-image: none; + box-shadow: inset 0 0 0 2px #D93025; +} + +.gedit-search-slider .linked:not(.vertical) > entry.error:disabled { + box-shadow: inset 0 0 0 2px transparent; + background-color: #FAFAFA; + color: rgba(0, 0, 0, 0.38); +} + +.gedit-search-slider .linked:not(.vertical) > entry.error image { + color: rgba(255, 255, 255, 0.7); +} + +.gedit-search-slider .linked:not(.vertical) > entry.error image:hover, .gedit-search-slider .linked:not(.vertical) > entry.error image:active { + color: white; +} + +.gedit-search-slider .linked:not(.vertical) > entry.error image:disabled { + color: rgba(255, 255, 255, 0.5); +} + +.gedit-search-slider .linked:not(.vertical) > entry.warning { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); + border-image: none; + box-shadow: inset 0 0 0 2px transparent; + background-color: #F4B400; + color: rgba(0, 0, 0, 0.87); +} + +.gedit-search-slider .linked:not(.vertical) > entry.warning:focus { + border-image: none; + box-shadow: inset 0 0 0 2px #F4B400; +} + +.gedit-search-slider .linked:not(.vertical) > entry.warning:disabled { + box-shadow: inset 0 0 0 2px transparent; + background-color: #FAFAFA; + color: rgba(0, 0, 0, 0.38); +} + +.gedit-search-slider .linked:not(.vertical) > entry.warning image { + color: rgba(0, 0, 0, 0.6); +} + +.gedit-search-slider .linked:not(.vertical) > entry.warning image:hover, .gedit-search-slider .linked:not(.vertical) > entry.warning image:active { + color: rgba(0, 0, 0, 0.87); +} + +.gedit-search-slider .linked:not(.vertical) > entry.warning image:disabled { + color: rgba(0, 0, 0, 0.38); +} + +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: white; +} + +.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: white; +} + +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-search-slider .linked > button, .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, .gedit-search-slider .linked > 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, .gedit-search-slider .linked > 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, .gedit-search-slider .linked > 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, .gedit-search-slider .linked > 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, .gedit-search-slider .linked > 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.text-button.flat { + min-width: 48px; + padding-left: 8px; + padding-right: 8px; +} + +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: white; +} + +button.osd:hover { + background-color: #5393f8; + color: white; +} + +button.osd:active { + background-color: #6fa4f9; + color: white; +} + +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: white; + 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: #D93025; + color: white; + 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(217, 48, 37, 0.2), 0 4px 3px 0 rgba(217, 48, 37, 0.14), 0 1px 6px 0 rgba(217, 48, 37, 0.12); +} + +button.destructive-action:checked { + background-color: #e46e66; +} + +button.destructive-action:checked:hover { + box-shadow: inset 0 0 0 9999px transparent, 0 3px 3px -3px rgba(217, 48, 37, 0.3), 0 2px 3px -1px rgba(217, 48, 37, 0.24), 0 2px 5px 0 rgba(217, 48, 37, 0.12); +} + +button.destructive-action:focus { + box-shadow: 0 0 0 2px rgba(217, 48, 37, 0.35); +} + +button.destructive-action.flat { + background-color: transparent; + color: #D93025; +} + +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(217, 48, 37, 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: #2196F3; +} + +*:visited { + color: #9C27B0; +} + +button.link:link, button.link:link:focus, button.link:link:hover, button.link:link:active { + color: #2196F3; +} + +button.link:visited, button.link:visited:focus, button.link:visited:hover, button.link:visited:active { + color: #9C27B0; +} + +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; +} + +.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: #FAFAFA; + 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 { + background-color: #FFFFFF; + color: rgba(0, 0, 0, 0.6); +} + +.titlebar:backdrop:disabled { + color: rgba(0, 0, 0, 0.26); +} + +.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: #FAFAFA; + 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: #FFFFFF; +} + +.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: white; +} + +.titlebar.selection-mode:backdrop { + color: rgba(255, 255, 255, 0.7); +} + +.titlebar.selection-mode .subtitle:link { + color: white; +} + +.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: white; +} + +.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: white; +} + +.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: #FAFAFA; +} + +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:not(:only-child):first-child, +.path-bar.linked:not(.vertical) > button label:not(:only-child):first-child { + margin-left: 0; +} + +.caja-pathbar button label:not(:only-child):last-child, +.path-bar.linked:not(.vertical) > button label:not(:only-child):last-child { + margin-right: 0; +} + +.caja-pathbar button.text-button, +.path-bar.linked:not(.vertical) > button.text-button { + min-width: 0; +} + +.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: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: white; +} + +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: white; +} + +treeview.view.progressbar:selected:backdrop, treeview.view.progressbar:selected:hover:backdrop, treeview.view.progressbar:selected:focus:backdrop { + color: white; +} + +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: #FAFAFA; + color: rgba(0, 0, 0, 0.87); + box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); +} + +menubar:backdrop, +.menubar:backdrop { + background-color: #FFFFFF; + color: rgba(0, 0, 0, 0.6); +} + +.csd menubar, .csd .menubar { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); +} + +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: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: 4px 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: white; + 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: white; + 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: #F4B400; +} + +levelbar block.high, levelbar block:not(.empty) { + background-color: #3c84f7; +} + +levelbar block.full { + background-color: #0F9D58; +} + +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 > border.view, +.frame.view { + border-radius: 6px; +} + +frame > border.flat, +.frame.flat { + border-style: none; +} + +frame.flat > border, 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 frame.view, leaflet frame.view, box.horizontal > stack.background frame.view, 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 row.activatable, +window.background.csd > stack > stack > box > frame > list row.activatable, +window.background.csd > stack > box > stack > 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, preferencesgroup list row.activatable, .geary-accounts-editor-pane list row.activatable, window.background.csd.unified > deck > deck > deck list row.activatable, hdyleaflet list.view row.activatable, hdyleaflet list.frame row.activatable, leaflet list.view row.activatable, leaflet list.frame row.activatable, box.horizontal > stack.background list.view row.activatable, box.horizontal > stack.background list.frame row.activatable, hdyleaflet frame.view list row.activatable, leaflet frame.view list row.activatable, box.horizontal > stack.background frame.view list row.activatable, hdyleaflet stack.background scrolledwindow > viewport list row.activatable, hdyleaflet overlay scrolledwindow > viewport list row.activatable, leaflet stack.background scrolledwindow > viewport list row.activatable, leaflet overlay scrolledwindow > viewport list row.activatable, box.horizontal > stack.background stack.background scrolledwindow > viewport list row.activatable, box.horizontal > stack.background overlay scrolledwindow > viewport list row.activatable, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable, list.tweak-group list row.activatable, .tweak-group-startup row.activatable, 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, preferencesgroup list row.activatable:first-child, .geary-accounts-editor-pane list row.activatable:first-child, window.background.csd.unified > deck > deck > deck list row.activatable:first-child, hdyleaflet list.view row.activatable:first-child, hdyleaflet list.frame row.activatable:first-child, leaflet list.view row.activatable:first-child, leaflet list.frame row.activatable:first-child, box.horizontal > stack.background list.view row.activatable:first-child, box.horizontal > stack.background list.frame row.activatable:first-child, hdyleaflet frame.view list row.activatable:first-child, leaflet frame.view list row.activatable:first-child, box.horizontal > stack.background frame.view list row.activatable:first-child, hdyleaflet stack.background scrolledwindow > viewport list row.activatable:first-child, hdyleaflet overlay scrolledwindow > viewport list row.activatable:first-child, leaflet stack.background scrolledwindow > viewport list row.activatable:first-child, leaflet overlay scrolledwindow > viewport list row.activatable:first-child, box.horizontal > stack.background stack.background scrolledwindow > viewport list row.activatable:first-child, box.horizontal > stack.background overlay scrolledwindow > viewport list row.activatable:first-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, list.tweak-group list row.activatable:first-child, .tweak-group-startup row.activatable: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, preferencesgroup list row.activatable:last-child, .geary-accounts-editor-pane list row.activatable:last-child, window.background.csd.unified > deck > deck > deck list row.activatable:last-child, hdyleaflet list.view row.activatable:last-child, hdyleaflet list.frame row.activatable:last-child, leaflet list.view row.activatable:last-child, leaflet list.frame row.activatable:last-child, box.horizontal > stack.background list.view row.activatable:last-child, box.horizontal > stack.background list.frame row.activatable:last-child, hdyleaflet frame.view list row.activatable:last-child, leaflet frame.view list row.activatable:last-child, box.horizontal > stack.background frame.view list row.activatable:last-child, hdyleaflet stack.background scrolledwindow > viewport list row.activatable:last-child, hdyleaflet overlay scrolledwindow > viewport list row.activatable:last-child, leaflet stack.background scrolledwindow > viewport list row.activatable:last-child, leaflet overlay scrolledwindow > viewport list row.activatable:last-child, box.horizontal > stack.background stack.background scrolledwindow > viewport list row.activatable:last-child, box.horizontal > stack.background overlay scrolledwindow > viewport list row.activatable:last-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, list.tweak-group list row.activatable:last-child, .tweak-group-startup row.activatable: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, preferencesgroup list row.activatable:only-child, .geary-accounts-editor-pane list row.activatable:only-child, window.background.csd.unified > deck > deck > deck list row.activatable:only-child, hdyleaflet list.view row.activatable:only-child, hdyleaflet list.frame row.activatable:only-child, leaflet list.view row.activatable:only-child, leaflet list.frame row.activatable:only-child, box.horizontal > stack.background list.view row.activatable:only-child, box.horizontal > stack.background list.frame row.activatable:only-child, hdyleaflet frame.view list row.activatable:only-child, leaflet frame.view list row.activatable:only-child, box.horizontal > stack.background frame.view list row.activatable:only-child, hdyleaflet stack.background scrolledwindow > viewport list row.activatable:only-child, hdyleaflet overlay scrolledwindow > viewport list row.activatable:only-child, leaflet stack.background scrolledwindow > viewport list row.activatable:only-child, leaflet overlay scrolledwindow > viewport list row.activatable:only-child, box.horizontal > stack.background stack.background scrolledwindow > viewport list row.activatable:only-child, box.horizontal > stack.background overlay scrolledwindow > viewport list row.activatable:only-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, list.tweak-group list row.activatable:only-child, .tweak-group-startup row.activatable: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, preferencesgroup list row.activatable:focus, .geary-accounts-editor-pane list row.activatable:focus, window.background.csd.unified > deck > deck > deck list row.activatable:focus, hdyleaflet list.view row.activatable:focus, hdyleaflet list.frame row.activatable:focus, leaflet list.view row.activatable:focus, leaflet list.frame row.activatable:focus, box.horizontal > stack.background list.view row.activatable:focus, box.horizontal > stack.background list.frame row.activatable:focus, hdyleaflet frame.view list row.activatable:focus, leaflet frame.view list row.activatable:focus, box.horizontal > stack.background frame.view list row.activatable:focus, hdyleaflet stack.background scrolledwindow > viewport list row.activatable:focus, hdyleaflet overlay scrolledwindow > viewport list row.activatable:focus, leaflet stack.background scrolledwindow > viewport list row.activatable:focus, leaflet overlay scrolledwindow > viewport list row.activatable:focus, box.horizontal > stack.background stack.background scrolledwindow > viewport list row.activatable:focus, box.horizontal > stack.background overlay scrolledwindow > viewport list row.activatable:focus, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:focus, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:focus, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:focus, list.tweak-group list row.activatable:focus, .tweak-group-startup row.activatable: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: #D93025; +} + +.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: white; + font-weight: 500; +} + +stacksidebar.sidebar row:selected label, stacksidebar.sidebar row:selected image { + color: white; +} + +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: white; +} + +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: white; +} + +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: white; +} + +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: white; +} + +infobar.action:hover > revealer > box, infobar.question:hover > revealer > box { + background-color: #5493f8; +} + +infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box { + background-color: #F4B400; + 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: #ffc00f; +} + +infobar.error > revealer > box, infobar.error:backdrop > revealer > box { + background-color: #D93025; + color: white; +} + +infobar.error > revealer > box link:link, infobar.error:backdrop > revealer > box link:link { + color: white; +} + +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: white; +} + +infobar.error:hover > revealer > box { + background-color: #dd443a; +} + +/************ + * Tooltips * + ************/ +tooltip { + border-radius: 3px; + box-shadow: none; +} + +tooltip.background { + background-color: rgba(52, 52, 52, 0.9); + color: white; +} + +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: white; +} + +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 3px 3px rgba(0, 0, 0, 0.16), 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: #FAFAFA; + border: 1px solid #e0e0e0; +} + +.solid-csd decoration:backdrop { + background-color: #FFFFFF; +} + +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.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); +} + +.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; + 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 * + *************/ +/********* + * 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 { + 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: white; +} + +.nautilus-window .floating-bar button { + margin: 4px; + color: white; +} + +.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: white; +} + +@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); +} + +.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: #fce9b3; +} + +.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: #F4B400; + 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: 4px 4px 8px; +} + +.gedit-search-slider .linked:not(.vertical) > entry { + border-radius: 6px; +} + +.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) { + margin-right: -66px; + padding-right: 66px; +} + +.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) { + margin-left: -66px; + padding-left: 66px; +} + +.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: white; +} + +.gedit-search-slider .linked:not(.vertical) > entry.error ~ button:disabled { + color: rgba(255, 255, 255, 0.3); +} + +.gedit-search-slider .linked > button { + border: solid 6px transparent; + border-radius: 9999px; +} + +.gedit-search-slider .linked > button:last-child:dir(ltr), .gedit-search-slider .linked > button:not(:first-child):dir(rtl) { + margin-left: -3px; +} + +.gedit-search-slider .linked > button:first-child:dir(rtl), .gedit-search-slider .linked > button:not(:last-child):dir(ltr) { + margin-right: -3px; +} + +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 > 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 > 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 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 frame > border, leaflet frame > border, box.horizontal > stack.background frame > border { + border: none; +} + +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; +} + +hdyleaflet frame.view list, leaflet frame.view list, box.horizontal > stack.background frame.view list { + background: none; +} + +hdyleaflet frame.view list > separator, leaflet frame.view list > separator, box.horizontal > stack.background frame.view list > separator { + background: none; + min-height: 0; +} + +/************************ + * 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: white; +} + +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: #D93025; + color: white; +} + +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: white; + 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: white; +} + +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: white; +} + +/************** + * 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: #FAFAFA; + 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: #FFFFFF; +} + +.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: white; +} + +.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 rgba(0, 0, 0, 0.26); +} + +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: white; +} + +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: white; +} + +#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: #757575; +} + +#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: #9E9E9E; +} + +#MozillaGtkWidget > widget > checkbutton > check:not(:checked):not(:indeterminate):disabled, +#MozillaGtkWidget > widget > radiobutton > radio:not(:checked):not(:indeterminate):disabled { + color: rgba(117, 117, 117, 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: #FAFAFA; + color: rgba(0, 0, 0, 0.87); +} + +UnityDecoration .top:backdrop { + background-color: #FFFFFF; + 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: white; + 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: white; +} + +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: #D93025; +} + +.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: white; +} + +.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: #D93025; +} + +.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: white; +} + +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: white; +} + +#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: white; +} + +#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: #FAFAFA; + 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.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 white; +/* +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 white; +/* +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 #F4B400; +@define-color error_color #D93025; +@define-color success_color #0F9D58; +/* +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_bg #FAFAFA; +@define-color wm_unfocused_bg #FFFFFF; +/* +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 #F4B400; +@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/src/main/gtk-3.0/gtk-light.scss b/src/src/main/gtk-3.0/gtk-light.scss new file mode 100644 index 00000000..a73559e2 --- /dev/null +++ b/src/src/main/gtk-3.0/gtk-light.scss @@ -0,0 +1,9 @@ +$variant: 'light'; +$topbar: 'light'; + +@import '../../sass/variables'; +@import '../../sass/colors'; +@import '../../sass/gtk/drawing-3.0'; +@import '../../sass/gtk/common-3.0'; +@import '../../sass/gtk/apps-3.0'; +@import '../../sass/gtk/colors-public'; diff --git a/src/src/main/gtk-3.0/gtk.css b/src/src/main/gtk-3.0/gtk.css new file mode 100644 index 00000000..106b66d3 --- /dev/null +++ b/src/src/main/gtk-3.0/gtk.css @@ -0,0 +1,7855 @@ +@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: #D93025; + -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, 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, .nautilus-window.background.csd notebook widget.view:selected, 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, spinbutton.vertical selection, spinbutton:not(.vertical) selection, +entry selection, label selection, textview text selection:focus, textview text selection, widget.view:selected, .view:selected { + color: white; + 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: white; +} + +.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 treeview.view rubberband, +treeview.view .content-view rubberband, +.content-view .rubberband, +treeview.view rubberband, +treeview.view .content-view .rubberband, +.content-view treeview.view .rubberband, +treeview.view flowbox rubberband, +flowbox treeview.view rubberband, +flowbox rubberband, +flowbox treeview.view rubberband, +treeview.view 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; +} + +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: white; +} + +.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 #D93025; +} + +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 #F4B400; +} + +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; +} + +.gedit-search-slider .linked:not(.vertical) > entry { + border-radius: 6px; + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); + border-image: none; + box-shadow: inset 0 0 0 2px transparent; + background-color: #FFFFFF; + color: rgba(0, 0, 0, 0.87); +} + +.gedit-search-slider .linked:not(.vertical) > entry:focus { + border-image: none; + box-shadow: inset 0 0 0 2px #3c84f7; +} + +.gedit-search-slider .linked:not(.vertical) > entry:drop(active) { + box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08); +} + +.gedit-search-slider .linked:not(.vertical) > entry:disabled { + box-shadow: inset 0 0 0 2px transparent; + background-color: #FAFAFA; + color: rgba(0, 0, 0, 0.38); +} + +.gedit-search-slider .linked:not(.vertical) > entry.error { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); + border-image: none; + box-shadow: inset 0 0 0 2px transparent; + background-color: #D93025; + color: white; +} + +.gedit-search-slider .linked:not(.vertical) > entry.error:focus { + border-image: none; + box-shadow: inset 0 0 0 2px #D93025; +} + +.gedit-search-slider .linked:not(.vertical) > entry.error:disabled { + box-shadow: inset 0 0 0 2px transparent; + background-color: #FAFAFA; + color: rgba(0, 0, 0, 0.38); +} + +.gedit-search-slider .linked:not(.vertical) > entry.error image { + color: rgba(255, 255, 255, 0.7); +} + +.gedit-search-slider .linked:not(.vertical) > entry.error image:hover, .gedit-search-slider .linked:not(.vertical) > entry.error image:active { + color: white; +} + +.gedit-search-slider .linked:not(.vertical) > entry.error image:disabled { + color: rgba(255, 255, 255, 0.5); +} + +.gedit-search-slider .linked:not(.vertical) > entry.warning { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); + border-image: none; + box-shadow: inset 0 0 0 2px transparent; + background-color: #F4B400; + color: rgba(0, 0, 0, 0.87); +} + +.gedit-search-slider .linked:not(.vertical) > entry.warning:focus { + border-image: none; + box-shadow: inset 0 0 0 2px #F4B400; +} + +.gedit-search-slider .linked:not(.vertical) > entry.warning:disabled { + box-shadow: inset 0 0 0 2px transparent; + background-color: #FAFAFA; + color: rgba(0, 0, 0, 0.38); +} + +.gedit-search-slider .linked:not(.vertical) > entry.warning image { + color: rgba(0, 0, 0, 0.6); +} + +.gedit-search-slider .linked:not(.vertical) > entry.warning image:hover, .gedit-search-slider .linked:not(.vertical) > entry.warning image:active { + color: rgba(0, 0, 0, 0.87); +} + +.gedit-search-slider .linked:not(.vertical) > entry.warning image:disabled { + color: rgba(0, 0, 0, 0.38); +} + +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: white; +} + +.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: white; +} + +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-search-slider .linked > button, .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, .gedit-search-slider .linked > 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, .gedit-search-slider .linked > 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, .gedit-search-slider .linked > 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, .gedit-search-slider .linked > 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, .gedit-search-slider .linked > 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.text-button.flat { + min-width: 48px; + padding-left: 8px; + padding-right: 8px; +} + +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: white; +} + +button.osd:hover { + background-color: #5393f8; + color: white; +} + +button.osd:active { + background-color: #6fa4f9; + color: white; +} + +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: white; + 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: #D93025; + color: white; + 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(217, 48, 37, 0.2), 0 4px 3px 0 rgba(217, 48, 37, 0.14), 0 1px 6px 0 rgba(217, 48, 37, 0.12); +} + +button.destructive-action:checked { + background-color: #e46e66; +} + +button.destructive-action:checked:hover { + box-shadow: inset 0 0 0 9999px transparent, 0 3px 3px -3px rgba(217, 48, 37, 0.3), 0 2px 3px -1px rgba(217, 48, 37, 0.24), 0 2px 5px 0 rgba(217, 48, 37, 0.12); +} + +button.destructive-action:focus { + box-shadow: 0 0 0 2px rgba(217, 48, 37, 0.35); +} + +button.destructive-action.flat { + background-color: transparent; + color: #D93025; +} + +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(217, 48, 37, 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: #2196F3; +} + +*:visited { + color: #9C27B0; +} + +button.link:link, button.link:link:focus, button.link:link:hover, button.link:link:active { + color: #2196F3; +} + +button.link:visited, button.link:visited:focus, button.link:visited:hover, button.link:visited:active { + color: #9C27B0; +} + +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; +} + +.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(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: white; +} + +.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: white; +} + +.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: white; +} + +.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: white; + 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.1); +} + +.titlebar:disabled { + color: rgba(255, 255, 255, 0.5); +} + +.titlebar:backdrop { + background-color: #2C2C2C; + color: rgba(255, 255, 255, 0.7); +} + +.titlebar:backdrop:disabled { + color: rgba(255, 255, 255, 0.3); +} + +.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(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.1); +} + +.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: #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(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.5); +} + +.titlebar stackswitcher { + background-color: rgba(255, 255, 255, 0.04); +} + +.titlebar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action):checked { + background-color: rgba(255, 255, 255, 0.15); + color: white; +} + +.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: white; +} + +.titlebar.selection-mode:backdrop { + color: rgba(255, 255, 255, 0.7); +} + +.titlebar.selection-mode .subtitle:link { + color: white; +} + +.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: white; +} + +.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: white; +} + +.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.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.1), 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: #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: rgba(0, 0, 0, 0.87); +} + +.caja-pathbar button label:not(:only-child):first-child, +.path-bar.linked:not(.vertical) > button label:not(:only-child):first-child { + margin-left: 0; +} + +.caja-pathbar button label:not(:only-child):last-child, +.path-bar.linked:not(.vertical) > button label:not(:only-child):last-child { + margin-right: 0; +} + +.caja-pathbar button.text-button, +.path-bar.linked:not(.vertical) > button.text-button { + min-width: 0; +} + +.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: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: white; +} + +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: white; +} + +treeview.view.progressbar:selected:backdrop, treeview.view.progressbar:selected:hover:backdrop, treeview.view.progressbar:selected:focus:backdrop { + color: white; +} + +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: #242424; + color: white; + box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); +} + +menubar:backdrop, +.menubar:backdrop { + background-color: #2C2C2C; + color: rgba(255, 255, 255, 0.7); +} + +.csd menubar, .csd .menubar { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); +} + +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: white; +} + +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: #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: 4px 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: white; + 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: white; + 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: #F4B400; +} + +levelbar block.high, levelbar block:not(.empty) { + background-color: #3c84f7; +} + +levelbar block.full { + background-color: #0F9D58; +} + +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 > border.view, +.frame.view { + border-radius: 6px; +} + +frame > border.flat, +.frame.flat { + border-style: none; +} + +frame.flat > border, 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 frame.view, leaflet frame.view, box.horizontal > stack.background frame.view, 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 row.activatable, +window.background.csd > stack > stack > box > frame > list row.activatable, +window.background.csd > stack > box > stack > 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, preferencesgroup list row.activatable, .geary-accounts-editor-pane list row.activatable, window.background.csd.unified > deck > deck > deck list row.activatable, hdyleaflet list.view row.activatable, hdyleaflet list.frame row.activatable, leaflet list.view row.activatable, leaflet list.frame row.activatable, box.horizontal > stack.background list.view row.activatable, box.horizontal > stack.background list.frame row.activatable, hdyleaflet frame.view list row.activatable, leaflet frame.view list row.activatable, box.horizontal > stack.background frame.view list row.activatable, hdyleaflet stack.background scrolledwindow > viewport list row.activatable, hdyleaflet overlay scrolledwindow > viewport list row.activatable, leaflet stack.background scrolledwindow > viewport list row.activatable, leaflet overlay scrolledwindow > viewport list row.activatable, box.horizontal > stack.background stack.background scrolledwindow > viewport list row.activatable, box.horizontal > stack.background overlay scrolledwindow > viewport list row.activatable, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable, list.tweak-group list row.activatable, .tweak-group-startup row.activatable, 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, preferencesgroup list row.activatable:first-child, .geary-accounts-editor-pane list row.activatable:first-child, window.background.csd.unified > deck > deck > deck list row.activatable:first-child, hdyleaflet list.view row.activatable:first-child, hdyleaflet list.frame row.activatable:first-child, leaflet list.view row.activatable:first-child, leaflet list.frame row.activatable:first-child, box.horizontal > stack.background list.view row.activatable:first-child, box.horizontal > stack.background list.frame row.activatable:first-child, hdyleaflet frame.view list row.activatable:first-child, leaflet frame.view list row.activatable:first-child, box.horizontal > stack.background frame.view list row.activatable:first-child, hdyleaflet stack.background scrolledwindow > viewport list row.activatable:first-child, hdyleaflet overlay scrolledwindow > viewport list row.activatable:first-child, leaflet stack.background scrolledwindow > viewport list row.activatable:first-child, leaflet overlay scrolledwindow > viewport list row.activatable:first-child, box.horizontal > stack.background stack.background scrolledwindow > viewport list row.activatable:first-child, box.horizontal > stack.background overlay scrolledwindow > viewport list row.activatable:first-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, list.tweak-group list row.activatable:first-child, .tweak-group-startup row.activatable: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, preferencesgroup list row.activatable:last-child, .geary-accounts-editor-pane list row.activatable:last-child, window.background.csd.unified > deck > deck > deck list row.activatable:last-child, hdyleaflet list.view row.activatable:last-child, hdyleaflet list.frame row.activatable:last-child, leaflet list.view row.activatable:last-child, leaflet list.frame row.activatable:last-child, box.horizontal > stack.background list.view row.activatable:last-child, box.horizontal > stack.background list.frame row.activatable:last-child, hdyleaflet frame.view list row.activatable:last-child, leaflet frame.view list row.activatable:last-child, box.horizontal > stack.background frame.view list row.activatable:last-child, hdyleaflet stack.background scrolledwindow > viewport list row.activatable:last-child, hdyleaflet overlay scrolledwindow > viewport list row.activatable:last-child, leaflet stack.background scrolledwindow > viewport list row.activatable:last-child, leaflet overlay scrolledwindow > viewport list row.activatable:last-child, box.horizontal > stack.background stack.background scrolledwindow > viewport list row.activatable:last-child, box.horizontal > stack.background overlay scrolledwindow > viewport list row.activatable:last-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, list.tweak-group list row.activatable:last-child, .tweak-group-startup row.activatable: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, preferencesgroup list row.activatable:only-child, .geary-accounts-editor-pane list row.activatable:only-child, window.background.csd.unified > deck > deck > deck list row.activatable:only-child, hdyleaflet list.view row.activatable:only-child, hdyleaflet list.frame row.activatable:only-child, leaflet list.view row.activatable:only-child, leaflet list.frame row.activatable:only-child, box.horizontal > stack.background list.view row.activatable:only-child, box.horizontal > stack.background list.frame row.activatable:only-child, hdyleaflet frame.view list row.activatable:only-child, leaflet frame.view list row.activatable:only-child, box.horizontal > stack.background frame.view list row.activatable:only-child, hdyleaflet stack.background scrolledwindow > viewport list row.activatable:only-child, hdyleaflet overlay scrolledwindow > viewport list row.activatable:only-child, leaflet stack.background scrolledwindow > viewport list row.activatable:only-child, leaflet overlay scrolledwindow > viewport list row.activatable:only-child, box.horizontal > stack.background stack.background scrolledwindow > viewport list row.activatable:only-child, box.horizontal > stack.background overlay scrolledwindow > viewport list row.activatable:only-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, list.tweak-group list row.activatable:only-child, .tweak-group-startup row.activatable: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, preferencesgroup list row.activatable:focus, .geary-accounts-editor-pane list row.activatable:focus, window.background.csd.unified > deck > deck > deck list row.activatable:focus, hdyleaflet list.view row.activatable:focus, hdyleaflet list.frame row.activatable:focus, leaflet list.view row.activatable:focus, leaflet list.frame row.activatable:focus, box.horizontal > stack.background list.view row.activatable:focus, box.horizontal > stack.background list.frame row.activatable:focus, hdyleaflet frame.view list row.activatable:focus, leaflet frame.view list row.activatable:focus, box.horizontal > stack.background frame.view list row.activatable:focus, hdyleaflet stack.background scrolledwindow > viewport list row.activatable:focus, hdyleaflet overlay scrolledwindow > viewport list row.activatable:focus, leaflet stack.background scrolledwindow > viewport list row.activatable:focus, leaflet overlay scrolledwindow > viewport list row.activatable:focus, box.horizontal > stack.background stack.background scrolledwindow > viewport list row.activatable:focus, box.horizontal > stack.background overlay scrolledwindow > viewport list row.activatable:focus, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:focus, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:focus, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:focus, list.tweak-group list row.activatable:focus, .tweak-group-startup row.activatable: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: #D93025; +} + +.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: white; + font-weight: 500; +} + +stacksidebar.sidebar row:selected label, stacksidebar.sidebar row:selected image { + color: white; +} + +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: white; +} + +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: white; +} + +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: white; +} + +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: white; +} + +infobar.action:hover > revealer > box, infobar.question:hover > revealer > box { + background-color: #5493f8; +} + +infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box { + background-color: #F4B400; + 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: #ffc00f; +} + +infobar.error > revealer > box, infobar.error:backdrop > revealer > box { + background-color: #D93025; + color: white; +} + +infobar.error > revealer > box link:link, infobar.error:backdrop > revealer > box link:link { + color: white; +} + +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: white; +} + +infobar.error:hover > revealer > box { + background-color: #dd443a; +} + +/************ + * Tooltips * + ************/ +tooltip { + border-radius: 3px; + box-shadow: none; +} + +tooltip.background { + background-color: rgba(52, 52, 52, 0.9); + color: white; +} + +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: white; +} + +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 3px 3px rgba(0, 0, 0, 0.16), 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: #242424; + border: 1px solid #e0e0e0; +} + +.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.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; +} + +.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; + 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 * + *************/ +/********* + * 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 { + 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: white; +} + +.nautilus-window .floating-bar button { + margin: 4px; + color: white; +} + +.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: white; +} + +@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); +} + +.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: #fce9b3; +} + +.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: #F4B400; + 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: 4px 4px 8px; +} + +.gedit-search-slider .linked:not(.vertical) > entry { + border-radius: 6px; +} + +.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) { + margin-right: -66px; + padding-right: 66px; +} + +.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) { + margin-left: -66px; + padding-left: 66px; +} + +.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: white; +} + +.gedit-search-slider .linked:not(.vertical) > entry.error ~ button:disabled { + color: rgba(255, 255, 255, 0.3); +} + +.gedit-search-slider .linked > button { + border: solid 6px transparent; + border-radius: 9999px; +} + +.gedit-search-slider .linked > button:last-child:dir(ltr), .gedit-search-slider .linked > button:not(:first-child):dir(rtl) { + margin-left: -3px; +} + +.gedit-search-slider .linked > button:first-child:dir(rtl), .gedit-search-slider .linked > button:not(:last-child):dir(ltr) { + margin-right: -3px; +} + +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 > 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 > 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 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 frame > border, leaflet frame > border, box.horizontal > stack.background frame > border { + border: none; +} + +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; +} + +hdyleaflet frame.view list, leaflet frame.view list, box.horizontal > stack.background frame.view list { + background: none; +} + +hdyleaflet frame.view list > separator, leaflet frame.view list > separator, box.horizontal > stack.background frame.view list > separator { + background: none; + min-height: 0; +} + +/************************ + * 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: white; +} + +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: #D93025; + color: white; +} + +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: white; + 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: white; +} + +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: white; +} + +/************** + * 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: #242424; + 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: #2C2C2C; +} + +.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: white; +} + +.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.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(#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(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: #FFFFFF; +} + +window.background.chromium entry, +window.background.chromium > button { + border: 1px solid rgba(0, 0, 0, 0.26); +} + +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(255, 255, 255, 0.7); +} + +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: white; +} + +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: white; +} + +#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: #757575; +} + +#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: #9E9E9E; +} + +#MozillaGtkWidget > widget > checkbutton > check:not(:checked):not(:indeterminate):disabled, +#MozillaGtkWidget > widget > radiobutton > radio:not(:checked):not(:indeterminate):disabled { + color: rgba(117, 117, 117, 0.5); +} + +#MozillaGtkWidget menu { + border: none; +} + +#MozillaGtkWidget > widget > menubar { + color: rgba(255, 255, 255, 0.7); +} + +#MozillaGtkWidget > widget > menubar:hover { + color: white; +} + +#MozillaGtkWidget > widget > menubar:disabled { + color: rgba(255, 255, 255, 0.3); +} + +#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.1); + background-color: #242424; + color: white; +} + +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 #3c84f7; + background-color: transparent; + color: white; +} + +.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: white; +} + +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 #3c84f7; + background-color: transparent; + color: white; +} + +.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: #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: white; +} + +.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: #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: white; +} + +#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: white; + 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: white; +} + +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(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: white; +} + +.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: white; +} + +.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: white; +} + +.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: #D93025; +} + +.budgie-panel .titlebar:not(headerbar) { + min-height: 0; + padding: 0; + box-shadow: none; + background-color: transparent; + color: white; +} + +.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: white; +} + +.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: white; +} + +.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: #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: white; +} + +.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(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.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: #D93025; +} + +.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: #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: #3c84f7; +} + +XfdesktopIconView.view { + border-radius: 6px; + background-color: transparent; + color: white; +} + +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(255, 255, 255, 0.7); + font-weight: normal; +} + +menubar.-vala-panel-appmenu-private > menuitem:hover, +menubar.-vala-panel-background > menuitem:hover { + color: white; + 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: white; +} + +#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: white; +} + +#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: #242424; + 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(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: white; +} + +.nemo-window .primary-toolbar button.text-button:disabled { + 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: #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 white; +/* +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 white; +/* +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 #F4B400; +@define-color error_color #D93025; +@define-color success_color #0F9D58; +/* +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 white; +@define-color wm_unfocused_title rgba(255, 255, 255, 0.7); +@define-color wm_highlight rgba(255, 255, 255, 0.1); +@define-color wm_bg #242424; +@define-color wm_unfocused_bg #2C2C2C; +/* +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 #999999; +@define-color budgie_tasklist_indicator_color_attention #F4B400; +@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/src/main/gtk-3.0/gtk.scss b/src/src/main/gtk-3.0/gtk.scss new file mode 100644 index 00000000..18d507e4 --- /dev/null +++ b/src/src/main/gtk-3.0/gtk.scss @@ -0,0 +1,9 @@ +$variant: 'light'; +$topbar: 'dark'; + +@import '../../sass/variables'; +@import '../../sass/colors'; +@import '../../sass/gtk/drawing-3.0'; +@import '../../sass/gtk/common-3.0'; +@import '../../sass/gtk/apps-3.0'; +@import '../../sass/gtk/colors-public'; diff --git a/src/src/main/gtk-4.0/gtk-dark.css b/src/src/main/gtk-4.0/gtk-dark.css new file mode 100644 index 00000000..50aa5e74 --- /dev/null +++ b/src/src/main/gtk-4.0/gtk-dark.css @@ -0,0 +1,4745 @@ +/*************** + * Base States * + ***************/ +.background { + background-color: #2C2C2C; + color: white; +} + +dnd { + color: white; +} + +.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 { + color: white; +} + +iconview:disabled, .view:disabled { + color: rgba(255, 255, 255, 0.5); +} + +iconview:selected, .view:selected { + color: white; +} + +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: white; + 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: white; +} + +.dim-label { + 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: white; +} + +.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: white; + background-color: #2C2C2C; + background-clip: padding-box; + border-radius: 6px; + border: none; +} + +.osd { + padding: 6px; + 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); +} + +.osd.circular { + border-radius: 9999px; +} + +/********************* + * 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 * + ****************/ +spinbutton.vertical, spinbutton:not(.vertical), +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: white; +} + +spinbutton.vertical:focus-within, spinbutton:focus-within:not(.vertical), +entry:focus-within { + 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.04); + 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: white; +} + +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: white; +} + +spinbutton.error.vertical:focus-within, spinbutton.error:focus-within:not(.vertical), +entry.error:focus-within { + background-color: rgba(255, 255, 255, 0.08); + box-shadow: inset 0 0 0 2px #F28B82; +} + +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.04); + 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: white; +} + +spinbutton.warning.vertical:focus-within, spinbutton.warning:focus-within:not(.vertical), +entry.warning:focus-within { + background-color: rgba(255, 255, 255, 0.08); + box-shadow: inset 0 0 0 2px #FDD633; +} + +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.04); + color: rgba(255, 255, 255, 0.5); +} + +spinbutton.vertical > progress, spinbutton:not(.vertical) > progress, +spinbutton.vertical progress > trough > progress, +spinbutton:not(.vertical) progress > trough > progress, +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: white; +} + +.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: white; +} + +/*********** + * 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) { + 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), 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), 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), 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) { + color: white; +} + +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) { + 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) { + 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: white; +} + +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: 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: white; +} + +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 { + 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 .navigation-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, 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), 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 .navigation-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, 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), button.flat:focus { + box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08); + color: white; +} + +placessidebar .navigation-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, 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), button.flat:hover { + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); + color: white; +} + +placessidebar .navigation-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, 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), 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: white; +} + +placessidebar .navigation-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, 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), 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), button.flat:checked, button.flat:checked:hover { + background-color: alpha(currentColor, 0.1); + color: white; +} + +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), 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.text-button.flat { + min-width: 48px; + padding-left: 8px; + padding-right: 8px; +} + +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:focus, .linked.vertical > button.flat:focus { + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); +} + +button.osd { + padding: 12px 16px; +} + +button.osd.image-button { + padding: 12px; +} + +button.osd:disabled { + opacity: 0; +} + +button.suggested-action { + background-color: #5b9bf8; + color: white; + 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: #F28B82; + color: rgba(0, 0, 0, 0.87); + 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(242, 139, 130, 0.2), 0 4px 3px 0 rgba(242, 139, 130, 0.14), 0 1px 6px 0 rgba(242, 139, 130, 0.12); +} + +button.destructive-action:checked { + background-color: rgba(182, 105, 98, 0.961); +} + +button.destructive-action:checked:hover { + box-shadow: inset 0 0 0 9999px transparent, 0 3px 3px -3px rgba(242, 139, 130, 0.3), 0 2px 3px -1px rgba(242, 139, 130, 0.24), 0 2px 5px 0 rgba(242, 139, 130, 0.12); +} + +button.destructive-action:focus { + box-shadow: 0 0 0 2px rgba(242, 139, 130, 0.35); +} + +button.destructive-action.flat { + background-color: transparent; + color: #F28B82; +} + +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(242, 139, 130, 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, button.close, button.circular { + border-radius: 9999px; +} + +windowcontrols button:not(.suggested-action):not(.destructive-action) label, filechooser #pathbarbox > stack > box > button label, button.close label, button.circular label { + padding: 0; +} + +placessidebar .navigation-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; +} + +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) > spinbutton.vertical, .linked:not(.vertical) > spinbutton:not(.vertical), .linked:not(.vertical) > entry, .linked:not(.vertical) > button, .linked:not(.vertical) > button.image-button { + border-radius: 0; +} + +.linked:not(.vertical) > spinbutton.vertical:first-child, .linked:not(.vertical) > spinbutton:first-child:not(.vertical), .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) > spinbutton.vertical:last-child, .linked:not(.vertical) > spinbutton:last-child:not(.vertical), .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) > spinbutton.vertical:only-child, .linked:not(.vertical) > spinbutton:only-child:not(.vertical), .linked:not(.vertical) > entry:only-child, .linked:not(.vertical) > button:only-child { + border-radius: 6px; +} + +.linked.vertical > spinbutton.vertical, .linked.vertical > spinbutton:not(.vertical), .linked.vertical > entry, .linked.vertical > button, .linked.vertical > button.image-button { + border-radius: 0; +} + +.linked.vertical > spinbutton.vertical:first-child, .linked.vertical > spinbutton:first-child:not(.vertical), .linked.vertical > entry:first-child, .linked.vertical > button:first-child { + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} + +.linked.vertical > spinbutton.vertical:last-child, .linked.vertical > spinbutton:last-child:not(.vertical), .linked.vertical > entry:last-child, .linked.vertical > button:last-child { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} + +.linked.vertical > spinbutton.vertical:only-child, .linked.vertical > spinbutton:only-child:not(.vertical), .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: white; +} + +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: white; +} + + +list > row button.image-button:not(.flat).destructive-action { + background-color: #F28B82; + color: rgba(0, 0, 0, 0.87); +} + +/********* + * Links * + *********/ +link { + color: #2196F3; +} + +link:visited { + color: #CE93D8; +} + +button.link:link, button.link:link:focus, button.link:link:hover, button.link:link:active { + color: #2196F3; +} + +button.link:visited, button.link:visited:focus, button.link:visited:hover, button.link:visited:active { + color: #CE93D8; +} + +button.link > label { + text-decoration-line: underline; +} + +/***************** + * GtkSpinButton * + *****************/ +spinbutton:not(.vertical) { + padding: 0; + border-spacing: 0; +} + +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: 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 > 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; +} + +treeview spinbutton:not(.vertical), row spinbutton:not(.vertical) { + min-height: 0; + border-style: none; + border-radius: 0; +} + +treeview spinbutton:not(.vertical) > text, row spinbutton:not(.vertical) > text { + min-height: 0; + padding: 1px 2px; +} + +/************** + * 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: white; + 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: white; +} + +button.combo:only-child:focus { + box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08); + color: white; +} + +button.combo:only-child:hover { + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); + color: white; +} + +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: white; +} + +button.combo:only-child:checked { + background-color: alpha(currentColor, 0.1); + color: white; +} + +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; +} + +.toolbar button { + margin: 1px; + border-radius: 3px; +} + +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; +} + +/*************** + * 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: white; +} + +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: white; +} + +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: white; +} + +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: white; + 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 { + transition: color 75ms cubic-bezier(0, 0, 0.2, 1); + color: rgba(255, 255, 255, 0.7); +} + +headerbar .subtitle:backdrop, +headerbar .dim-label: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: white; +} + +headerbar.selection-mode:backdrop { + color: rgba(255, 255, 255, 0.7); +} + +headerbar.selection-mode .subtitle:link { + color: white; +} + +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: white; +} + +/************ + * 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: white; +} + + +pathbar > button label:not(:only-child):first-child { + margin-left: 0; +} + + +pathbar > button label:not(:only-child):last-child { + margin-right: 0; +} + + +pathbar > button.text-button { + min-width: 0; +} + + +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; + box-shadow: none; +} + +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-down-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: white; +} + +columnview.view.expander:selected, +treeview.view.expander:selected { + color: white; +} + +columnview.view.expander:selected:hover, +treeview.view.expander:selected:hover { + color: white; +} + +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; +} + +/********* + * Menus * + *********/ +menubar { + padding: 0; + background-color: #242424; + color: white; +} + +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: white; +} + +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: white; + 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; +} + +.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 { + border: none; + box-shadow: none; +} + +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: white; +} + +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: white; + 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: white; +} + +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: white; + 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: white; +} + +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; + 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: white; + 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, treeview.view:focus-within check, treeview.view:focus-within 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, +columnview.view:focus-within check, +columnview.view:focus-within radio { + box-shadow: none; + background-color: transparent; +} + +/************ + * 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: #FDD633; +} + +levelbar block.high, levelbar block:not(.empty) { + background-color: #5b9bf8; +} + +levelbar block.full { + background-color: #81C995; +} + +levelbar block.empty { + background-color: rgba(255, 255, 255, 0.12); +} + +/**************** + * Print dialog * +*****************/ +window.dialog.print drawing { + color: white; + 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: white; +} + +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; +} + +/********* + * 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, 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 > box > stack > 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, 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: white; + background-color: transparent; +} + +popover.menu listview.view { + padding: 0; +} + +popover.menu listview.view > row { + margin-left: 0; + margin-right: 0; +} + +row { + color: rgba(255, 255, 255, 0.7); +} + +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: white; + 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: white; + 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: white; + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.12); +} + +row:selected { + color: inherit; +} + +row:selected image, +row:selected label { + color: white; +} + +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); +} + +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: white; + 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: white; +} + +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: white; +} + +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: white; +} + +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: #F28B82; +} + +.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; +} + +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 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: white; + 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.15); +} + +/********************** + * Navigation Sidebar * + **********************/ +.navigation-sidebar { + padding: 6px; + border-right: none; +} + +.navigation-sidebar > row { + min-height: 24px; + padding: 6px; + border-radius: 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: white; +} + +.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 > viewport.frame { + border-style: none; +} + +placessidebar list { + padding: 1px 0 4px; +} + +placessidebar .navigation-sidebar > row { + min-height: 32px; + margin: -1px 4px -1px 0; + padding: 0; + border-radius: 0 9999px 9999px 0; +} + +placessidebar .navigation-sidebar > row > revealer { + padding: 0 8px 0 16px; +} + +placessidebar .navigation-sidebar > row:selected { + background-color: alpha(currentColor, 0.06); + color: white; + font-weight: 500; +} + +placessidebar .navigation-sidebar > row:disabled { + color: rgba(255, 255, 255, 0.5); +} + +placessidebar .navigation-sidebar > row image.sidebar-icon:dir(ltr) { + padding-right: 8px; +} + +placessidebar .navigation-sidebar > row image.sidebar-icon:dir(rtl) { + padding-left: 8px; +} + +placessidebar .navigation-sidebar > row label.sidebar-label { + color: inherit; +} + +placessidebar .navigation-sidebar > row label.sidebar-label:dir(ltr) { + padding-right: 2px; +} + +placessidebar .navigation-sidebar > row label.sidebar-label:dir(rtl) { + padding-left: 2px; +} + +placessidebar .navigation-sidebar > row.sidebar-placeholder-row { + background-color: alpha(currentColor, 0.08); +} + +placessidebar .navigation-sidebar > row.sidebar-new-bookmark-row { + color: #5b9bf8; +} + +placessidebar .navigation-sidebar > row.sidebar-new-bookmark-row image.sidebar-icon { + color: #5b9bf8; +} + +placessidebar .navigation-sidebar > row:drop(active) { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms; + 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(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; +} + +/************ + * 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: white; +} + +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: white; +} + +infobar.action > revealer > box *:link, infobar.action:backdrop > revealer > box *:link, infobar.question > revealer > box *:link, infobar.question:backdrop > revealer > box *:link { + color: white; +} + +infobar.action:hover > revealer > box, infobar.question:hover > revealer > box { + background-color: #438cf7; +} + +infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box { + background-color: #FDD633; + 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: #fdd11a; +} + +infobar.error > revealer > box, infobar.error:backdrop > revealer > box { + background-color: #F28B82; + color: rgba(0, 0, 0, 0.87); +} + +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: rgba(0, 0, 0, 0.87); +} + +infobar.error > revealer > box *:link, infobar.error:backdrop > revealer > box *:link { + color: rgba(0, 0, 0, 0.87); +} + +infobar.error:hover > revealer > box { + background-color: #f0766b; +} + +/************ + * Tooltips * + ************/ +tooltip { + padding: 6px 12px; + box-shadow: none; + border: none; +} + +tooltip.background { + background-color: rgba(25, 25, 25, 0.9); + color: white; + 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: white; +} + +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: white; +} + +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.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, spinbutton:not(.vertical) > text > selection, spinbutton.vertical > text > selection, calendar > grid > label.today:selected { + color: white; + 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: white; + 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: white; + 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: white; +} + +popover.entry-completion > contents { + padding: 0; +} + +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, listview.content:not(.conversation-listbox), +list.content:not(.conversation-listbox), listview.boxed-list, +list.boxed-list { + 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:first-child, window.background.csd > stack > list row.activatable:first-child, listview.content:not(.conversation-listbox) > row:first-child, +list.content:not(.conversation-listbox) > row:first-child, listview.boxed-list > row:first-child, +list.boxed-list > row:first-child, listview.boxed-list > row.expander list > row:first-child, +list.boxed-list > row.expander list > 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.content:not(.conversation-listbox) > row:last-child, +list.content:not(.conversation-listbox) > row:last-child, listview.boxed-list > row:last-child, +list.boxed-list > row:last-child, listview.boxed-list > row.expander list > row:last-child, +list.boxed-list > row.expander list > 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.content:not(.conversation-listbox) > row:only-child, +list.content:not(.conversation-listbox) > row:only-child, listview.boxed-list > row:only-child, +list.boxed-list > row:only-child, listview.boxed-list > row.expander list > row:only-child, +list.boxed-list > row.expander list > 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.content:not(.conversation-listbox) > row:focus, +list.content:not(.conversation-listbox) > row:focus, listview.boxed-list > row:focus, +list.boxed-list > row:focus, listview.boxed-list > row.expander list > row:focus, +list.boxed-list > row.expander list > row:focus { + box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08); +} + +/************** + * 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; +} + +/* GTK NAMED COLORS + ---------------- + use responsibly! */ +/* +widget text/foreground color */ +@define-color theme_fg_color white; +/* +text color for entries, views and content in general */ +@define-color theme_text_color white; +/* +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 white; +/* +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 white; +/* +text color for entries, views and content in general on backdrop windows */ +@define-color theme_unfocused_text_color white; +/* +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 white; +/* +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 #FDD633; +@define-color error_color #F28B82; +@define-color success_color #81C995; +/* +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 white; +@define-color wm_unfocused_title rgba(255, 255, 255, 0.7); +@define-color wm_highlight rgba(255, 255, 255, 0.1); +@define-color wm_bg #242424; +@define-color wm_unfocused_bg #2C2C2C; +/* +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 #FDD633; +@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/src/main/gtk-4.0/gtk-dark.scss b/src/src/main/gtk-4.0/gtk-dark.scss new file mode 100644 index 00000000..ccd2be06 --- /dev/null +++ b/src/src/main/gtk-4.0/gtk-dark.scss @@ -0,0 +1,9 @@ +$variant: 'dark'; +$topbar: 'dark'; + +@import '../../sass/variables'; +@import '../../sass/colors'; +@import '../../sass/gtk/drawing-4.0'; +@import '../../sass/gtk/common-4.0'; +@import '../../sass/gtk/apps-4.0'; +@import '../../sass/gtk/colors-public'; diff --git a/src/src/main/gtk-4.0/gtk-light.css b/src/src/main/gtk-4.0/gtk-light.css new file mode 100644 index 00000000..81232320 --- /dev/null +++ b/src/src/main/gtk-4.0/gtk-light.css @@ -0,0 +1,4753 @@ +/*************** + * 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 { + 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: white; +} + +.dim-label { + 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 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; +} + +.osd { + padding: 6px; + 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); +} + +.osd.circular { + border-radius: 9999px; +} + +/********************* + * 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 * + ****************/ +spinbutton.vertical, spinbutton:not(.vertical), +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); +} + +spinbutton.vertical:focus-within, spinbutton:focus-within:not(.vertical), +entry:focus-within { + 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-within, spinbutton.error:focus-within:not(.vertical), +entry.error:focus-within { + background-color: rgba(0, 0, 0, 0.04); + box-shadow: inset 0 0 0 2px #D93025; +} + +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-within, spinbutton.warning:focus-within:not(.vertical), +entry.warning:focus-within { + background-color: rgba(0, 0, 0, 0.04); + box-shadow: inset 0 0 0 2px #F4B400; +} + +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, +spinbutton.vertical progress > trough > progress, +spinbutton:not(.vertical) progress > trough > progress, +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) { + 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), 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), 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), 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) { + color: white; +} + +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) { + 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) { + 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); +} + +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: white; +} + +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 { + 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 .navigation-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, 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), 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 .navigation-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, 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), button.flat:focus { + box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08); + color: rgba(0, 0, 0, 0.87); +} + +placessidebar .navigation-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, 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), button.flat:hover { + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); + color: rgba(0, 0, 0, 0.87); +} + +placessidebar .navigation-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, 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), 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 .navigation-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, 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), 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), 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), 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.text-button.flat { + min-width: 48px; + padding-left: 8px; + padding-right: 8px; +} + +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:focus, .linked.vertical > button.flat:focus { + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); +} + +button.osd { + padding: 12px 16px; +} + +button.osd.image-button { + padding: 12px; +} + +button.osd:disabled { + opacity: 0; +} + +button.suggested-action { + background-color: #3c84f7; + color: white; + 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: #D93025; + color: white; + 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(217, 48, 37, 0.2), 0 4px 3px 0 rgba(217, 48, 37, 0.14), 0 1px 6px 0 rgba(217, 48, 37, 0.12); +} + +button.destructive-action:checked { + background-color: #e46e66; +} + +button.destructive-action:checked:hover { + box-shadow: inset 0 0 0 9999px transparent, 0 3px 3px -3px rgba(217, 48, 37, 0.3), 0 2px 3px -1px rgba(217, 48, 37, 0.24), 0 2px 5px 0 rgba(217, 48, 37, 0.12); +} + +button.destructive-action:focus { + box-shadow: 0 0 0 2px rgba(217, 48, 37, 0.35); +} + +button.destructive-action.flat { + background-color: transparent; + color: #D93025; +} + +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(217, 48, 37, 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, button.close, button.circular { + border-radius: 9999px; +} + +windowcontrols button:not(.suggested-action):not(.destructive-action) label, filechooser #pathbarbox > stack > box > button label, button.close label, button.circular label { + padding: 0; +} + +placessidebar .navigation-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; +} + +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) > spinbutton.vertical, .linked:not(.vertical) > spinbutton:not(.vertical), .linked:not(.vertical) > entry, .linked:not(.vertical) > button, .linked:not(.vertical) > button.image-button { + border-radius: 0; +} + +.linked:not(.vertical) > spinbutton.vertical:first-child, .linked:not(.vertical) > spinbutton:first-child:not(.vertical), .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) > spinbutton.vertical:last-child, .linked:not(.vertical) > spinbutton:last-child:not(.vertical), .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) > spinbutton.vertical:only-child, .linked:not(.vertical) > spinbutton:only-child:not(.vertical), .linked:not(.vertical) > entry:only-child, .linked:not(.vertical) > button:only-child { + border-radius: 6px; +} + +.linked.vertical > spinbutton.vertical, .linked.vertical > spinbutton:not(.vertical), .linked.vertical > entry, .linked.vertical > button, .linked.vertical > button.image-button { + border-radius: 0; +} + +.linked.vertical > spinbutton.vertical:first-child, .linked.vertical > spinbutton:first-child:not(.vertical), .linked.vertical > entry:first-child, .linked.vertical > button:first-child { + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} + +.linked.vertical > spinbutton.vertical:last-child, .linked.vertical > spinbutton:last-child:not(.vertical), .linked.vertical > entry:last-child, .linked.vertical > button:last-child { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} + +.linked.vertical > spinbutton.vertical:only-child, .linked.vertical > spinbutton:only-child:not(.vertical), .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: white; +} + + +list > row button.image-button:not(.flat).destructive-action { + background-color: #D93025; + color: white; +} + +/********* + * Links * + *********/ +link { + color: #2196F3; +} + +link:visited { + color: #9C27B0; +} + +button.link:link, button.link:link:focus, button.link:link:hover, button.link:link:active { + color: #2196F3; +} + +button.link:visited, button.link:visited:focus, button.link:visited:hover, button.link:visited:active { + color: #9C27B0; +} + +button.link > label { + text-decoration-line: underline; +} + +/***************** + * GtkSpinButton * + *****************/ +spinbutton:not(.vertical) { + padding: 0; + border-spacing: 0; +} + +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: 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 > 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; +} + +treeview spinbutton:not(.vertical), row spinbutton:not(.vertical) { + min-height: 0; + border-style: none; + border-radius: 0; +} + +treeview spinbutton:not(.vertical) > text, row spinbutton:not(.vertical) > text { + min-height: 0; + padding: 1px 2px; +} + +/************** + * 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; +} + +.toolbar button { + margin: 1px; + border-radius: 3px; +} + +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; +} + +/*************** + * 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: #FAFAFA; + 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: #FFFFFF; + 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 { + transition: color 75ms cubic-bezier(0, 0, 0.2, 1); + color: rgba(0, 0, 0, 0.6); +} + +headerbar .subtitle:backdrop, +headerbar .dim-label: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: #FAFAFA; +} + +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: white; +} + +headerbar.selection-mode:backdrop { + color: rgba(255, 255, 255, 0.7); +} + +headerbar.selection-mode .subtitle:link { + color: white; +} + +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: #FAFAFA 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, #f2f2f2, #FAFAFA 3px, white); +} + +window.devel headerbar.titlebar:backdrop { + background: #FAFAFA cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, image(#FAFAFA); + /* 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: white; +} + +/************ + * 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:not(:only-child):first-child { + margin-left: 0; +} + + +pathbar > button label:not(:only-child):last-child { + margin-right: 0; +} + + +pathbar > button.text-button { + min-width: 0; +} + + +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; + box-shadow: none; +} + +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-down-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; +} + +/********* + * Menus * + *********/ +menubar { + padding: 0; + background-color: #FAFAFA; + color: rgba(0, 0, 0, 0.87); +} + +menubar:backdrop { + background-color: #FFFFFF; + 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; +} + +.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 { + border: none; + box-shadow: none; +} + +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, #FAFAFA, rgba(0, 0, 0, 0) 20px); +} + +tabbar:not(.inline) undershoot.right { + background: linear-gradient(to left, #FAFAFA, 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: #FAFAFA; +} + +tabbar:not(.inline) .start-action, +tabbar:not(.inline) .end-action { + background-color: alpha(#FAFAFA, 0.6); + border-color: rgba(0, 0, 0, 0.12); +} + +tabbar:not(.inline):backdrop .box { + background-color: #FFFFFF; + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); +} + +dnd tab { + min-height: 24px; + background-color: #FAFAFA; + 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; + 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: white; + 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, treeview.view:focus-within check, treeview.view:focus-within 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, +columnview.view:focus-within check, +columnview.view:focus-within radio { + box-shadow: none; + background-color: transparent; +} + +/************ + * 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: #F4B400; +} + +levelbar block.high, levelbar block:not(.empty) { + background-color: #3c84f7; +} + +levelbar block.full { + background-color: #0F9D58; +} + +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; +} + +/********* + * 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, 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 > box > stack > 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, 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; +} + +popover.menu listview.view > row { + margin-left: 0; + margin-right: 0; +} + +row { + color: rgba(0, 0, 0, 0.6); +} + +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); +} + +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); +} + +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: white; + 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: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: #D93025; +} + +.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; +} + +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 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.15); +} + +/********************** + * Navigation Sidebar * + **********************/ +.navigation-sidebar { + padding: 6px; + border-right: none; +} + +.navigation-sidebar > row { + min-height: 24px; + padding: 6px; + border-radius: 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 > viewport.frame { + border-style: none; +} + +placessidebar list { + padding: 1px 0 4px; +} + +placessidebar .navigation-sidebar > row { + min-height: 32px; + margin: -1px 4px -1px 0; + padding: 0; + border-radius: 0 9999px 9999px 0; +} + +placessidebar .navigation-sidebar > row > revealer { + padding: 0 8px 0 16px; +} + +placessidebar .navigation-sidebar > row:selected { + background-color: alpha(currentColor, 0.06); + color: rgba(0, 0, 0, 0.87); + font-weight: 500; +} + +placessidebar .navigation-sidebar > row:disabled { + color: rgba(0, 0, 0, 0.38); +} + +placessidebar .navigation-sidebar > row image.sidebar-icon:dir(ltr) { + padding-right: 8px; +} + +placessidebar .navigation-sidebar > row image.sidebar-icon:dir(rtl) { + padding-left: 8px; +} + +placessidebar .navigation-sidebar > row label.sidebar-label { + color: inherit; +} + +placessidebar .navigation-sidebar > row label.sidebar-label:dir(ltr) { + padding-right: 2px; +} + +placessidebar .navigation-sidebar > row label.sidebar-label:dir(rtl) { + padding-left: 2px; +} + +placessidebar .navigation-sidebar > row.sidebar-placeholder-row { + background-color: alpha(currentColor, 0.08); +} + +placessidebar .navigation-sidebar > row.sidebar-new-bookmark-row { + color: #3c84f7; +} + +placessidebar .navigation-sidebar > row.sidebar-new-bookmark-row image.sidebar-icon { + color: #3c84f7; +} + +placessidebar .navigation-sidebar > row:drop(active) { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms; + 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(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; +} + +/************ + * 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: white; +} + +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: white; +} + +infobar.action > revealer > box *:link, infobar.action:backdrop > revealer > box *:link, infobar.question > revealer > box *:link, infobar.question:backdrop > revealer > box *:link { + color: white; +} + +infobar.action:hover > revealer > box, infobar.question:hover > revealer > box { + background-color: #5493f8; +} + +infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box { + background-color: #F4B400; + 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: #ffc00f; +} + +infobar.error > revealer > box, infobar.error:backdrop > revealer > box { + background-color: #D93025; + color: white; +} + +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: white; +} + +infobar.error > revealer > box *:link, infobar.error:backdrop > revealer > box *:link { + color: white; +} + +infobar.error:hover > revealer > box { + background-color: #dd443a; +} + +/************ + * Tooltips * + ************/ +tooltip { + padding: 6px 12px; + box-shadow: none; + border: none; +} + +tooltip.background { + background-color: rgba(52, 52, 52, 0.9); + color: white; + 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: white; +} + +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: #FAFAFA; + border: 1px solid #e0e0e0; +} + +.solid-csd window.csd:backdrop { + background-color: #FFFFFF; +} + +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.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, spinbutton:not(.vertical) > text > selection, spinbutton.vertical > text > selection, calendar > grid > label.today:selected { + color: white; + 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; +} + +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, listview.content:not(.conversation-listbox), +list.content:not(.conversation-listbox), listview.boxed-list, +list.boxed-list { + 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:first-child, window.background.csd > stack > list row.activatable:first-child, listview.content:not(.conversation-listbox) > row:first-child, +list.content:not(.conversation-listbox) > row:first-child, listview.boxed-list > row:first-child, +list.boxed-list > row:first-child, listview.boxed-list > row.expander list > row:first-child, +list.boxed-list > row.expander list > 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.content:not(.conversation-listbox) > row:last-child, +list.content:not(.conversation-listbox) > row:last-child, listview.boxed-list > row:last-child, +list.boxed-list > row:last-child, listview.boxed-list > row.expander list > row:last-child, +list.boxed-list > row.expander list > 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.content:not(.conversation-listbox) > row:only-child, +list.content:not(.conversation-listbox) > row:only-child, listview.boxed-list > row:only-child, +list.boxed-list > row:only-child, listview.boxed-list > row.expander list > row:only-child, +list.boxed-list > row.expander list > 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.content:not(.conversation-listbox) > row:focus, +list.content:not(.conversation-listbox) > row:focus, listview.boxed-list > row:focus, +list.boxed-list > row:focus, listview.boxed-list > row.expander list > row:focus, +list.boxed-list > row.expander list > row:focus { + box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08); +} + +/************** + * 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; +} + +/* 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 white; +/* +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 white; +/* +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 #F4B400; +@define-color error_color #D93025; +@define-color success_color #0F9D58; +/* +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_bg #FAFAFA; +@define-color wm_unfocused_bg #FFFFFF; +/* +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 #F4B400; +@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/src/main/gtk-4.0/gtk-light.scss b/src/src/main/gtk-4.0/gtk-light.scss new file mode 100644 index 00000000..6ad23440 --- /dev/null +++ b/src/src/main/gtk-4.0/gtk-light.scss @@ -0,0 +1,9 @@ +$variant: 'light'; +$topbar: 'light'; + +@import '../../sass/variables'; +@import '../../sass/colors'; +@import '../../sass/gtk/drawing-4.0'; +@import '../../sass/gtk/common-4.0'; +@import '../../sass/gtk/apps-4.0'; +@import '../../sass/gtk/colors-public'; diff --git a/src/src/main/gtk-4.0/gtk.css b/src/src/main/gtk-4.0/gtk.css new file mode 100644 index 00000000..0c8db200 --- /dev/null +++ b/src/src/main/gtk-4.0/gtk.css @@ -0,0 +1,4762 @@ +/*************** + * 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 { + 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: white; +} + +.dim-label { + 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 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; +} + +.osd { + padding: 6px; + 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); +} + +.osd.circular { + border-radius: 9999px; +} + +/********************* + * 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 * + ****************/ +spinbutton.vertical, spinbutton:not(.vertical), +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); +} + +spinbutton.vertical:focus-within, spinbutton:focus-within:not(.vertical), +entry:focus-within { + 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-within, spinbutton.error:focus-within:not(.vertical), +entry.error:focus-within { + background-color: rgba(0, 0, 0, 0.04); + box-shadow: inset 0 0 0 2px #D93025; +} + +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-within, spinbutton.warning:focus-within:not(.vertical), +entry.warning:focus-within { + background-color: rgba(0, 0, 0, 0.04); + box-shadow: inset 0 0 0 2px #F4B400; +} + +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, +spinbutton.vertical progress > trough > progress, +spinbutton:not(.vertical) progress > trough > progress, +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) { + 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), 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), 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), 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) { + color: white; +} + +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) { + 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) { + 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); +} + +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: white; +} + +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 { + 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 .navigation-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, 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), 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 .navigation-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, 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), button.flat:focus { + box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08); + color: rgba(0, 0, 0, 0.87); +} + +placessidebar .navigation-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, 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), button.flat:hover { + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); + color: rgba(0, 0, 0, 0.87); +} + +placessidebar .navigation-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, 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), 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 .navigation-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, 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), 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), 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), 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.text-button.flat { + min-width: 48px; + padding-left: 8px; + padding-right: 8px; +} + +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:focus, .linked.vertical > button.flat:focus { + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); +} + +button.osd { + padding: 12px 16px; +} + +button.osd.image-button { + padding: 12px; +} + +button.osd:disabled { + opacity: 0; +} + +button.suggested-action { + background-color: #3c84f7; + color: white; + 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: #D93025; + color: white; + 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(217, 48, 37, 0.2), 0 4px 3px 0 rgba(217, 48, 37, 0.14), 0 1px 6px 0 rgba(217, 48, 37, 0.12); +} + +button.destructive-action:checked { + background-color: #e46e66; +} + +button.destructive-action:checked:hover { + box-shadow: inset 0 0 0 9999px transparent, 0 3px 3px -3px rgba(217, 48, 37, 0.3), 0 2px 3px -1px rgba(217, 48, 37, 0.24), 0 2px 5px 0 rgba(217, 48, 37, 0.12); +} + +button.destructive-action:focus { + box-shadow: 0 0 0 2px rgba(217, 48, 37, 0.35); +} + +button.destructive-action.flat { + background-color: transparent; + color: #D93025; +} + +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(217, 48, 37, 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, button.close, button.circular { + border-radius: 9999px; +} + +windowcontrols button:not(.suggested-action):not(.destructive-action) label, filechooser #pathbarbox > stack > box > button label, button.close label, button.circular label { + padding: 0; +} + +placessidebar .navigation-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; +} + +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) > spinbutton.vertical, .linked:not(.vertical) > spinbutton:not(.vertical), .linked:not(.vertical) > entry, .linked:not(.vertical) > button, .linked:not(.vertical) > button.image-button { + border-radius: 0; +} + +.linked:not(.vertical) > spinbutton.vertical:first-child, .linked:not(.vertical) > spinbutton:first-child:not(.vertical), .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) > spinbutton.vertical:last-child, .linked:not(.vertical) > spinbutton:last-child:not(.vertical), .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) > spinbutton.vertical:only-child, .linked:not(.vertical) > spinbutton:only-child:not(.vertical), .linked:not(.vertical) > entry:only-child, .linked:not(.vertical) > button:only-child { + border-radius: 6px; +} + +.linked.vertical > spinbutton.vertical, .linked.vertical > spinbutton:not(.vertical), .linked.vertical > entry, .linked.vertical > button, .linked.vertical > button.image-button { + border-radius: 0; +} + +.linked.vertical > spinbutton.vertical:first-child, .linked.vertical > spinbutton:first-child:not(.vertical), .linked.vertical > entry:first-child, .linked.vertical > button:first-child { + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} + +.linked.vertical > spinbutton.vertical:last-child, .linked.vertical > spinbutton:last-child:not(.vertical), .linked.vertical > entry:last-child, .linked.vertical > button:last-child { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} + +.linked.vertical > spinbutton.vertical:only-child, .linked.vertical > spinbutton:only-child:not(.vertical), .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: white; +} + + +list > row button.image-button:not(.flat).destructive-action { + background-color: #D93025; + color: white; +} + +/********* + * Links * + *********/ +link { + color: #2196F3; +} + +link:visited { + color: #9C27B0; +} + +button.link:link, button.link:link:focus, button.link:link:hover, button.link:link:active { + color: #2196F3; +} + +button.link:visited, button.link:visited:focus, button.link:visited:hover, button.link:visited:active { + color: #9C27B0; +} + +button.link > label { + text-decoration-line: underline; +} + +/***************** + * GtkSpinButton * + *****************/ +spinbutton:not(.vertical) { + padding: 0; + border-spacing: 0; +} + +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: 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 > 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; +} + +treeview spinbutton:not(.vertical), row spinbutton:not(.vertical) { + min-height: 0; + border-style: none; + border-radius: 0; +} + +treeview spinbutton:not(.vertical) > text, row spinbutton:not(.vertical) > text { + min-height: 0; + padding: 1px 2px; +} + +/************** + * 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; +} + +.toolbar button { + margin: 1px; + border-radius: 3px; +} + +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; +} + +/*************** + * 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: white; +} + +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: white; +} + +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: white; +} + +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(0, 0, 0, 0.12); + background-color: #242424; + color: white; + 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 { + transition: color 75ms cubic-bezier(0, 0, 0.2, 1); + color: rgba(255, 255, 255, 0.7); +} + +headerbar .subtitle:backdrop, +headerbar .dim-label: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 stackswitcher { + background-color: rgba(255, 255, 255, 0.04); +} + +headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action):checked { + background-color: rgba(255, 255, 255, 0.15); + color: white; +} + +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: white; +} + +headerbar.selection-mode:backdrop { + color: rgba(255, 255, 255, 0.7); +} + +headerbar.selection-mode .subtitle:link { + color: white; +} + +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.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(60, 132, 247, 0.2)), linear-gradient(to top, #1c1c1c, #242424 3px, #333333); +} + +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: #3c84f7; +} + +indicatorbin.needs-attention > indicator > label { + color: white; +} + +/************ + * 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:not(:only-child):first-child { + margin-left: 0; +} + + +pathbar > button label:not(:only-child):last-child { + margin-right: 0; +} + + +pathbar > button.text-button { + min-width: 0; +} + + +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; + box-shadow: none; +} + +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-down-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; +} + +/********* + * Menus * + *********/ +menubar { + padding: 0; + background-color: #242424; + color: white; +} + +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: white; +} + +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: 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; +} + +.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 { + border: none; + box-shadow: none; +} + +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, #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(#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: #242424; +} + +tabbar:not(.inline) .start-action, +tabbar:not(.inline) .end-action { + background-color: alpha(#242424, 0.6); + border-color: rgba(0, 0, 0, 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: white; + 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; + 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: white; + 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, treeview.view:focus-within check, treeview.view:focus-within 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, +columnview.view:focus-within check, +columnview.view:focus-within radio { + box-shadow: none; + background-color: transparent; +} + +/************ + * 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: #F4B400; +} + +levelbar block.high, levelbar block:not(.empty) { + background-color: #3c84f7; +} + +levelbar block.full { + background-color: #0F9D58; +} + +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; +} + +/********* + * 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, 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 > box > stack > 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, 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; +} + +popover.menu listview.view > row { + margin-left: 0; + margin-right: 0; +} + +row { + color: rgba(0, 0, 0, 0.6); +} + +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); +} + +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); +} + +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: white; + 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: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: #D93025; +} + +.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; +} + +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 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.15); +} + +/********************** + * Navigation Sidebar * + **********************/ +.navigation-sidebar { + padding: 6px; + border-right: none; +} + +.navigation-sidebar > row { + min-height: 24px; + padding: 6px; + border-radius: 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 > viewport.frame { + border-style: none; +} + +placessidebar list { + padding: 1px 0 4px; +} + +placessidebar .navigation-sidebar > row { + min-height: 32px; + margin: -1px 4px -1px 0; + padding: 0; + border-radius: 0 9999px 9999px 0; +} + +placessidebar .navigation-sidebar > row > revealer { + padding: 0 8px 0 16px; +} + +placessidebar .navigation-sidebar > row:selected { + background-color: alpha(currentColor, 0.06); + color: rgba(0, 0, 0, 0.87); + font-weight: 500; +} + +placessidebar .navigation-sidebar > row:disabled { + color: rgba(0, 0, 0, 0.38); +} + +placessidebar .navigation-sidebar > row image.sidebar-icon:dir(ltr) { + padding-right: 8px; +} + +placessidebar .navigation-sidebar > row image.sidebar-icon:dir(rtl) { + padding-left: 8px; +} + +placessidebar .navigation-sidebar > row label.sidebar-label { + color: inherit; +} + +placessidebar .navigation-sidebar > row label.sidebar-label:dir(ltr) { + padding-right: 2px; +} + +placessidebar .navigation-sidebar > row label.sidebar-label:dir(rtl) { + padding-left: 2px; +} + +placessidebar .navigation-sidebar > row.sidebar-placeholder-row { + background-color: alpha(currentColor, 0.08); +} + +placessidebar .navigation-sidebar > row.sidebar-new-bookmark-row { + color: #3c84f7; +} + +placessidebar .navigation-sidebar > row.sidebar-new-bookmark-row image.sidebar-icon { + color: #3c84f7; +} + +placessidebar .navigation-sidebar > row:drop(active) { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms; + 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(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; +} + +/************ + * 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: white; +} + +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: white; +} + +infobar.action > revealer > box *:link, infobar.action:backdrop > revealer > box *:link, infobar.question > revealer > box *:link, infobar.question:backdrop > revealer > box *:link { + color: white; +} + +infobar.action:hover > revealer > box, infobar.question:hover > revealer > box { + background-color: #5493f8; +} + +infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box { + background-color: #F4B400; + 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: #ffc00f; +} + +infobar.error > revealer > box, infobar.error:backdrop > revealer > box { + background-color: #D93025; + color: white; +} + +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: white; +} + +infobar.error > revealer > box *:link, infobar.error:backdrop > revealer > box *:link { + color: white; +} + +infobar.error:hover > revealer > box { + background-color: #dd443a; +} + +/************ + * Tooltips * + ************/ +tooltip { + padding: 6px 12px; + box-shadow: none; + border: none; +} + +tooltip.background { + background-color: rgba(52, 52, 52, 0.9); + color: white; + 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: white; +} + +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: #242424; + border: 1px solid #e0e0e0; +} + +.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.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: #3c84f7; + background-color: rgba(60, 132, 247, 0.2); +} + +textview text selection:focus, textview text selection, label > selection, +entry > text > selection, spinbutton:not(.vertical) > text > selection, spinbutton.vertical > text > selection, calendar > grid > label.today:selected { + color: white; + 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; +} + +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, listview.content:not(.conversation-listbox), +list.content:not(.conversation-listbox), listview.boxed-list, +list.boxed-list { + 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:first-child, window.background.csd > stack > list row.activatable:first-child, listview.content:not(.conversation-listbox) > row:first-child, +list.content:not(.conversation-listbox) > row:first-child, listview.boxed-list > row:first-child, +list.boxed-list > row:first-child, listview.boxed-list > row.expander list > row:first-child, +list.boxed-list > row.expander list > 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.content:not(.conversation-listbox) > row:last-child, +list.content:not(.conversation-listbox) > row:last-child, listview.boxed-list > row:last-child, +list.boxed-list > row:last-child, listview.boxed-list > row.expander list > row:last-child, +list.boxed-list > row.expander list > 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.content:not(.conversation-listbox) > row:only-child, +list.content:not(.conversation-listbox) > row:only-child, listview.boxed-list > row:only-child, +list.boxed-list > row:only-child, listview.boxed-list > row.expander list > row:only-child, +list.boxed-list > row.expander list > 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.content:not(.conversation-listbox) > row:focus, +list.content:not(.conversation-listbox) > row:focus, listview.boxed-list > row:focus, +list.boxed-list > row:focus, listview.boxed-list > row.expander list > row:focus, +list.boxed-list > row.expander list > row:focus { + box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08); +} + +/************** + * 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; +} + +/* 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 white; +/* +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 white; +/* +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 #F4B400; +@define-color error_color #D93025; +@define-color success_color #0F9D58; +/* +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 white; +@define-color wm_unfocused_title rgba(255, 255, 255, 0.7); +@define-color wm_highlight rgba(255, 255, 255, 0.1); +@define-color wm_bg #242424; +@define-color wm_unfocused_bg #2C2C2C; +/* +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 #999999; +@define-color budgie_tasklist_indicator_color_attention #F4B400; +@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/src/main/gtk-4.0/gtk.scss b/src/src/main/gtk-4.0/gtk.scss new file mode 100644 index 00000000..f1d69d09 --- /dev/null +++ b/src/src/main/gtk-4.0/gtk.scss @@ -0,0 +1,9 @@ +$variant: 'light'; +$topbar: 'dark'; + +@import '../../sass/variables'; +@import '../../sass/colors'; +@import '../../sass/gtk/drawing-4.0'; +@import '../../sass/gtk/common-4.0'; +@import '../../sass/gtk/apps-4.0'; +@import '../../sass/gtk/colors-public'; diff --git a/src/src/main/metacity-1/metacity-theme-2-dark.xml b/src/src/main/metacity-1/metacity-theme-2-dark.xml new file mode 100644 index 00000000..7e7a215c --- /dev/null +++ b/src/src/main/metacity-1/metacity-theme-2-dark.xml @@ -0,0 +1,621 @@ + + + + Orchis + vinceliucie + GPL + 2020 + Orchis Metacity theme + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +</draw_ops> + +<draw_ops name="title_unfocused"> + <title + x="(0 `max` ((width - title_width) / 2))" + y="(0 `max` ((height - title_height) / 2))" + color="C_title_unfocused"/> +</draw_ops> + +<!-- window decorations --> + +<draw_ops name="entire_background_focused"> + <rectangle color="C_titlebar_focused" x="0" y="0" width="width" height="height" filled="true"/> +</draw_ops> + +<draw_ops name="entire_background_unfocused"> + <rectangle color="C_titlebar_unfocused" x="0" y="0" width="width" height="height" filled="true"/> +</draw_ops> + +<draw_ops name="highlight_focused"> + <line color="C_highlight_focused" x1="4" y1="0" x2="width - 5" y2="0"/> + <arc color="C_highlight_focused" x="0 - 1" y="0" width="13" height="13" start_angle="270" extent_angle="90"/> + <arc color="C_highlight_focused" x="width - 13" y="0" width="13" height="13" start_angle="0" extent_angle="90"/> +</draw_ops> + +<draw_ops name="highlight_unfocused"> + <line color="C_highlight_unfocused" x1="4" y1="0" x2="width - 5" y2="0"/> + <arc color="C_highlight_unfocused" x="0 - 1" y="0" width="13" height="13" start_angle="270" extent_angle="90"/> + <arc color="C_highlight_unfocused" x="width - 13" y="0" width="13" height="13" start_angle="0" extent_angle="90"/> +</draw_ops> + +<draw_ops name="titlebar_focused"> + <include name="entire_background_focused"/> + <include name="highlight_focused"/> +</draw_ops> + +<draw_ops name="titlebar_unfocused"> + <include name="entire_background_unfocused"/> + <include name="highlight_unfocused"/> +</draw_ops> + +<!-- button icons --> + +<!-- close --> + +<draw_ops name="close_focused"> + <image filename="assets/close.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_focused"/> +</draw_ops> + +<draw_ops name="close_focused_prelight"> + <include name="close_focused"/> +</draw_ops> + +<draw_ops name="close_focused_pressed"> + <include name="close_focused"/> +</draw_ops> + +<draw_ops name="close_unfocused"> + <image filename="assets/close.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_unfocused"/> +</draw_ops> + +<draw_ops name="close_unfocused_prelight"> + <include name="close_unfocused"/> +</draw_ops> + +<draw_ops name="close_unfocused_pressed"> + <include name="close_unfocused"/> +</draw_ops> + +<!-- maximize --> + +<draw_ops name="maximize_focused"> + <image filename="assets/maximize.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_focused"/> +</draw_ops> + +<draw_ops name="maximize_focused_prelight"> + <include name="maximize_focused"/> +</draw_ops> + +<draw_ops name="maximize_focused_pressed"> + <include name="maximize_focused"/> +</draw_ops> + +<draw_ops name="maximize_unfocused"> + <image filename="assets/maximize.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_unfocused"/> +</draw_ops> + +<draw_ops name="maximize_unfocused_prelight"> + <include name="maximize_unfocused"/> +</draw_ops> + +<draw_ops name="maximize_unfocused_pressed"> + <include name="maximize_unfocused"/> +</draw_ops> + +<!-- unmaximize --> + +<draw_ops name="unmaximize_focused"> + <image filename="assets/unmaximize.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_focused"/> +</draw_ops> + +<draw_ops name="unmaximize_focused_prelight"> + <include name="unmaximize_focused"/> +</draw_ops> + +<draw_ops name="unmaximize_focused_pressed"> + <include name="unmaximize_focused"/> +</draw_ops> + +<draw_ops name="unmaximize_unfocused"> + <image filename="assets/unmaximize.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_unfocused"/> +</draw_ops> + +<draw_ops name="unmaximize_unfocused_prelight"> + <include name="unmaximize_unfocused"/> +</draw_ops> + +<draw_ops name="unmaximize_unfocused_pressed"> + <include name="unmaximize_unfocused"/> +</draw_ops> + +<!-- minimize --> + +<draw_ops name="minimize_focused"> + <image filename="assets/minimize.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_focused"/> +</draw_ops> + +<draw_ops name="minimize_focused_prelight"> + <include name="minimize_focused"/> +</draw_ops> + +<draw_ops name="minimize_focused_pressed"> + <include name="minimize_focused"/> +</draw_ops> + +<draw_ops name="minimize_unfocused"> + <image filename="assets/minimize.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_unfocused"/> +</draw_ops> + +<draw_ops name="minimize_unfocused_prelight"> + <include name="minimize_unfocused"/> +</draw_ops> + +<draw_ops name="minimize_unfocused_pressed"> + <include name="minimize_unfocused"/> +</draw_ops> + +<!-- menu --> + +<draw_ops name="menu_focused"> + <image filename="assets/menu.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_focused"/> +</draw_ops> + +<draw_ops name="menu_focused_prelight"> + <include name="menu_focused"/> +</draw_ops> + +<draw_ops name="menu_focused_pressed"> + <include name="menu_focused"/> +</draw_ops> + +<draw_ops name="menu_unfocused"> + <image filename="assets/menu.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_unfocused"/> +</draw_ops> + +<draw_ops name="menu_unfocused_prelight"> + <include name="menu_unfocused"/> +</draw_ops> + +<draw_ops name="menu_unfocused_pressed"> + <include name="menu_unfocused"/> +</draw_ops> + +<!-- shade --> + +<draw_ops name="shade_focused"> + <image filename="assets/shade.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_focused"/> +</draw_ops> + +<draw_ops name="shade_focused_prelight"> + <include name="shade_focused"/> +</draw_ops> + +<draw_ops name="shade_focused_pressed"> + <include name="shade_focused"/> +</draw_ops> + +<draw_ops name="shade_unfocused"> + <image filename="assets/shade.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_unfocused"/> +</draw_ops> + +<draw_ops name="shade_unfocused_prelight"> + <include name="shade_unfocused"/> +</draw_ops> + +<draw_ops name="shade_unfocused_pressed"> + <include name="shade_unfocused"/> +</draw_ops> + +<!-- unshade --> + +<draw_ops name="unshade_focused"> + <image filename="assets/unshade.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_focused"/> +</draw_ops> + +<draw_ops name="unshade_focused_prelight"> + <include name="unshade_focused"/> +</draw_ops> + +<draw_ops name="unshade_focused_pressed"> + <include name="unshade_focused"/> +</draw_ops> + +<draw_ops name="unshade_unfocused"> + <image filename="assets/unshade.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_unfocused"/> +</draw_ops> + +<draw_ops name="unshade_unfocused_prelight"> + <include name="unshade_unfocused"/> +</draw_ops> + +<draw_ops name="unshade_unfocused_pressed"> + <include name="unshade_unfocused"/> +</draw_ops> + +<!-- appmenu --> + +<constant name="D_appmenu_icon_size" value="16"/> + +<draw_ops name="appmenu_focused"> + <icon + x="(width - D_appmenu_icon_size) / 2" y="(height - D_appmenu_icon_size) / 2" + width="D_appmenu_icon_size" height="D_appmenu_icon_size"/> +</draw_ops> + +<draw_ops name="appmenu_focused_prelight"> + <include name="appmenu_focused"/> +</draw_ops> + +<draw_ops name="appmenu_focused_pressed"> + <include name="appmenu_focused"/> +</draw_ops> + +<draw_ops name="appmenu_unfocused"> + <icon + x="(width - D_appmenu_icon_size) / 2" y="(height - D_appmenu_icon_size) / 2" + width="D_appmenu_icon_size" height="D_appmenu_icon_size" + alpha="0.7"/> +</draw_ops> + +<draw_ops name="appmenu_unfocused_prelight"> + <include name="appmenu_unfocused"/> +</draw_ops> + +<draw_ops name="appmenu_unfocused_pressed"> + <include name="appmenu_unfocused"/> +</draw_ops> + +<!-- button backgrounds --> + +<draw_ops name="button_focused"> +</draw_ops> + +<draw_ops name="button_focused_prelight"> + <image filename="assets/button.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.08" colorize="C_title_focused"/> +</draw_ops> + +<draw_ops name="button_focused_pressed"> + <image filename="assets/button.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.2" colorize="C_title_focused"/> +</draw_ops> + +<draw_ops name="button_unfocused"> +</draw_ops> + +<draw_ops name="button_unfocused_prelight"> + <image filename="assets/button.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.08" colorize="C_title_unfocused"/> +</draw_ops> + +<draw_ops name="button_unfocused_pressed"> + <image filename="assets/button.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.2" colorize="C_title_unfocused"/> +</draw_ops> + +<!-- frame styles --> + +<frame_style name="normal_focused" geometry="normal"> + <piece position="entire_background" draw_ops="entire_background_focused"/> + <piece position="titlebar" draw_ops="titlebar_focused"/> + <piece position="title" draw_ops="title_focused"/> + <button function="close" state="normal" draw_ops="close_focused"/> + <button function="close" state="prelight" draw_ops="close_focused_prelight"/> + <button function="close" state="pressed" draw_ops="close_focused_pressed"/> + <button function="maximize" state="normal" draw_ops="maximize_focused"/> + <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight"/> + <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed"/> + <button function="minimize" state="normal" draw_ops="minimize_focused"/> + <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight"/> + <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed"/> + <button function="menu" state="normal" draw_ops="menu_focused"/> + <button function="menu" state="prelight" draw_ops="menu_focused_prelight"/> + <button function="menu" state="pressed" draw_ops="menu_focused_pressed"/> + <button function="shade" state="normal" draw_ops="shade_focused"/> + <button function="shade" state="prelight" draw_ops="shade_focused_prelight"/> + <button function="shade" state="pressed" draw_ops="shade_focused_pressed"/> + <button function="unshade" state="normal" draw_ops="unshade_focused"/> + <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight"/> + <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed"/> + + <button function="left_middle_background" state="normal" draw_ops="button_focused"/> + <button function="left_middle_background" state="prelight" draw_ops="button_focused_prelight"/> + <button function="left_middle_background" state="pressed" draw_ops="button_focused_pressed"/> + <button function="right_middle_background" state="normal" draw_ops="button_focused"/> + <button function="right_middle_background" state="prelight" draw_ops="button_focused_prelight"/> + <button function="right_middle_background" state="pressed" draw_ops="button_focused_pressed"/> + + <button function="above" state="normal"><draw_ops></draw_ops></button> + <button function="above" state="pressed"><draw_ops></draw_ops></button> + <button function="unabove" state="normal"><draw_ops></draw_ops></button> + <button function="unabove" state="pressed"><draw_ops></draw_ops></button> + <button function="stick" state="normal"><draw_ops></draw_ops></button> + <button function="stick" state="pressed"><draw_ops></draw_ops></button> + <button function="unstick" state="normal"><draw_ops></draw_ops></button> + <button function="unstick" state="pressed"><draw_ops></draw_ops></button> +</frame_style> + +<frame_style name="normal_unfocused" geometry="normal"> + <piece position="entire_background" draw_ops="entire_background_unfocused"/> + <piece position="titlebar" draw_ops="titlebar_unfocused"/> + <piece position="title" draw_ops="title_unfocused"/> + <button function="close" state="normal" draw_ops="close_unfocused"/> + <button function="close" state="prelight" draw_ops="close_unfocused_prelight"/> + <button function="close" state="pressed" draw_ops="close_unfocused_pressed"/> + <button function="maximize" state="normal" draw_ops="maximize_unfocused"/> + <button function="maximize" state="prelight" draw_ops="maximize_unfocused_prelight"/> + <button function="maximize" state="pressed" draw_ops="maximize_unfocused_pressed"/> + <button function="minimize" state="normal" draw_ops="minimize_unfocused"/> + <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight"/> + <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed"/> + <button function="menu" state="normal" draw_ops="menu_unfocused"/> + <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight"/> + <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed"/> + <button function="shade" state="normal" draw_ops="shade_unfocused"/> + <button function="shade" state="prelight" draw_ops="shade_unfocused_prelight"/> + <button function="shade" state="pressed" draw_ops="shade_unfocused_pressed"/> + <button function="unshade" state="normal" draw_ops="unshade_unfocused"/> + <button function="unshade" state="prelight" draw_ops="unshade_unfocused_prelight"/> + <button function="unshade" state="pressed" draw_ops="unshade_unfocused_pressed"/> + + <button function="left_middle_background" state="normal" draw_ops="button_unfocused"/> + <button function="left_middle_background" state="prelight" draw_ops="button_unfocused_prelight"/> + <button function="left_middle_background" state="pressed" draw_ops="button_unfocused_pressed"/> + <button function="right_middle_background" state="normal" draw_ops="button_unfocused"/> + <button function="right_middle_background" state="prelight" draw_ops="button_unfocused_prelight"/> + <button function="right_middle_background" state="pressed" draw_ops="button_unfocused_pressed"/> + + <button function="above" state="normal"><draw_ops></draw_ops></button> + <button function="above" state="pressed"><draw_ops></draw_ops></button> + <button function="unabove" state="normal"><draw_ops></draw_ops></button> + <button function="unabove" state="pressed"><draw_ops></draw_ops></button> + <button function="stick" state="normal"><draw_ops></draw_ops></button> + <button function="stick" state="pressed"><draw_ops></draw_ops></button> + <button function="unstick" state="normal"><draw_ops></draw_ops></button> + <button function="unstick" state="pressed"><draw_ops></draw_ops></button> +</frame_style> + +<frame_style name="normal_max_focused" geometry="max" parent="normal_focused"> + <piece position="titlebar" draw_ops="entire_background_focused"/> + <button function="maximize" state="normal" draw_ops="unmaximize_focused"/> + <button function="maximize" state="pressed" draw_ops="unmaximize_focused_pressed"/> + <button function="maximize" state="prelight" draw_ops="unmaximize_focused_prelight"/> +</frame_style> + +<frame_style name="normal_max_unfocused" geometry="max" parent="normal_unfocused"> + <piece position="titlebar" draw_ops="entire_background_unfocused"/> + <button function="maximize" state="normal" draw_ops="unmaximize_unfocused"/> + <button function="maximize" state="pressed" draw_ops="unmaximize_unfocused_pressed"/> + <button function="maximize" state="prelight" draw_ops="unmaximize_unfocused_prelight"/> +</frame_style> + +<frame_style name="tiled_left_focused" geometry="tiled_left" parent="normal_focused"> + <piece position="titlebar" draw_ops="entire_background_focused"/> +</frame_style> + +<frame_style name="tiled_left_unfocused" geometry="tiled_left" parent="normal_unfocused"> + <piece position="titlebar" draw_ops="entire_background_unfocused"/> +</frame_style> + +<frame_style name="tiled_right_focused" geometry="tiled_right" parent="normal_focused"> + <piece position="titlebar" draw_ops="entire_background_focused"/> +</frame_style> + +<frame_style name="tiled_right_unfocused" geometry="tiled_right" parent="normal_unfocused"> + <piece position="titlebar" draw_ops="entire_background_unfocused"/> +</frame_style> + +<frame_style name="dialog_focused" geometry="nobuttons" parent="normal_focused"> +</frame_style> + +<frame_style name="dialog_unfocused" geometry="nobuttons" parent="normal_unfocused"> +</frame_style> + +<frame_style name="modal_dialog_focused" geometry="modal" parent="normal_focused"> +</frame_style> + +<frame_style name="modal_dialog_unfocused" geometry="modal" parent="normal_unfocused"> +</frame_style> + +<frame_style name="utility_focused" geometry="small" parent="normal_focused"> +</frame_style> + +<frame_style name="utility_unfocused" geometry="small" parent="normal_unfocused"> +</frame_style> + +<frame_style name="border_focused" geometry="border" parent="normal_focused"> +</frame_style> + +<frame_style name="border_unfocused" geometry="border" parent="normal_unfocused"> +</frame_style> + +<frame_style name="borderless_focused" geometry="borderless" parent="normal_focused"> +</frame_style> + +<frame_style name="borderless_unfocused" geometry="borderless" parent="normal_unfocused"> +</frame_style> + +<frame_style name="attached_focused" geometry="attached" parent="modal_dialog_focused"> +</frame_style> + +<frame_style name="attached_unfocused" geometry="attached" parent="modal_dialog_unfocused"> +</frame_style> + +<!-- placeholder for unimplementated styles--> + +<frame_style name="blank" geometry="normal"> + <button function="close" state="normal"><draw_ops></draw_ops></button> + <button function="close" state="pressed"><draw_ops></draw_ops></button> + <button function="maximize" state="normal"><draw_ops></draw_ops></button> + <button function="maximize" state="pressed"><draw_ops></draw_ops></button> + <button function="minimize" state="normal"><draw_ops></draw_ops></button> + <button function="minimize" state="pressed"><draw_ops></draw_ops></button> + <button function="menu" state="normal"><draw_ops></draw_ops></button> + <button function="menu" state="pressed"><draw_ops></draw_ops></button> + <button function="shade" state="normal"><draw_ops></draw_ops></button> + <button function="shade" state="pressed"><draw_ops></draw_ops></button> + <button function="unshade" state="normal"><draw_ops></draw_ops></button> + <button function="unshade" state="pressed"><draw_ops></draw_ops></button> + <button function="above" state="normal"><draw_ops></draw_ops></button> + <button function="above" state="pressed"><draw_ops></draw_ops></button> + <button function="unabove" state="normal"><draw_ops></draw_ops></button> + <button function="unabove" state="pressed"><draw_ops></draw_ops></button> + <button function="stick" state="normal"><draw_ops></draw_ops></button> + <button function="stick" state="pressed"><draw_ops></draw_ops></button> + <button function="unstick" state="normal"><draw_ops></draw_ops></button> + <button function="unstick" state="pressed"><draw_ops></draw_ops></button> +</frame_style> + +<!-- frame style sets --> + +<frame_style_set name="normal_style_set"> + <frame focus="yes" state="normal" resize="both" style="normal_focused"/> + <frame focus="no" state="normal" resize="both" style="normal_unfocused"/> + <frame focus="yes" state="maximized" style="normal_max_focused"/> + <frame focus="no" state="maximized" style="normal_max_unfocused"/> + <frame focus="yes" state="shaded" style="normal_focused"/> + <frame focus="no" state="shaded" style="normal_unfocused"/> + <frame focus="yes" state="maximized_and_shaded" style="normal_max_focused"/> + <frame focus="no" state="maximized_and_shaded" style="normal_max_unfocused"/> +</frame_style_set> + +<frame_style_set name="dialog_style_set"> + <frame focus="yes" state="normal" resize="both" style="dialog_focused"/> + <frame focus="no" state="normal" resize="both" style="dialog_unfocused"/> + <frame focus="yes" state="maximized" style="blank"/> + <frame focus="no" state="maximized" style="blank"/> + <frame focus="yes" state="shaded" style="dialog_focused"/> + <frame focus="no" state="shaded" style="dialog_unfocused"/> + <frame focus="yes" state="maximized_and_shaded" style="blank"/> + <frame focus="no" state="maximized_and_shaded" style="blank"/> +</frame_style_set> + +<frame_style_set name="modal_dialog_style_set"> + <frame focus="yes" state="normal" resize="both" style="modal_dialog_focused"/> + <frame focus="no" state="normal" resize="both" style="modal_dialog_unfocused"/> + <frame focus="yes" state="maximized" style="blank"/> + <frame focus="no" state="maximized" style="blank"/> + <frame focus="yes" state="shaded" style="modal_dialog_focused"/> + <frame focus="no" state="shaded" style="modal_dialog_unfocused"/> + <frame focus="yes" state="maximized_and_shaded" style="blank"/> + <frame focus="no" state="maximized_and_shaded" style="blank"/> +</frame_style_set> + +<frame_style_set name="utility_style_set"> + <frame focus="yes" state="normal" resize="both" style="utility_focused"/> + <frame focus="no" state="normal" resize="both" style="utility_unfocused"/> + <frame focus="yes" state="maximized" style="blank"/> + <frame focus="no" state="maximized" style="blank"/> + <frame focus="yes" state="shaded" style="utility_focused"/> + <frame focus="no" state="shaded" style="utility_unfocused"/> + <frame focus="yes" state="maximized_and_shaded" style="blank"/> + <frame focus="no" state="maximized_and_shaded" style="blank"/> +</frame_style_set> + +<frame_style_set name="border_style_set"> + <frame focus="yes" state="normal" resize="both" style="border_focused"/> + <frame focus="no" state="normal" resize="both" style="border_unfocused"/> + <frame focus="yes" state="maximized" style="borderless_focused"/> + <frame focus="no" state="maximized" style="borderless_unfocused"/> + <frame focus="yes" state="shaded" style="blank"/> + <frame focus="no" state="shaded" style="blank"/> + <frame focus="yes" state="maximized_and_shaded" style="blank"/> + <frame focus="no" state="maximized_and_shaded" style="blank"/> +</frame_style_set> + +<frame_style_set name="attached_style_set"> + <frame focus="yes" state="normal" resize="both" style="attached_focused"/> + <frame focus="no" state="normal" resize="both" style="attached_unfocused"/> + <frame focus="yes" state="maximized" style="blank"/> + <frame focus="no" state="maximized" style="blank"/> + <frame focus="yes" state="shaded" style="blank"/> + <frame focus="no" state="shaded" style="blank"/> + <frame focus="yes" state="maximized_and_shaded" style="blank"/> + <frame focus="no" state="maximized_and_shaded" style="blank"/> +</frame_style_set> + +<!-- windows --> + +<window type="normal" style_set="normal_style_set"/> +<window type="dialog" style_set="dialog_style_set"/> +<window type="modal_dialog" style_set="modal_dialog_style_set"/> +<window type="menu" style_set="utility_style_set"/> +<window type="utility" style_set="utility_style_set"/> +<window type="border" style_set="border_style_set"/> + +</metacity_theme> diff --git a/src/src/main/metacity-1/metacity-theme-2-light.xml b/src/src/main/metacity-1/metacity-theme-2-light.xml new file mode 100644 index 00000000..9a52f56d --- /dev/null +++ b/src/src/main/metacity-1/metacity-theme-2-light.xml @@ -0,0 +1,621 @@ +<?xml version="1.0"?> +<metacity_theme> +<info> + <name>Orchis</name> + <author>vinceliucie</author> + <copyright>GPL</copyright> + <date>2020</date> + <description>Orchis Metacity theme</description> +</info> + +<!-- meaningful constants --> + +<constant name="C_titlebar_focused" value="#e0e0e0"/> +<constant name="C_titlebar_unfocused" value="#d6d6d6"/> +<constant name="C_highlight_focused" value="blend/#e0e0e0/#ffffff/0.4"/> +<constant name="C_highlight_unfocused" value="blend/#d6d6d6/#ffffff/0.4"/> +<constant name="C_title_focused" value="blend/#e0e0e0/#000000/0.87"/> +<constant name="C_title_unfocused" value="blend/#d6d6d6/#000000/0.6"/> + +<!-- geometries --> + +<frame_geometry name="normal" title_scale="medium" rounded_top_left="4" rounded_top_right="4"> + <distance name="left_width" value="2"/> + <distance name="right_width" value="2"/> + <distance name="bottom_height" value="2"/> + <distance name="left_titlebar_edge" value="0"/> + <distance name="right_titlebar_edge" value="0"/> + <distance name="title_vertical_pad" value="13"/> + <border name="title_border" left="10" right="10" top="0" bottom="0"/> + <border name="button_border" left="0" right="0" top="0" bottom="0"/> + <aspect_ratio name="button" value="1"/> +</frame_geometry> + +<frame_geometry name="max" rounded_top_left="false" rounded_top_right="false" parent="normal"> + <distance name="left_width" value="0"/> + <distance name="right_width" value="0"/> + <distance name="bottom_height" value="0"/> +</frame_geometry> + +<frame_geometry name="tiled_left" parent="max"> + <distance name="right_width" value="0"/> +</frame_geometry> + +<frame_geometry name="tiled_right" parent="max"> + <distance name="left_width" value="0"/> +</frame_geometry> + +<frame_geometry name="nobuttons" hide_buttons="true" parent="normal"> +</frame_geometry> + +<frame_geometry name="modal" parent="normal"> +</frame_geometry> + +<frame_geometry name="small" title_scale="small" parent="normal"> + <distance name="title_vertical_pad" value="8"/> +</frame_geometry> + +<frame_geometry name="border" has_title="false" rounded_top_left="false" rounded_top_right="false" parent="normal"> + <distance name="left_width" value="2"/> + <distance name="right_width" value="2"/> + <distance name="bottom_height" value="2"/> + <distance name="title_vertical_pad" value="2"/> + <border name="title_border" left="10" right="10" top="0" bottom="0"/> + <border name="button_border" left="0" right="0" top="0" bottom="0"/> +</frame_geometry> + +<frame_geometry name="borderless" has_title="false" rounded_top_left="false" rounded_top_right="false" parent="normal"> + <distance name="left_width" value="0"/> + <distance name="right_width" value="0"/> + <distance name="bottom_height" value="0"/> + <distance name="title_vertical_pad" value="0"/> + <border name="button_border" left="0" right="0" top="0" bottom="0"/> + <border name="title_border" left="0" right="0" top="0" bottom="0"/> +</frame_geometry> + +<frame_geometry name="attached" hide_buttons="true" rounded_bottom_left="4" rounded_bottom_right="4" parent="normal"> + <distance name="title_vertical_pad" value="4"/> +</frame_geometry> + +<!-- drawing operations --> + +<!-- title --> + +<draw_ops name="title_focused"> + <title + x="(0 `max` ((width - title_width) / 2))" + y="(0 `max` ((height - title_height) / 2))" + color="C_title_focused"/> +</draw_ops> + +<draw_ops name="title_unfocused"> + <title + x="(0 `max` ((width - title_width) / 2))" + y="(0 `max` ((height - title_height) / 2))" + color="C_title_unfocused"/> +</draw_ops> + +<!-- window decorations --> + +<draw_ops name="entire_background_focused"> + <rectangle color="C_titlebar_focused" x="0" y="0" width="width" height="height" filled="true"/> +</draw_ops> + +<draw_ops name="entire_background_unfocused"> + <rectangle color="C_titlebar_unfocused" x="0" y="0" width="width" height="height" filled="true"/> +</draw_ops> + +<draw_ops name="highlight_focused"> + <line color="C_highlight_focused" x1="4" y1="0" x2="width - 5" y2="0"/> + <arc color="C_highlight_focused" x="0 - 1" y="0" width="13" height="13" start_angle="270" extent_angle="90"/> + <arc color="C_highlight_focused" x="width - 13" y="0" width="13" height="13" start_angle="0" extent_angle="90"/> +</draw_ops> + +<draw_ops name="highlight_unfocused"> + <line color="C_highlight_unfocused" x1="4" y1="0" x2="width - 5" y2="0"/> + <arc color="C_highlight_unfocused" x="0 - 1" y="0" width="13" height="13" start_angle="270" extent_angle="90"/> + <arc color="C_highlight_unfocused" x="width - 13" y="0" width="13" height="13" start_angle="0" extent_angle="90"/> +</draw_ops> + +<draw_ops name="titlebar_focused"> + <include name="entire_background_focused"/> + <include name="highlight_focused"/> +</draw_ops> + +<draw_ops name="titlebar_unfocused"> + <include name="entire_background_unfocused"/> + <include name="highlight_unfocused"/> +</draw_ops> + +<!-- button icons --> + +<!-- close --> + +<draw_ops name="close_focused"> + <image filename="assets/close.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_focused"/> +</draw_ops> + +<draw_ops name="close_focused_prelight"> + <include name="close_focused"/> +</draw_ops> + +<draw_ops name="close_focused_pressed"> + <include name="close_focused"/> +</draw_ops> + +<draw_ops name="close_unfocused"> + <image filename="assets/close.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_unfocused"/> +</draw_ops> + +<draw_ops name="close_unfocused_prelight"> + <include name="close_unfocused"/> +</draw_ops> + +<draw_ops name="close_unfocused_pressed"> + <include name="close_unfocused"/> +</draw_ops> + +<!-- maximize --> + +<draw_ops name="maximize_focused"> + <image filename="assets/maximize.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_focused"/> +</draw_ops> + +<draw_ops name="maximize_focused_prelight"> + <include name="maximize_focused"/> +</draw_ops> + +<draw_ops name="maximize_focused_pressed"> + <include name="maximize_focused"/> +</draw_ops> + +<draw_ops name="maximize_unfocused"> + <image filename="assets/maximize.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_unfocused"/> +</draw_ops> + +<draw_ops name="maximize_unfocused_prelight"> + <include name="maximize_unfocused"/> +</draw_ops> + +<draw_ops name="maximize_unfocused_pressed"> + <include name="maximize_unfocused"/> +</draw_ops> + +<!-- unmaximize --> + +<draw_ops name="unmaximize_focused"> + <image filename="assets/unmaximize.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_focused"/> +</draw_ops> + +<draw_ops name="unmaximize_focused_prelight"> + <include name="unmaximize_focused"/> +</draw_ops> + +<draw_ops name="unmaximize_focused_pressed"> + <include name="unmaximize_focused"/> +</draw_ops> + +<draw_ops name="unmaximize_unfocused"> + <image filename="assets/unmaximize.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_unfocused"/> +</draw_ops> + +<draw_ops name="unmaximize_unfocused_prelight"> + <include name="unmaximize_unfocused"/> +</draw_ops> + +<draw_ops name="unmaximize_unfocused_pressed"> + <include name="unmaximize_unfocused"/> +</draw_ops> + +<!-- minimize --> + +<draw_ops name="minimize_focused"> + <image filename="assets/minimize.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_focused"/> +</draw_ops> + +<draw_ops name="minimize_focused_prelight"> + <include name="minimize_focused"/> +</draw_ops> + +<draw_ops name="minimize_focused_pressed"> + <include name="minimize_focused"/> +</draw_ops> + +<draw_ops name="minimize_unfocused"> + <image filename="assets/minimize.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_unfocused"/> +</draw_ops> + +<draw_ops name="minimize_unfocused_prelight"> + <include name="minimize_unfocused"/> +</draw_ops> + +<draw_ops name="minimize_unfocused_pressed"> + <include name="minimize_unfocused"/> +</draw_ops> + +<!-- menu --> + +<draw_ops name="menu_focused"> + <image filename="assets/menu.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_focused"/> +</draw_ops> + +<draw_ops name="menu_focused_prelight"> + <include name="menu_focused"/> +</draw_ops> + +<draw_ops name="menu_focused_pressed"> + <include name="menu_focused"/> +</draw_ops> + +<draw_ops name="menu_unfocused"> + <image filename="assets/menu.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_unfocused"/> +</draw_ops> + +<draw_ops name="menu_unfocused_prelight"> + <include name="menu_unfocused"/> +</draw_ops> + +<draw_ops name="menu_unfocused_pressed"> + <include name="menu_unfocused"/> +</draw_ops> + +<!-- shade --> + +<draw_ops name="shade_focused"> + <image filename="assets/shade.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_focused"/> +</draw_ops> + +<draw_ops name="shade_focused_prelight"> + <include name="shade_focused"/> +</draw_ops> + +<draw_ops name="shade_focused_pressed"> + <include name="shade_focused"/> +</draw_ops> + +<draw_ops name="shade_unfocused"> + <image filename="assets/shade.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_unfocused"/> +</draw_ops> + +<draw_ops name="shade_unfocused_prelight"> + <include name="shade_unfocused"/> +</draw_ops> + +<draw_ops name="shade_unfocused_pressed"> + <include name="shade_unfocused"/> +</draw_ops> + +<!-- unshade --> + +<draw_ops name="unshade_focused"> + <image filename="assets/unshade.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_focused"/> +</draw_ops> + +<draw_ops name="unshade_focused_prelight"> + <include name="unshade_focused"/> +</draw_ops> + +<draw_ops name="unshade_focused_pressed"> + <include name="unshade_focused"/> +</draw_ops> + +<draw_ops name="unshade_unfocused"> + <image filename="assets/unshade.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_unfocused"/> +</draw_ops> + +<draw_ops name="unshade_unfocused_prelight"> + <include name="unshade_unfocused"/> +</draw_ops> + +<draw_ops name="unshade_unfocused_pressed"> + <include name="unshade_unfocused"/> +</draw_ops> + +<!-- appmenu --> + +<constant name="D_appmenu_icon_size" value="16"/> + +<draw_ops name="appmenu_focused"> + <icon + x="(width - D_appmenu_icon_size) / 2" y="(height - D_appmenu_icon_size) / 2" + width="D_appmenu_icon_size" height="D_appmenu_icon_size"/> +</draw_ops> + +<draw_ops name="appmenu_focused_prelight"> + <include name="appmenu_focused"/> +</draw_ops> + +<draw_ops name="appmenu_focused_pressed"> + <include name="appmenu_focused"/> +</draw_ops> + +<draw_ops name="appmenu_unfocused"> + <icon + x="(width - D_appmenu_icon_size) / 2" y="(height - D_appmenu_icon_size) / 2" + width="D_appmenu_icon_size" height="D_appmenu_icon_size" + alpha="0.7"/> +</draw_ops> + +<draw_ops name="appmenu_unfocused_prelight"> + <include name="appmenu_unfocused"/> +</draw_ops> + +<draw_ops name="appmenu_unfocused_pressed"> + <include name="appmenu_unfocused"/> +</draw_ops> + +<!-- button backgrounds --> + +<draw_ops name="button_focused"> +</draw_ops> + +<draw_ops name="button_focused_prelight"> + <image filename="assets/button.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.08" colorize="C_title_focused"/> +</draw_ops> + +<draw_ops name="button_focused_pressed"> + <image filename="assets/button.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.2" colorize="C_title_focused"/> +</draw_ops> + +<draw_ops name="button_unfocused"> +</draw_ops> + +<draw_ops name="button_unfocused_prelight"> + <image filename="assets/button.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.08" colorize="C_title_unfocused"/> +</draw_ops> + +<draw_ops name="button_unfocused_pressed"> + <image filename="assets/button.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.2" colorize="C_title_unfocused"/> +</draw_ops> + +<!-- frame styles --> + +<frame_style name="normal_focused" geometry="normal"> + <piece position="entire_background" draw_ops="entire_background_focused"/> + <piece position="titlebar" draw_ops="titlebar_focused"/> + <piece position="title" draw_ops="title_focused"/> + <button function="close" state="normal" draw_ops="close_focused"/> + <button function="close" state="prelight" draw_ops="close_focused_prelight"/> + <button function="close" state="pressed" draw_ops="close_focused_pressed"/> + <button function="maximize" state="normal" draw_ops="maximize_focused"/> + <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight"/> + <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed"/> + <button function="minimize" state="normal" draw_ops="minimize_focused"/> + <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight"/> + <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed"/> + <button function="menu" state="normal" draw_ops="menu_focused"/> + <button function="menu" state="prelight" draw_ops="menu_focused_prelight"/> + <button function="menu" state="pressed" draw_ops="menu_focused_pressed"/> + <button function="shade" state="normal" draw_ops="shade_focused"/> + <button function="shade" state="prelight" draw_ops="shade_focused_prelight"/> + <button function="shade" state="pressed" draw_ops="shade_focused_pressed"/> + <button function="unshade" state="normal" draw_ops="unshade_focused"/> + <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight"/> + <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed"/> + + <button function="left_middle_background" state="normal" draw_ops="button_focused"/> + <button function="left_middle_background" state="prelight" draw_ops="button_focused_prelight"/> + <button function="left_middle_background" state="pressed" draw_ops="button_focused_pressed"/> + <button function="right_middle_background" state="normal" draw_ops="button_focused"/> + <button function="right_middle_background" state="prelight" draw_ops="button_focused_prelight"/> + <button function="right_middle_background" state="pressed" draw_ops="button_focused_pressed"/> + + <button function="above" state="normal"><draw_ops></draw_ops></button> + <button function="above" state="pressed"><draw_ops></draw_ops></button> + <button function="unabove" state="normal"><draw_ops></draw_ops></button> + <button function="unabove" state="pressed"><draw_ops></draw_ops></button> + <button function="stick" state="normal"><draw_ops></draw_ops></button> + <button function="stick" state="pressed"><draw_ops></draw_ops></button> + <button function="unstick" state="normal"><draw_ops></draw_ops></button> + <button function="unstick" state="pressed"><draw_ops></draw_ops></button> +</frame_style> + +<frame_style name="normal_unfocused" geometry="normal"> + <piece position="entire_background" draw_ops="entire_background_unfocused"/> + <piece position="titlebar" draw_ops="titlebar_unfocused"/> + <piece position="title" draw_ops="title_unfocused"/> + <button function="close" state="normal" draw_ops="close_unfocused"/> + <button function="close" state="prelight" draw_ops="close_unfocused_prelight"/> + <button function="close" state="pressed" draw_ops="close_unfocused_pressed"/> + <button function="maximize" state="normal" draw_ops="maximize_unfocused"/> + <button function="maximize" state="prelight" draw_ops="maximize_unfocused_prelight"/> + <button function="maximize" state="pressed" draw_ops="maximize_unfocused_pressed"/> + <button function="minimize" state="normal" draw_ops="minimize_unfocused"/> + <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight"/> + <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed"/> + <button function="menu" state="normal" draw_ops="menu_unfocused"/> + <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight"/> + <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed"/> + <button function="shade" state="normal" draw_ops="shade_unfocused"/> + <button function="shade" state="prelight" draw_ops="shade_unfocused_prelight"/> + <button function="shade" state="pressed" draw_ops="shade_unfocused_pressed"/> + <button function="unshade" state="normal" draw_ops="unshade_unfocused"/> + <button function="unshade" state="prelight" draw_ops="unshade_unfocused_prelight"/> + <button function="unshade" state="pressed" draw_ops="unshade_unfocused_pressed"/> + + <button function="left_middle_background" state="normal" draw_ops="button_unfocused"/> + <button function="left_middle_background" state="prelight" draw_ops="button_unfocused_prelight"/> + <button function="left_middle_background" state="pressed" draw_ops="button_unfocused_pressed"/> + <button function="right_middle_background" state="normal" draw_ops="button_unfocused"/> + <button function="right_middle_background" state="prelight" draw_ops="button_unfocused_prelight"/> + <button function="right_middle_background" state="pressed" draw_ops="button_unfocused_pressed"/> + + <button function="above" state="normal"><draw_ops></draw_ops></button> + <button function="above" state="pressed"><draw_ops></draw_ops></button> + <button function="unabove" state="normal"><draw_ops></draw_ops></button> + <button function="unabove" state="pressed"><draw_ops></draw_ops></button> + <button function="stick" state="normal"><draw_ops></draw_ops></button> + <button function="stick" state="pressed"><draw_ops></draw_ops></button> + <button function="unstick" state="normal"><draw_ops></draw_ops></button> + <button function="unstick" state="pressed"><draw_ops></draw_ops></button> +</frame_style> + +<frame_style name="normal_max_focused" geometry="max" parent="normal_focused"> + <piece position="titlebar" draw_ops="entire_background_focused"/> + <button function="maximize" state="normal" draw_ops="unmaximize_focused"/> + <button function="maximize" state="pressed" draw_ops="unmaximize_focused_pressed"/> + <button function="maximize" state="prelight" draw_ops="unmaximize_focused_prelight"/> +</frame_style> + +<frame_style name="normal_max_unfocused" geometry="max" parent="normal_unfocused"> + <piece position="titlebar" draw_ops="entire_background_unfocused"/> + <button function="maximize" state="normal" draw_ops="unmaximize_unfocused"/> + <button function="maximize" state="pressed" draw_ops="unmaximize_unfocused_pressed"/> + <button function="maximize" state="prelight" draw_ops="unmaximize_unfocused_prelight"/> +</frame_style> + +<frame_style name="tiled_left_focused" geometry="tiled_left" parent="normal_focused"> + <piece position="titlebar" draw_ops="entire_background_focused"/> +</frame_style> + +<frame_style name="tiled_left_unfocused" geometry="tiled_left" parent="normal_unfocused"> + <piece position="titlebar" draw_ops="entire_background_unfocused"/> +</frame_style> + +<frame_style name="tiled_right_focused" geometry="tiled_right" parent="normal_focused"> + <piece position="titlebar" draw_ops="entire_background_focused"/> +</frame_style> + +<frame_style name="tiled_right_unfocused" geometry="tiled_right" parent="normal_unfocused"> + <piece position="titlebar" draw_ops="entire_background_unfocused"/> +</frame_style> + +<frame_style name="dialog_focused" geometry="nobuttons" parent="normal_focused"> +</frame_style> + +<frame_style name="dialog_unfocused" geometry="nobuttons" parent="normal_unfocused"> +</frame_style> + +<frame_style name="modal_dialog_focused" geometry="modal" parent="normal_focused"> +</frame_style> + +<frame_style name="modal_dialog_unfocused" geometry="modal" parent="normal_unfocused"> +</frame_style> + +<frame_style name="utility_focused" geometry="small" parent="normal_focused"> +</frame_style> + +<frame_style name="utility_unfocused" geometry="small" parent="normal_unfocused"> +</frame_style> + +<frame_style name="border_focused" geometry="border" parent="normal_focused"> +</frame_style> + +<frame_style name="border_unfocused" geometry="border" parent="normal_unfocused"> +</frame_style> + +<frame_style name="borderless_focused" geometry="borderless" parent="normal_focused"> +</frame_style> + +<frame_style name="borderless_unfocused" geometry="borderless" parent="normal_unfocused"> +</frame_style> + +<frame_style name="attached_focused" geometry="attached" parent="modal_dialog_focused"> +</frame_style> + +<frame_style name="attached_unfocused" geometry="attached" parent="modal_dialog_unfocused"> +</frame_style> + +<!-- placeholder for unimplementated styles--> + +<frame_style name="blank" geometry="normal"> + <button function="close" state="normal"><draw_ops></draw_ops></button> + <button function="close" state="pressed"><draw_ops></draw_ops></button> + <button function="maximize" state="normal"><draw_ops></draw_ops></button> + <button function="maximize" state="pressed"><draw_ops></draw_ops></button> + <button function="minimize" state="normal"><draw_ops></draw_ops></button> + <button function="minimize" state="pressed"><draw_ops></draw_ops></button> + <button function="menu" state="normal"><draw_ops></draw_ops></button> + <button function="menu" state="pressed"><draw_ops></draw_ops></button> + <button function="shade" state="normal"><draw_ops></draw_ops></button> + <button function="shade" state="pressed"><draw_ops></draw_ops></button> + <button function="unshade" state="normal"><draw_ops></draw_ops></button> + <button function="unshade" state="pressed"><draw_ops></draw_ops></button> + <button function="above" state="normal"><draw_ops></draw_ops></button> + <button function="above" state="pressed"><draw_ops></draw_ops></button> + <button function="unabove" state="normal"><draw_ops></draw_ops></button> + <button function="unabove" state="pressed"><draw_ops></draw_ops></button> + <button function="stick" state="normal"><draw_ops></draw_ops></button> + <button function="stick" state="pressed"><draw_ops></draw_ops></button> + <button function="unstick" state="normal"><draw_ops></draw_ops></button> + <button function="unstick" state="pressed"><draw_ops></draw_ops></button> +</frame_style> + +<!-- frame style sets --> + +<frame_style_set name="normal_style_set"> + <frame focus="yes" state="normal" resize="both" style="normal_focused"/> + <frame focus="no" state="normal" resize="both" style="normal_unfocused"/> + <frame focus="yes" state="maximized" style="normal_max_focused"/> + <frame focus="no" state="maximized" style="normal_max_unfocused"/> + <frame focus="yes" state="shaded" style="normal_focused"/> + <frame focus="no" state="shaded" style="normal_unfocused"/> + <frame focus="yes" state="maximized_and_shaded" style="normal_max_focused"/> + <frame focus="no" state="maximized_and_shaded" style="normal_max_unfocused"/> +</frame_style_set> + +<frame_style_set name="dialog_style_set"> + <frame focus="yes" state="normal" resize="both" style="dialog_focused"/> + <frame focus="no" state="normal" resize="both" style="dialog_unfocused"/> + <frame focus="yes" state="maximized" style="blank"/> + <frame focus="no" state="maximized" style="blank"/> + <frame focus="yes" state="shaded" style="dialog_focused"/> + <frame focus="no" state="shaded" style="dialog_unfocused"/> + <frame focus="yes" state="maximized_and_shaded" style="blank"/> + <frame focus="no" state="maximized_and_shaded" style="blank"/> +</frame_style_set> + +<frame_style_set name="modal_dialog_style_set"> + <frame focus="yes" state="normal" resize="both" style="modal_dialog_focused"/> + <frame focus="no" state="normal" resize="both" style="modal_dialog_unfocused"/> + <frame focus="yes" state="maximized" style="blank"/> + <frame focus="no" state="maximized" style="blank"/> + <frame focus="yes" state="shaded" style="modal_dialog_focused"/> + <frame focus="no" state="shaded" style="modal_dialog_unfocused"/> + <frame focus="yes" state="maximized_and_shaded" style="blank"/> + <frame focus="no" state="maximized_and_shaded" style="blank"/> +</frame_style_set> + +<frame_style_set name="utility_style_set"> + <frame focus="yes" state="normal" resize="both" style="utility_focused"/> + <frame focus="no" state="normal" resize="both" style="utility_unfocused"/> + <frame focus="yes" state="maximized" style="blank"/> + <frame focus="no" state="maximized" style="blank"/> + <frame focus="yes" state="shaded" style="utility_focused"/> + <frame focus="no" state="shaded" style="utility_unfocused"/> + <frame focus="yes" state="maximized_and_shaded" style="blank"/> + <frame focus="no" state="maximized_and_shaded" style="blank"/> +</frame_style_set> + +<frame_style_set name="border_style_set"> + <frame focus="yes" state="normal" resize="both" style="border_focused"/> + <frame focus="no" state="normal" resize="both" style="border_unfocused"/> + <frame focus="yes" state="maximized" style="borderless_focused"/> + <frame focus="no" state="maximized" style="borderless_unfocused"/> + <frame focus="yes" state="shaded" style="blank"/> + <frame focus="no" state="shaded" style="blank"/> + <frame focus="yes" state="maximized_and_shaded" style="blank"/> + <frame focus="no" state="maximized_and_shaded" style="blank"/> +</frame_style_set> + +<frame_style_set name="attached_style_set"> + <frame focus="yes" state="normal" resize="both" style="attached_focused"/> + <frame focus="no" state="normal" resize="both" style="attached_unfocused"/> + <frame focus="yes" state="maximized" style="blank"/> + <frame focus="no" state="maximized" style="blank"/> + <frame focus="yes" state="shaded" style="blank"/> + <frame focus="no" state="shaded" style="blank"/> + <frame focus="yes" state="maximized_and_shaded" style="blank"/> + <frame focus="no" state="maximized_and_shaded" style="blank"/> +</frame_style_set> + +<!-- windows --> + +<window type="normal" style_set="normal_style_set"/> +<window type="dialog" style_set="dialog_style_set"/> +<window type="modal_dialog" style_set="modal_dialog_style_set"/> +<window type="menu" style_set="utility_style_set"/> +<window type="utility" style_set="utility_style_set"/> +<window type="border" style_set="border_style_set"/> + +</metacity_theme> diff --git a/src/src/main/metacity-1/metacity-theme-2.xml b/src/src/main/metacity-1/metacity-theme-2.xml new file mode 100644 index 00000000..89784d1b --- /dev/null +++ b/src/src/main/metacity-1/metacity-theme-2.xml @@ -0,0 +1,621 @@ +<?xml version="1.0"?> +<metacity_theme> +<info> + <name>Orchis</name> + <author>vinceliucie</author> + <copyright>GPL</copyright> + <date>2020</date> + <description>Orchis Metacity theme</description> +</info> + +<!-- meaningful constants --> + +<constant name="C_titlebar_focused" value="#383838"/> +<constant name="C_titlebar_unfocused" value="#303030"/> +<constant name="C_highlight_focused" value="blend/#383838/#ffffff/0.1"/> +<constant name="C_highlight_unfocused" value="blend/#303030/#ffffff/0.1"/> +<constant name="C_title_focused" value="blend/#383838/#ffffff/1"/> +<constant name="C_title_unfocused" value="blend/#303030/#ffffff/0.7"/> + +<!-- geometries --> + +<frame_geometry name="normal" title_scale="medium" rounded_top_left="4" rounded_top_right="4"> + <distance name="left_width" value="2"/> + <distance name="right_width" value="2"/> + <distance name="bottom_height" value="2"/> + <distance name="left_titlebar_edge" value="0"/> + <distance name="right_titlebar_edge" value="0"/> + <distance name="title_vertical_pad" value="13"/> + <border name="title_border" left="10" right="10" top="0" bottom="0"/> + <border name="button_border" left="0" right="0" top="0" bottom="0"/> + <aspect_ratio name="button" value="1"/> +</frame_geometry> + +<frame_geometry name="max" rounded_top_left="false" rounded_top_right="false" parent="normal"> + <distance name="left_width" value="0"/> + <distance name="right_width" value="0"/> + <distance name="bottom_height" value="0"/> +</frame_geometry> + +<frame_geometry name="tiled_left" parent="max"> + <distance name="right_width" value="0"/> +</frame_geometry> + +<frame_geometry name="tiled_right" parent="max"> + <distance name="left_width" value="0"/> +</frame_geometry> + +<frame_geometry name="nobuttons" hide_buttons="true" parent="normal"> +</frame_geometry> + +<frame_geometry name="modal" parent="normal"> +</frame_geometry> + +<frame_geometry name="small" title_scale="small" parent="normal"> + <distance name="title_vertical_pad" value="8"/> +</frame_geometry> + +<frame_geometry name="border" has_title="false" rounded_top_left="false" rounded_top_right="false" parent="normal"> + <distance name="left_width" value="2"/> + <distance name="right_width" value="2"/> + <distance name="bottom_height" value="2"/> + <distance name="title_vertical_pad" value="2"/> + <border name="title_border" left="10" right="10" top="0" bottom="0"/> + <border name="button_border" left="0" right="0" top="0" bottom="0"/> +</frame_geometry> + +<frame_geometry name="borderless" has_title="false" rounded_top_left="false" rounded_top_right="false" parent="normal"> + <distance name="left_width" value="0"/> + <distance name="right_width" value="0"/> + <distance name="bottom_height" value="0"/> + <distance name="title_vertical_pad" value="0"/> + <border name="button_border" left="0" right="0" top="0" bottom="0"/> + <border name="title_border" left="0" right="0" top="0" bottom="0"/> +</frame_geometry> + +<frame_geometry name="attached" hide_buttons="true" rounded_bottom_left="4" rounded_bottom_right="4" parent="normal"> + <distance name="title_vertical_pad" value="4"/> +</frame_geometry> + +<!-- drawing operations --> + +<!-- title --> + +<draw_ops name="title_focused"> + <title + x="(0 `max` ((width - title_width) / 2))" + y="(0 `max` ((height - title_height) / 2))" + color="C_title_focused"/> +</draw_ops> + +<draw_ops name="title_unfocused"> + <title + x="(0 `max` ((width - title_width) / 2))" + y="(0 `max` ((height - title_height) / 2))" + color="C_title_unfocused"/> +</draw_ops> + +<!-- window decorations --> + +<draw_ops name="entire_background_focused"> + <rectangle color="C_titlebar_focused" x="0" y="0" width="width" height="height" filled="true"/> +</draw_ops> + +<draw_ops name="entire_background_unfocused"> + <rectangle color="C_titlebar_unfocused" x="0" y="0" width="width" height="height" filled="true"/> +</draw_ops> + +<draw_ops name="highlight_focused"> + <line color="C_highlight_focused" x1="4" y1="0" x2="width - 5" y2="0"/> + <arc color="C_highlight_focused" x="0 - 1" y="0" width="13" height="13" start_angle="270" extent_angle="90"/> + <arc color="C_highlight_focused" x="width - 13" y="0" width="13" height="13" start_angle="0" extent_angle="90"/> +</draw_ops> + +<draw_ops name="highlight_unfocused"> + <line color="C_highlight_unfocused" x1="4" y1="0" x2="width - 5" y2="0"/> + <arc color="C_highlight_unfocused" x="0 - 1" y="0" width="13" height="13" start_angle="270" extent_angle="90"/> + <arc color="C_highlight_unfocused" x="width - 13" y="0" width="13" height="13" start_angle="0" extent_angle="90"/> +</draw_ops> + +<draw_ops name="titlebar_focused"> + <include name="entire_background_focused"/> + <include name="highlight_focused"/> +</draw_ops> + +<draw_ops name="titlebar_unfocused"> + <include name="entire_background_unfocused"/> + <include name="highlight_unfocused"/> +</draw_ops> + +<!-- button icons --> + +<!-- close --> + +<draw_ops name="close_focused"> + <image filename="assets/close.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_focused"/> +</draw_ops> + +<draw_ops name="close_focused_prelight"> + <include name="close_focused"/> +</draw_ops> + +<draw_ops name="close_focused_pressed"> + <include name="close_focused"/> +</draw_ops> + +<draw_ops name="close_unfocused"> + <image filename="assets/close.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_unfocused"/> +</draw_ops> + +<draw_ops name="close_unfocused_prelight"> + <include name="close_unfocused"/> +</draw_ops> + +<draw_ops name="close_unfocused_pressed"> + <include name="close_unfocused"/> +</draw_ops> + +<!-- maximize --> + +<draw_ops name="maximize_focused"> + <image filename="assets/maximize.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_focused"/> +</draw_ops> + +<draw_ops name="maximize_focused_prelight"> + <include name="maximize_focused"/> +</draw_ops> + +<draw_ops name="maximize_focused_pressed"> + <include name="maximize_focused"/> +</draw_ops> + +<draw_ops name="maximize_unfocused"> + <image filename="assets/maximize.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_unfocused"/> +</draw_ops> + +<draw_ops name="maximize_unfocused_prelight"> + <include name="maximize_unfocused"/> +</draw_ops> + +<draw_ops name="maximize_unfocused_pressed"> + <include name="maximize_unfocused"/> +</draw_ops> + +<!-- unmaximize --> + +<draw_ops name="unmaximize_focused"> + <image filename="assets/unmaximize.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_focused"/> +</draw_ops> + +<draw_ops name="unmaximize_focused_prelight"> + <include name="unmaximize_focused"/> +</draw_ops> + +<draw_ops name="unmaximize_focused_pressed"> + <include name="unmaximize_focused"/> +</draw_ops> + +<draw_ops name="unmaximize_unfocused"> + <image filename="assets/unmaximize.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_unfocused"/> +</draw_ops> + +<draw_ops name="unmaximize_unfocused_prelight"> + <include name="unmaximize_unfocused"/> +</draw_ops> + +<draw_ops name="unmaximize_unfocused_pressed"> + <include name="unmaximize_unfocused"/> +</draw_ops> + +<!-- minimize --> + +<draw_ops name="minimize_focused"> + <image filename="assets/minimize.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_focused"/> +</draw_ops> + +<draw_ops name="minimize_focused_prelight"> + <include name="minimize_focused"/> +</draw_ops> + +<draw_ops name="minimize_focused_pressed"> + <include name="minimize_focused"/> +</draw_ops> + +<draw_ops name="minimize_unfocused"> + <image filename="assets/minimize.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_unfocused"/> +</draw_ops> + +<draw_ops name="minimize_unfocused_prelight"> + <include name="minimize_unfocused"/> +</draw_ops> + +<draw_ops name="minimize_unfocused_pressed"> + <include name="minimize_unfocused"/> +</draw_ops> + +<!-- menu --> + +<draw_ops name="menu_focused"> + <image filename="assets/menu.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_focused"/> +</draw_ops> + +<draw_ops name="menu_focused_prelight"> + <include name="menu_focused"/> +</draw_ops> + +<draw_ops name="menu_focused_pressed"> + <include name="menu_focused"/> +</draw_ops> + +<draw_ops name="menu_unfocused"> + <image filename="assets/menu.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_unfocused"/> +</draw_ops> + +<draw_ops name="menu_unfocused_prelight"> + <include name="menu_unfocused"/> +</draw_ops> + +<draw_ops name="menu_unfocused_pressed"> + <include name="menu_unfocused"/> +</draw_ops> + +<!-- shade --> + +<draw_ops name="shade_focused"> + <image filename="assets/shade.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_focused"/> +</draw_ops> + +<draw_ops name="shade_focused_prelight"> + <include name="shade_focused"/> +</draw_ops> + +<draw_ops name="shade_focused_pressed"> + <include name="shade_focused"/> +</draw_ops> + +<draw_ops name="shade_unfocused"> + <image filename="assets/shade.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_unfocused"/> +</draw_ops> + +<draw_ops name="shade_unfocused_prelight"> + <include name="shade_unfocused"/> +</draw_ops> + +<draw_ops name="shade_unfocused_pressed"> + <include name="shade_unfocused"/> +</draw_ops> + +<!-- unshade --> + +<draw_ops name="unshade_focused"> + <image filename="assets/unshade.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_focused"/> +</draw_ops> + +<draw_ops name="unshade_focused_prelight"> + <include name="unshade_focused"/> +</draw_ops> + +<draw_ops name="unshade_focused_pressed"> + <include name="unshade_focused"/> +</draw_ops> + +<draw_ops name="unshade_unfocused"> + <image filename="assets/unshade.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_unfocused"/> +</draw_ops> + +<draw_ops name="unshade_unfocused_prelight"> + <include name="unshade_unfocused"/> +</draw_ops> + +<draw_ops name="unshade_unfocused_pressed"> + <include name="unshade_unfocused"/> +</draw_ops> + +<!-- appmenu --> + +<constant name="D_appmenu_icon_size" value="16"/> + +<draw_ops name="appmenu_focused"> + <icon + x="(width - D_appmenu_icon_size) / 2" y="(height - D_appmenu_icon_size) / 2" + width="D_appmenu_icon_size" height="D_appmenu_icon_size"/> +</draw_ops> + +<draw_ops name="appmenu_focused_prelight"> + <include name="appmenu_focused"/> +</draw_ops> + +<draw_ops name="appmenu_focused_pressed"> + <include name="appmenu_focused"/> +</draw_ops> + +<draw_ops name="appmenu_unfocused"> + <icon + x="(width - D_appmenu_icon_size) / 2" y="(height - D_appmenu_icon_size) / 2" + width="D_appmenu_icon_size" height="D_appmenu_icon_size" + alpha="0.7"/> +</draw_ops> + +<draw_ops name="appmenu_unfocused_prelight"> + <include name="appmenu_unfocused"/> +</draw_ops> + +<draw_ops name="appmenu_unfocused_pressed"> + <include name="appmenu_unfocused"/> +</draw_ops> + +<!-- button backgrounds --> + +<draw_ops name="button_focused"> +</draw_ops> + +<draw_ops name="button_focused_prelight"> + <image filename="assets/button.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.08" colorize="C_title_focused"/> +</draw_ops> + +<draw_ops name="button_focused_pressed"> + <image filename="assets/button.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.2" colorize="C_title_focused"/> +</draw_ops> + +<draw_ops name="button_unfocused"> +</draw_ops> + +<draw_ops name="button_unfocused_prelight"> + <image filename="assets/button.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.08" colorize="C_title_unfocused"/> +</draw_ops> + +<draw_ops name="button_unfocused_pressed"> + <image filename="assets/button.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.2" colorize="C_title_unfocused"/> +</draw_ops> + +<!-- frame styles --> + +<frame_style name="normal_focused" geometry="normal"> + <piece position="entire_background" draw_ops="entire_background_focused"/> + <piece position="titlebar" draw_ops="titlebar_focused"/> + <piece position="title" draw_ops="title_focused"/> + <button function="close" state="normal" draw_ops="close_focused"/> + <button function="close" state="prelight" draw_ops="close_focused_prelight"/> + <button function="close" state="pressed" draw_ops="close_focused_pressed"/> + <button function="maximize" state="normal" draw_ops="maximize_focused"/> + <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight"/> + <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed"/> + <button function="minimize" state="normal" draw_ops="minimize_focused"/> + <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight"/> + <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed"/> + <button function="menu" state="normal" draw_ops="menu_focused"/> + <button function="menu" state="prelight" draw_ops="menu_focused_prelight"/> + <button function="menu" state="pressed" draw_ops="menu_focused_pressed"/> + <button function="shade" state="normal" draw_ops="shade_focused"/> + <button function="shade" state="prelight" draw_ops="shade_focused_prelight"/> + <button function="shade" state="pressed" draw_ops="shade_focused_pressed"/> + <button function="unshade" state="normal" draw_ops="unshade_focused"/> + <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight"/> + <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed"/> + + <button function="left_middle_background" state="normal" draw_ops="button_focused"/> + <button function="left_middle_background" state="prelight" draw_ops="button_focused_prelight"/> + <button function="left_middle_background" state="pressed" draw_ops="button_focused_pressed"/> + <button function="right_middle_background" state="normal" draw_ops="button_focused"/> + <button function="right_middle_background" state="prelight" draw_ops="button_focused_prelight"/> + <button function="right_middle_background" state="pressed" draw_ops="button_focused_pressed"/> + + <button function="above" state="normal"><draw_ops></draw_ops></button> + <button function="above" state="pressed"><draw_ops></draw_ops></button> + <button function="unabove" state="normal"><draw_ops></draw_ops></button> + <button function="unabove" state="pressed"><draw_ops></draw_ops></button> + <button function="stick" state="normal"><draw_ops></draw_ops></button> + <button function="stick" state="pressed"><draw_ops></draw_ops></button> + <button function="unstick" state="normal"><draw_ops></draw_ops></button> + <button function="unstick" state="pressed"><draw_ops></draw_ops></button> +</frame_style> + +<frame_style name="normal_unfocused" geometry="normal"> + <piece position="entire_background" draw_ops="entire_background_unfocused"/> + <piece position="titlebar" draw_ops="titlebar_unfocused"/> + <piece position="title" draw_ops="title_unfocused"/> + <button function="close" state="normal" draw_ops="close_unfocused"/> + <button function="close" state="prelight" draw_ops="close_unfocused_prelight"/> + <button function="close" state="pressed" draw_ops="close_unfocused_pressed"/> + <button function="maximize" state="normal" draw_ops="maximize_unfocused"/> + <button function="maximize" state="prelight" draw_ops="maximize_unfocused_prelight"/> + <button function="maximize" state="pressed" draw_ops="maximize_unfocused_pressed"/> + <button function="minimize" state="normal" draw_ops="minimize_unfocused"/> + <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight"/> + <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed"/> + <button function="menu" state="normal" draw_ops="menu_unfocused"/> + <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight"/> + <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed"/> + <button function="shade" state="normal" draw_ops="shade_unfocused"/> + <button function="shade" state="prelight" draw_ops="shade_unfocused_prelight"/> + <button function="shade" state="pressed" draw_ops="shade_unfocused_pressed"/> + <button function="unshade" state="normal" draw_ops="unshade_unfocused"/> + <button function="unshade" state="prelight" draw_ops="unshade_unfocused_prelight"/> + <button function="unshade" state="pressed" draw_ops="unshade_unfocused_pressed"/> + + <button function="left_middle_background" state="normal" draw_ops="button_unfocused"/> + <button function="left_middle_background" state="prelight" draw_ops="button_unfocused_prelight"/> + <button function="left_middle_background" state="pressed" draw_ops="button_unfocused_pressed"/> + <button function="right_middle_background" state="normal" draw_ops="button_unfocused"/> + <button function="right_middle_background" state="prelight" draw_ops="button_unfocused_prelight"/> + <button function="right_middle_background" state="pressed" draw_ops="button_unfocused_pressed"/> + + <button function="above" state="normal"><draw_ops></draw_ops></button> + <button function="above" state="pressed"><draw_ops></draw_ops></button> + <button function="unabove" state="normal"><draw_ops></draw_ops></button> + <button function="unabove" state="pressed"><draw_ops></draw_ops></button> + <button function="stick" state="normal"><draw_ops></draw_ops></button> + <button function="stick" state="pressed"><draw_ops></draw_ops></button> + <button function="unstick" state="normal"><draw_ops></draw_ops></button> + <button function="unstick" state="pressed"><draw_ops></draw_ops></button> +</frame_style> + +<frame_style name="normal_max_focused" geometry="max" parent="normal_focused"> + <piece position="titlebar" draw_ops="entire_background_focused"/> + <button function="maximize" state="normal" draw_ops="unmaximize_focused"/> + <button function="maximize" state="pressed" draw_ops="unmaximize_focused_pressed"/> + <button function="maximize" state="prelight" draw_ops="unmaximize_focused_prelight"/> +</frame_style> + +<frame_style name="normal_max_unfocused" geometry="max" parent="normal_unfocused"> + <piece position="titlebar" draw_ops="entire_background_unfocused"/> + <button function="maximize" state="normal" draw_ops="unmaximize_unfocused"/> + <button function="maximize" state="pressed" draw_ops="unmaximize_unfocused_pressed"/> + <button function="maximize" state="prelight" draw_ops="unmaximize_unfocused_prelight"/> +</frame_style> + +<frame_style name="tiled_left_focused" geometry="tiled_left" parent="normal_focused"> + <piece position="titlebar" draw_ops="entire_background_focused"/> +</frame_style> + +<frame_style name="tiled_left_unfocused" geometry="tiled_left" parent="normal_unfocused"> + <piece position="titlebar" draw_ops="entire_background_unfocused"/> +</frame_style> + +<frame_style name="tiled_right_focused" geometry="tiled_right" parent="normal_focused"> + <piece position="titlebar" draw_ops="entire_background_focused"/> +</frame_style> + +<frame_style name="tiled_right_unfocused" geometry="tiled_right" parent="normal_unfocused"> + <piece position="titlebar" draw_ops="entire_background_unfocused"/> +</frame_style> + +<frame_style name="dialog_focused" geometry="nobuttons" parent="normal_focused"> +</frame_style> + +<frame_style name="dialog_unfocused" geometry="nobuttons" parent="normal_unfocused"> +</frame_style> + +<frame_style name="modal_dialog_focused" geometry="modal" parent="normal_focused"> +</frame_style> + +<frame_style name="modal_dialog_unfocused" geometry="modal" parent="normal_unfocused"> +</frame_style> + +<frame_style name="utility_focused" geometry="small" parent="normal_focused"> +</frame_style> + +<frame_style name="utility_unfocused" geometry="small" parent="normal_unfocused"> +</frame_style> + +<frame_style name="border_focused" geometry="border" parent="normal_focused"> +</frame_style> + +<frame_style name="border_unfocused" geometry="border" parent="normal_unfocused"> +</frame_style> + +<frame_style name="borderless_focused" geometry="borderless" parent="normal_focused"> +</frame_style> + +<frame_style name="borderless_unfocused" geometry="borderless" parent="normal_unfocused"> +</frame_style> + +<frame_style name="attached_focused" geometry="attached" parent="modal_dialog_focused"> +</frame_style> + +<frame_style name="attached_unfocused" geometry="attached" parent="modal_dialog_unfocused"> +</frame_style> + +<!-- placeholder for unimplementated styles--> + +<frame_style name="blank" geometry="normal"> + <button function="close" state="normal"><draw_ops></draw_ops></button> + <button function="close" state="pressed"><draw_ops></draw_ops></button> + <button function="maximize" state="normal"><draw_ops></draw_ops></button> + <button function="maximize" state="pressed"><draw_ops></draw_ops></button> + <button function="minimize" state="normal"><draw_ops></draw_ops></button> + <button function="minimize" state="pressed"><draw_ops></draw_ops></button> + <button function="menu" state="normal"><draw_ops></draw_ops></button> + <button function="menu" state="pressed"><draw_ops></draw_ops></button> + <button function="shade" state="normal"><draw_ops></draw_ops></button> + <button function="shade" state="pressed"><draw_ops></draw_ops></button> + <button function="unshade" state="normal"><draw_ops></draw_ops></button> + <button function="unshade" state="pressed"><draw_ops></draw_ops></button> + <button function="above" state="normal"><draw_ops></draw_ops></button> + <button function="above" state="pressed"><draw_ops></draw_ops></button> + <button function="unabove" state="normal"><draw_ops></draw_ops></button> + <button function="unabove" state="pressed"><draw_ops></draw_ops></button> + <button function="stick" state="normal"><draw_ops></draw_ops></button> + <button function="stick" state="pressed"><draw_ops></draw_ops></button> + <button function="unstick" state="normal"><draw_ops></draw_ops></button> + <button function="unstick" state="pressed"><draw_ops></draw_ops></button> +</frame_style> + +<!-- frame style sets --> + +<frame_style_set name="normal_style_set"> + <frame focus="yes" state="normal" resize="both" style="normal_focused"/> + <frame focus="no" state="normal" resize="both" style="normal_unfocused"/> + <frame focus="yes" state="maximized" style="normal_max_focused"/> + <frame focus="no" state="maximized" style="normal_max_unfocused"/> + <frame focus="yes" state="shaded" style="normal_focused"/> + <frame focus="no" state="shaded" style="normal_unfocused"/> + <frame focus="yes" state="maximized_and_shaded" style="normal_max_focused"/> + <frame focus="no" state="maximized_and_shaded" style="normal_max_unfocused"/> +</frame_style_set> + +<frame_style_set name="dialog_style_set"> + <frame focus="yes" state="normal" resize="both" style="dialog_focused"/> + <frame focus="no" state="normal" resize="both" style="dialog_unfocused"/> + <frame focus="yes" state="maximized" style="blank"/> + <frame focus="no" state="maximized" style="blank"/> + <frame focus="yes" state="shaded" style="dialog_focused"/> + <frame focus="no" state="shaded" style="dialog_unfocused"/> + <frame focus="yes" state="maximized_and_shaded" style="blank"/> + <frame focus="no" state="maximized_and_shaded" style="blank"/> +</frame_style_set> + +<frame_style_set name="modal_dialog_style_set"> + <frame focus="yes" state="normal" resize="both" style="modal_dialog_focused"/> + <frame focus="no" state="normal" resize="both" style="modal_dialog_unfocused"/> + <frame focus="yes" state="maximized" style="blank"/> + <frame focus="no" state="maximized" style="blank"/> + <frame focus="yes" state="shaded" style="modal_dialog_focused"/> + <frame focus="no" state="shaded" style="modal_dialog_unfocused"/> + <frame focus="yes" state="maximized_and_shaded" style="blank"/> + <frame focus="no" state="maximized_and_shaded" style="blank"/> +</frame_style_set> + +<frame_style_set name="utility_style_set"> + <frame focus="yes" state="normal" resize="both" style="utility_focused"/> + <frame focus="no" state="normal" resize="both" style="utility_unfocused"/> + <frame focus="yes" state="maximized" style="blank"/> + <frame focus="no" state="maximized" style="blank"/> + <frame focus="yes" state="shaded" style="utility_focused"/> + <frame focus="no" state="shaded" style="utility_unfocused"/> + <frame focus="yes" state="maximized_and_shaded" style="blank"/> + <frame focus="no" state="maximized_and_shaded" style="blank"/> +</frame_style_set> + +<frame_style_set name="border_style_set"> + <frame focus="yes" state="normal" resize="both" style="border_focused"/> + <frame focus="no" state="normal" resize="both" style="border_unfocused"/> + <frame focus="yes" state="maximized" style="borderless_focused"/> + <frame focus="no" state="maximized" style="borderless_unfocused"/> + <frame focus="yes" state="shaded" style="blank"/> + <frame focus="no" state="shaded" style="blank"/> + <frame focus="yes" state="maximized_and_shaded" style="blank"/> + <frame focus="no" state="maximized_and_shaded" style="blank"/> +</frame_style_set> + +<frame_style_set name="attached_style_set"> + <frame focus="yes" state="normal" resize="both" style="attached_focused"/> + <frame focus="no" state="normal" resize="both" style="attached_unfocused"/> + <frame focus="yes" state="maximized" style="blank"/> + <frame focus="no" state="maximized" style="blank"/> + <frame focus="yes" state="shaded" style="blank"/> + <frame focus="no" state="shaded" style="blank"/> + <frame focus="yes" state="maximized_and_shaded" style="blank"/> + <frame focus="no" state="maximized_and_shaded" style="blank"/> +</frame_style_set> + +<!-- windows --> + +<window type="normal" style_set="normal_style_set"/> +<window type="dialog" style_set="dialog_style_set"/> +<window type="modal_dialog" style_set="modal_dialog_style_set"/> +<window type="menu" style_set="utility_style_set"/> +<window type="utility" style_set="utility_style_set"/> +<window type="border" style_set="border_style_set"/> + +</metacity_theme> diff --git a/src/src/main/metacity-1/metacity-theme-3.xml b/src/src/main/metacity-1/metacity-theme-3.xml new file mode 100644 index 00000000..3dbfff8a --- /dev/null +++ b/src/src/main/metacity-1/metacity-theme-3.xml @@ -0,0 +1,648 @@ +<?xml version="1.0"?> +<metacity_theme> +<info> + <name>Orchis</name> + <author>vinceliucie</author> + <copyright>GPL</copyright> + <date>2021</date> + <description>Graphite Metacity theme</description> +</info> + +<!-- meaningful constants --> + +<constant name="C_titlebar_focused" value="gtk:custom(wm_bg,gtk:bg[NORMAL])"/> +<constant name="C_titlebar_unfocused" value="gtk:custom(wm_unfocused_bg,gtk:bg[NORMAL])"/> +<constant name="C_highlight_focused" value="gtk:custom(wm_highlight,gtk:base[NORMAL])"/> +<constant name="C_highlight_unfocused" value="gtk:custom(wm_highlight,gtk:base[NORMAL])"/> +<constant name="C_title_focused" value="gtk:custom(wm_title,gtk:fg[NORMAL])"/> +<constant name="C_title_unfocused" value="gtk:custom(wm_unfocused_title,gtk:fg[INSENSITIVE])"/> + +<!-- geometries --> + +<frame_geometry name="normal" title_scale="medium" rounded_top_left="4" rounded_top_right="4"> + <distance name="left_width" value="0"/> + <distance name="right_width" value="0"/> + <distance name="bottom_height" value="0"/> + <distance name="left_titlebar_edge" value="0"/> + <distance name="right_titlebar_edge" value="0"/> + <distance name="title_vertical_pad" value="12"/> + <border name="title_border" left="10" right="10" top="0" bottom="0"/> + <border name="button_border" left="0" right="0" top="0" bottom="0"/> + <aspect_ratio name="button" value="1"/> +</frame_geometry> + +<frame_geometry name="max" rounded_top_left="false" rounded_top_right="false" parent="normal"> + <distance name="left_width" value="0"/> + <distance name="right_width" value="0"/> + <distance name="bottom_height" value="0"/> +</frame_geometry> + +<frame_geometry name="tiled_left" parent="max"> + <distance name="right_width" value="0"/> +</frame_geometry> + +<frame_geometry name="tiled_right" parent="max"> + <distance name="left_width" value="0"/> +</frame_geometry> + +<frame_geometry name="nobuttons" hide_buttons="true" parent="normal"> +</frame_geometry> + +<frame_geometry name="modal" parent="normal"> +</frame_geometry> + +<frame_geometry name="small" title_scale="small" parent="normal"> + <distance name="title_vertical_pad" value="8"/> +</frame_geometry> + +<frame_geometry name="border" has_title="false" rounded_top_left="false" rounded_top_right="false" parent="normal"> + <distance name="left_width" value="0"/> + <distance name="right_width" value="0"/> + <distance name="bottom_height" value="0"/> + <distance name="title_vertical_pad" value="0"/> + <border name="title_border" left="10" right="10" top="0" bottom="0"/> + <border name="button_border" left="0" right="0" top="0" bottom="0"/> +</frame_geometry> + +<frame_geometry name="borderless" has_title="false" rounded_top_left="false" rounded_top_right="false" parent="normal"> + <distance name="left_width" value="0"/> + <distance name="right_width" value="0"/> + <distance name="bottom_height" value="0"/> + <distance name="title_vertical_pad" value="0"/> + <border name="button_border" left="0" right="0" top="0" bottom="0"/> + <border name="title_border" left="0" right="0" top="0" bottom="0"/> +</frame_geometry> + +<frame_geometry name="attached" hide_buttons="true" rounded_bottom_left="4" rounded_bottom_right="4" parent="normal"> + <distance name="title_vertical_pad" value="4"/> +</frame_geometry> + +<!-- drawing operations --> + +<!-- title --> + +<draw_ops name="title_focused"> + <title version="< 3.1" + x="(0 `max` ((width - title_width) / 2))" + y="(0 `max` ((height - title_height) / 2))" + color="C_title_focused"/> + <title version=">= 3.1" + x="(0 `max` ((frame_x_center - title_width / 2) `min` (width - title_width)))" + y="(0 `max` ((height - title_height) / 2))" + ellipsize_width="width" + color="C_title_focused"/> +</draw_ops> + +<draw_ops name="title_unfocused"> + <title version="< 3.1" + x="(0 `max` ((width - title_width) / 2))" + y="(0 `max` ((height - title_height) / 2))" + color="C_title_unfocused"/> + <title version=">= 3.1" + x="(0 `max` ((frame_x_center - title_width / 2) `min` (width - title_width)))" + y="(0 `max` ((height - title_height) / 2))" + ellipsize_width="width" + color="C_title_unfocused"/> +</draw_ops> + +<!-- window decorations --> + +<draw_ops name="entire_background_focused"> + <rectangle color="C_titlebar_focused" x="0" y="0" width="width" height="height" filled="true"/> +</draw_ops> + +<draw_ops name="entire_background_unfocused"> + <rectangle color="C_titlebar_unfocused" x="0" y="0" width="width" height="height" filled="true"/> +</draw_ops> + +<draw_ops name="highlight_focused"> + <line color="C_highlight_focused" x1="4" y1="0" x2="width - 5" y2="0"/> + <arc color="C_highlight_focused" x="0 - 1" y="0" width="13" height="13" start_angle="270" extent_angle="90"/> + <arc color="C_highlight_focused" x="width - 13" y="0" width="13" height="13" start_angle="0" extent_angle="90"/> +</draw_ops> + +<draw_ops name="highlight_unfocused"> + <line color="C_highlight_unfocused" x1="4" y1="0" x2="width - 5" y2="0"/> + <arc color="C_highlight_unfocused" x="0 - 1" y="0" width="13" height="13" start_angle="270" extent_angle="90"/> + <arc color="C_highlight_unfocused" x="width - 13" y="0" width="13" height="13" start_angle="0" extent_angle="90"/> +</draw_ops> + +<draw_ops name="titlebar_focused"> + <include name="entire_background_focused"/> + <include name="highlight_focused"/> +</draw_ops> + +<draw_ops name="titlebar_unfocused"> + <include name="entire_background_unfocused"/> + <include name="highlight_unfocused"/> +</draw_ops> + +<!-- button icons --> + +<!-- close --> + +<draw_ops name="close_focused"> + <image filename="assets/close.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_focused"/> +</draw_ops> + +<draw_ops name="close_focused_prelight"> + <include name="close_focused"/> +</draw_ops> + +<draw_ops name="close_focused_pressed"> + <include name="close_focused"/> +</draw_ops> + +<draw_ops name="close_unfocused"> + <image filename="assets/close.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_unfocused"/> +</draw_ops> + +<draw_ops name="close_unfocused_prelight"> + <include name="close_unfocused"/> +</draw_ops> + +<draw_ops name="close_unfocused_pressed"> + <include name="close_unfocused"/> +</draw_ops> + +<!-- maximize --> + +<draw_ops name="maximize_focused"> + <image filename="assets/maximize.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_focused"/> +</draw_ops> + +<draw_ops name="maximize_focused_prelight"> + <include name="maximize_focused"/> +</draw_ops> + +<draw_ops name="maximize_focused_pressed"> + <include name="maximize_focused"/> +</draw_ops> + +<draw_ops name="maximize_unfocused"> + <image filename="assets/maximize.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_unfocused"/> +</draw_ops> + +<draw_ops name="maximize_unfocused_prelight"> + <include name="maximize_unfocused"/> +</draw_ops> + +<draw_ops name="maximize_unfocused_pressed"> + <include name="maximize_unfocused"/> +</draw_ops> + +<!-- unmaximize --> + +<draw_ops name="unmaximize_focused"> + <image filename="assets/unmaximize.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_focused"/> +</draw_ops> + +<draw_ops name="unmaximize_focused_prelight"> + <include name="unmaximize_focused"/> +</draw_ops> + +<draw_ops name="unmaximize_focused_pressed"> + <include name="unmaximize_focused"/> +</draw_ops> + +<draw_ops name="unmaximize_unfocused"> + <image filename="assets/unmaximize.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_unfocused"/> +</draw_ops> + +<draw_ops name="unmaximize_unfocused_prelight"> + <include name="unmaximize_unfocused"/> +</draw_ops> + +<draw_ops name="unmaximize_unfocused_pressed"> + <include name="unmaximize_unfocused"/> +</draw_ops> + +<!-- minimize --> + +<draw_ops name="minimize_focused"> + <image filename="assets/minimize.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_focused"/> +</draw_ops> + +<draw_ops name="minimize_focused_prelight"> + <include name="minimize_focused"/> +</draw_ops> + +<draw_ops name="minimize_focused_pressed"> + <include name="minimize_focused"/> +</draw_ops> + +<draw_ops name="minimize_unfocused"> + <image filename="assets/minimize.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_unfocused"/> +</draw_ops> + +<draw_ops name="minimize_unfocused_prelight"> + <include name="minimize_unfocused"/> +</draw_ops> + +<draw_ops name="minimize_unfocused_pressed"> + <include name="minimize_unfocused"/> +</draw_ops> + +<!-- menu --> + +<draw_ops name="menu_focused"> + <image filename="assets/menu.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_focused"/> +</draw_ops> + +<draw_ops name="menu_focused_prelight"> + <include name="menu_focused"/> +</draw_ops> + +<draw_ops name="menu_focused_pressed"> + <include name="menu_focused"/> +</draw_ops> + +<draw_ops name="menu_unfocused"> + <image filename="assets/menu.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_unfocused"/> +</draw_ops> + +<draw_ops name="menu_unfocused_prelight"> + <include name="menu_unfocused"/> +</draw_ops> + +<draw_ops name="menu_unfocused_pressed"> + <include name="menu_unfocused"/> +</draw_ops> + +<!-- shade --> + +<draw_ops name="shade_focused"> + <image filename="assets/shade.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_focused"/> +</draw_ops> + +<draw_ops name="shade_focused_prelight"> + <include name="shade_focused"/> +</draw_ops> + +<draw_ops name="shade_focused_pressed"> + <include name="shade_focused"/> +</draw_ops> + +<draw_ops name="shade_unfocused"> + <image filename="assets/shade.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_unfocused"/> +</draw_ops> + +<draw_ops name="shade_unfocused_prelight"> + <include name="shade_unfocused"/> +</draw_ops> + +<draw_ops name="shade_unfocused_pressed"> + <include name="shade_unfocused"/> +</draw_ops> + +<!-- unshade --> + +<draw_ops name="unshade_focused"> + <image filename="assets/unshade.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_focused"/> +</draw_ops> + +<draw_ops name="unshade_focused_prelight"> + <include name="unshade_focused"/> +</draw_ops> + +<draw_ops name="unshade_focused_pressed"> + <include name="unshade_focused"/> +</draw_ops> + +<draw_ops name="unshade_unfocused"> + <image filename="assets/unshade.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_unfocused"/> +</draw_ops> + +<draw_ops name="unshade_unfocused_prelight"> + <include name="unshade_unfocused"/> +</draw_ops> + +<draw_ops name="unshade_unfocused_pressed"> + <include name="unshade_unfocused"/> +</draw_ops> + +<!-- appmenu --> + +<constant name="D_appmenu_icon_size" value="16"/> + +<draw_ops name="appmenu_focused"> + <icon + x="(width - D_appmenu_icon_size) / 2" y="(height - D_appmenu_icon_size) / 2" + width="D_appmenu_icon_size" height="D_appmenu_icon_size"/> +</draw_ops> + +<draw_ops name="appmenu_focused_prelight"> + <include name="appmenu_focused"/> +</draw_ops> + +<draw_ops name="appmenu_focused_pressed"> + <include name="appmenu_focused"/> +</draw_ops> + +<draw_ops name="appmenu_unfocused"> + <icon + x="(width - D_appmenu_icon_size) / 2" y="(height - D_appmenu_icon_size) / 2" + width="D_appmenu_icon_size" height="D_appmenu_icon_size" + alpha="0.7"/> +</draw_ops> + +<draw_ops name="appmenu_unfocused_prelight"> + <include name="appmenu_unfocused"/> +</draw_ops> + +<draw_ops name="appmenu_unfocused_pressed"> + <include name="appmenu_unfocused"/> +</draw_ops> + +<!-- button backgrounds --> + +<draw_ops name="button_focused"> +</draw_ops> + +<draw_ops name="button_focused_prelight"> + <image filename="assets/button.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.08" colorize="C_title_focused"/> +</draw_ops> + +<draw_ops name="button_focused_pressed"> + <image filename="assets/button.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.2" colorize="C_title_focused"/> +</draw_ops> + +<draw_ops name="button_unfocused"> +</draw_ops> + +<draw_ops name="button_unfocused_prelight"> + <image filename="assets/button.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.08" colorize="C_title_unfocused"/> +</draw_ops> + +<draw_ops name="button_unfocused_pressed"> + <image filename="assets/button.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.2" colorize="C_title_unfocused"/> +</draw_ops> + +<!-- frame styles --> + +<frame_style name="normal_focused" geometry="normal"> + <piece position="entire_background" draw_ops="entire_background_focused"/> + <piece position="titlebar" draw_ops="titlebar_focused"/> + <piece position="title" draw_ops="title_focused"/> + <button function="close" state="normal" draw_ops="close_focused"/> + <button function="close" state="prelight" draw_ops="close_focused_prelight"/> + <button function="close" state="pressed" draw_ops="close_focused_pressed"/> + <button function="maximize" state="normal" draw_ops="maximize_focused"/> + <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight"/> + <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed"/> + <button function="minimize" state="normal" draw_ops="minimize_focused"/> + <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight"/> + <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed"/> + <button function="menu" state="normal" draw_ops="menu_focused"/> + <button function="menu" state="prelight" draw_ops="menu_focused_prelight"/> + <button function="menu" state="pressed" draw_ops="menu_focused_pressed"/> + <button version=">= 3.5" function="appmenu" state="normal" draw_ops="appmenu_focused"/> + <button version=">= 3.5" function="appmenu" state="prelight" draw_ops="appmenu_focused_prelight"/> + <button version=">= 3.5" function="appmenu" state="pressed" draw_ops="appmenu_focused_pressed"/> + <button function="shade" state="normal" draw_ops="shade_focused"/> + <button function="shade" state="prelight" draw_ops="shade_focused_prelight"/> + <button function="shade" state="pressed" draw_ops="shade_focused_pressed"/> + <button function="unshade" state="normal" draw_ops="unshade_focused"/> + <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight"/> + <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed"/> + + <button function="left_middle_background" state="normal" draw_ops="button_focused"/> + <button function="left_middle_background" state="prelight" draw_ops="button_focused_prelight"/> + <button function="left_middle_background" state="pressed" draw_ops="button_focused_pressed"/> + <button function="right_middle_background" state="normal" draw_ops="button_focused"/> + <button function="right_middle_background" state="prelight" draw_ops="button_focused_prelight"/> + <button function="right_middle_background" state="pressed" draw_ops="button_focused_pressed"/> + + <button function="above" state="normal"><draw_ops></draw_ops></button> + <button function="above" state="pressed"><draw_ops></draw_ops></button> + <button function="unabove" state="normal"><draw_ops></draw_ops></button> + <button function="unabove" state="pressed"><draw_ops></draw_ops></button> + <button function="stick" state="normal"><draw_ops></draw_ops></button> + <button function="stick" state="pressed"><draw_ops></draw_ops></button> + <button function="unstick" state="normal"><draw_ops></draw_ops></button> + <button function="unstick" state="pressed"><draw_ops></draw_ops></button> +</frame_style> + +<frame_style name="normal_unfocused" geometry="normal"> + <piece position="entire_background" draw_ops="entire_background_unfocused"/> + <piece position="titlebar" draw_ops="titlebar_unfocused"/> + <piece position="title" draw_ops="title_unfocused"/> + <button function="close" state="normal" draw_ops="close_unfocused"/> + <button function="close" state="prelight" draw_ops="close_unfocused_prelight"/> + <button function="close" state="pressed" draw_ops="close_unfocused_pressed"/> + <button function="maximize" state="normal" draw_ops="maximize_unfocused"/> + <button function="maximize" state="prelight" draw_ops="maximize_unfocused_prelight"/> + <button function="maximize" state="pressed" draw_ops="maximize_unfocused_pressed"/> + <button function="minimize" state="normal" draw_ops="minimize_unfocused"/> + <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight"/> + <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed"/> + <button function="menu" state="normal" draw_ops="menu_unfocused"/> + <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight"/> + <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed"/> + <button version=">= 3.5" function="appmenu" state="normal" draw_ops="appmenu_unfocused"/> + <button version=">= 3.5" function="appmenu" state="prelight" draw_ops="appmenu_unfocused_prelight"/> + <button version=">= 3.5" function="appmenu" state="pressed" draw_ops="appmenu_unfocused_pressed"/> + <button function="shade" state="normal" draw_ops="shade_unfocused"/> + <button function="shade" state="prelight" draw_ops="shade_unfocused_prelight"/> + <button function="shade" state="pressed" draw_ops="shade_unfocused_pressed"/> + <button function="unshade" state="normal" draw_ops="unshade_unfocused"/> + <button function="unshade" state="prelight" draw_ops="unshade_unfocused_prelight"/> + <button function="unshade" state="pressed" draw_ops="unshade_unfocused_pressed"/> + + <button function="left_middle_background" state="normal" draw_ops="button_unfocused"/> + <button function="left_middle_background" state="prelight" draw_ops="button_unfocused_prelight"/> + <button function="left_middle_background" state="pressed" draw_ops="button_unfocused_pressed"/> + <button function="right_middle_background" state="normal" draw_ops="button_unfocused"/> + <button function="right_middle_background" state="prelight" draw_ops="button_unfocused_prelight"/> + <button function="right_middle_background" state="pressed" draw_ops="button_unfocused_pressed"/> + + <button function="above" state="normal"><draw_ops></draw_ops></button> + <button function="above" state="pressed"><draw_ops></draw_ops></button> + <button function="unabove" state="normal"><draw_ops></draw_ops></button> + <button function="unabove" state="pressed"><draw_ops></draw_ops></button> + <button function="stick" state="normal"><draw_ops></draw_ops></button> + <button function="stick" state="pressed"><draw_ops></draw_ops></button> + <button function="unstick" state="normal"><draw_ops></draw_ops></button> + <button function="unstick" state="pressed"><draw_ops></draw_ops></button> +</frame_style> + +<frame_style name="normal_max_focused" geometry="max" parent="normal_focused"> + <piece position="titlebar" draw_ops="entire_background_focused"/> + <button function="maximize" state="normal" draw_ops="unmaximize_focused"/> + <button function="maximize" state="pressed" draw_ops="unmaximize_focused_pressed"/> + <button function="maximize" state="prelight" draw_ops="unmaximize_focused_prelight"/> +</frame_style> + +<frame_style name="normal_max_unfocused" geometry="max" parent="normal_unfocused"> + <piece position="titlebar" draw_ops="entire_background_unfocused"/> + <button function="maximize" state="normal" draw_ops="unmaximize_unfocused"/> + <button function="maximize" state="pressed" draw_ops="unmaximize_unfocused_pressed"/> + <button function="maximize" state="prelight" draw_ops="unmaximize_unfocused_prelight"/> +</frame_style> + +<frame_style name="tiled_left_focused" geometry="tiled_left" parent="normal_focused"> + <piece position="titlebar" draw_ops="entire_background_focused"/> +</frame_style> + +<frame_style name="tiled_left_unfocused" geometry="tiled_left" parent="normal_unfocused"> + <piece position="titlebar" draw_ops="entire_background_unfocused"/> +</frame_style> + +<frame_style name="tiled_right_focused" geometry="tiled_right" parent="normal_focused"> + <piece position="titlebar" draw_ops="entire_background_focused"/> +</frame_style> + +<frame_style name="tiled_right_unfocused" geometry="tiled_right" parent="normal_unfocused"> + <piece position="titlebar" draw_ops="entire_background_unfocused"/> +</frame_style> + +<frame_style name="dialog_focused" geometry="modal" parent="normal_focused"> +</frame_style> + +<frame_style name="dialog_unfocused" geometry="modal" parent="normal_unfocused"> +</frame_style> + +<frame_style name="modal_dialog_focused" geometry="modal" parent="normal_focused"> +</frame_style> + +<frame_style name="modal_dialog_unfocused" geometry="modal" parent="normal_unfocused"> +</frame_style> + +<frame_style name="utility_focused" geometry="small" parent="normal_focused"> +</frame_style> + +<frame_style name="utility_unfocused" geometry="small" parent="normal_unfocused"> +</frame_style> + +<frame_style name="border_focused" geometry="border" parent="normal_focused"> +</frame_style> + +<frame_style name="border_unfocused" geometry="border" parent="normal_unfocused"> +</frame_style> + +<frame_style name="borderless_focused" geometry="borderless" parent="normal_focused"> +</frame_style> + +<frame_style name="borderless_unfocused" geometry="borderless" parent="normal_unfocused"> +</frame_style> + +<frame_style name="attached_focused" geometry="attached" parent="modal_dialog_focused"> +</frame_style> + +<frame_style name="attached_unfocused" geometry="attached" parent="modal_dialog_unfocused"> +</frame_style> + +<!-- placeholder for unimplementated styles--> + +<frame_style name="blank" geometry="normal"> + <button function="close" state="normal"><draw_ops></draw_ops></button> + <button function="close" state="pressed"><draw_ops></draw_ops></button> + <button function="maximize" state="normal"><draw_ops></draw_ops></button> + <button function="maximize" state="pressed"><draw_ops></draw_ops></button> + <button function="minimize" state="normal"><draw_ops></draw_ops></button> + <button function="minimize" state="pressed"><draw_ops></draw_ops></button> + <button function="menu" state="normal"><draw_ops></draw_ops></button> + <button function="menu" state="pressed"><draw_ops></draw_ops></button> + <button version=">= 3.5" function="appmenu" state="normal"><draw_ops></draw_ops></button> + <button version=">= 3.5" function="appmenu" state="pressed"><draw_ops></draw_ops></button> + <button function="shade" state="normal"><draw_ops></draw_ops></button> + <button function="shade" state="pressed"><draw_ops></draw_ops></button> + <button function="unshade" state="normal"><draw_ops></draw_ops></button> + <button function="unshade" state="pressed"><draw_ops></draw_ops></button> + <button function="above" state="normal"><draw_ops></draw_ops></button> + <button function="above" state="pressed"><draw_ops></draw_ops></button> + <button function="unabove" state="normal"><draw_ops></draw_ops></button> + <button function="unabove" state="pressed"><draw_ops></draw_ops></button> + <button function="stick" state="normal"><draw_ops></draw_ops></button> + <button function="stick" state="pressed"><draw_ops></draw_ops></button> + <button function="unstick" state="normal"><draw_ops></draw_ops></button> + <button function="unstick" state="pressed"><draw_ops></draw_ops></button> +</frame_style> + +<!-- frame style sets --> + +<frame_style_set name="normal_style_set"> + <frame focus="yes" state="normal" resize="both" style="normal_focused"/> + <frame focus="no" state="normal" resize="both" style="normal_unfocused"/> + <frame focus="yes" state="maximized" style="normal_max_focused"/> + <frame focus="no" state="maximized" style="normal_max_unfocused"/> + <frame focus="yes" state="shaded" style="normal_focused"/> + <frame focus="no" state="shaded" style="normal_unfocused"/> + <frame focus="yes" state="maximized_and_shaded" style="normal_max_focused"/> + <frame focus="no" state="maximized_and_shaded" style="normal_max_unfocused"/> + <frame version=">= 3.3" focus="yes" state="tiled_left" style="tiled_left_focused"/> + <frame version=">= 3.3" focus="no" state="tiled_left" style="tiled_left_unfocused"/> + <frame version=">= 3.3" focus="yes" state="tiled_right" style="tiled_right_focused"/> + <frame version=">= 3.3" focus="no" state="tiled_right" style="tiled_right_unfocused"/> + <frame version=">= 3.3" focus="yes" state="tiled_left_and_shaded" style="tiled_left_focused"/> + <frame version=">= 3.3" focus="no" state="tiled_left_and_shaded" style="tiled_left_unfocused"/> + <frame version=">= 3.3" focus="yes" state="tiled_right_and_shaded" style="tiled_right_focused"/> + <frame version=">= 3.3" focus="no" state="tiled_right_and_shaded" style="tiled_right_unfocused"/> +</frame_style_set> + +<frame_style_set name="dialog_style_set"> + <frame focus="yes" state="normal" resize="both" style="dialog_focused"/> + <frame focus="no" state="normal" resize="both" style="dialog_unfocused"/> + <frame focus="yes" state="maximized" style="blank"/> + <frame focus="no" state="maximized" style="blank"/> + <frame focus="yes" state="shaded" style="dialog_focused"/> + <frame focus="no" state="shaded" style="dialog_unfocused"/> + <frame focus="yes" state="maximized_and_shaded" style="blank"/> + <frame focus="no" state="maximized_and_shaded" style="blank"/> +</frame_style_set> + +<frame_style_set name="modal_dialog_style_set"> + <frame focus="yes" state="normal" resize="both" style="modal_dialog_focused"/> + <frame focus="no" state="normal" resize="both" style="modal_dialog_unfocused"/> + <frame focus="yes" state="maximized" style="blank"/> + <frame focus="no" state="maximized" style="blank"/> + <frame focus="yes" state="shaded" style="modal_dialog_focused"/> + <frame focus="no" state="shaded" style="modal_dialog_unfocused"/> + <frame focus="yes" state="maximized_and_shaded" style="blank"/> + <frame focus="no" state="maximized_and_shaded" style="blank"/> +</frame_style_set> + +<frame_style_set name="utility_style_set"> + <frame focus="yes" state="normal" resize="both" style="utility_focused"/> + <frame focus="no" state="normal" resize="both" style="utility_unfocused"/> + <frame focus="yes" state="maximized" style="blank"/> + <frame focus="no" state="maximized" style="blank"/> + <frame focus="yes" state="shaded" style="utility_focused"/> + <frame focus="no" state="shaded" style="utility_unfocused"/> + <frame focus="yes" state="maximized_and_shaded" style="blank"/> + <frame focus="no" state="maximized_and_shaded" style="blank"/> +</frame_style_set> + +<frame_style_set name="border_style_set"> + <frame focus="yes" state="normal" resize="both" style="border_focused"/> + <frame focus="no" state="normal" resize="both" style="border_unfocused"/> + <frame focus="yes" state="maximized" style="borderless_focused"/> + <frame focus="no" state="maximized" style="borderless_unfocused"/> + <frame focus="yes" state="shaded" style="blank"/> + <frame focus="no" state="shaded" style="blank"/> + <frame focus="yes" state="maximized_and_shaded" style="blank"/> + <frame focus="no" state="maximized_and_shaded" style="blank"/> +</frame_style_set> + +<frame_style_set name="attached_style_set"> + <frame focus="yes" state="normal" resize="both" style="attached_focused"/> + <frame focus="no" state="normal" resize="both" style="attached_unfocused"/> + <frame focus="yes" state="maximized" style="blank"/> + <frame focus="no" state="maximized" style="blank"/> + <frame focus="yes" state="shaded" style="blank"/> + <frame focus="no" state="shaded" style="blank"/> + <frame focus="yes" state="maximized_and_shaded" style="blank"/> + <frame focus="no" state="maximized_and_shaded" style="blank"/> +</frame_style_set> + +<!-- windows --> + +<window type="normal" style_set="normal_style_set"/> +<window type="dialog" style_set="dialog_style_set"/> +<window type="modal_dialog" style_set="modal_dialog_style_set"/> +<window type="menu" style_set="utility_style_set"/> +<window type="utility" style_set="utility_style_set"/> +<window type="border" style_set="border_style_set"/> +<window version=">= 3.2" type="attached" style_set="attached_style_set"/> + +</metacity_theme> diff --git a/src/src/main/plank/theme-dark/dock.theme b/src/src/main/plank/theme-dark/dock.theme new file mode 100644 index 00000000..1b749eb5 --- /dev/null +++ b/src/src/main/plank/theme-dark/dock.theme @@ -0,0 +1,64 @@ +#This file based on: +#https://git.launchpad.net/plank/tree/data/themes/Default/dock.theme + +[PlankTheme] +#The roundness of the top corners. +TopRoundness=12 +#The roundness of the bottom corners. +BottomRoundness=0 +#The thickness (in pixels) of lines drawn. +LineWidth=0 +#The color (RGBA) of the outer stroke. +OuterStrokeColor=0;;0;;0;;0 +#The starting color (RGBA) of the fill gradient. +FillStartColor=33;;33;;33;;255 +#The ending color (RGBA) of the fill gradient. +FillEndColor=33;;33;;33;;255 +#The color (RGBA) of the inner stroke. +InnerStrokeColor=0;;0;;0;;0 + +[PlankDockTheme] +#The padding on the left/right dock edges, in tenths of a percent of IconSize. +HorizPadding=1 +#The padding on the top dock edge, in tenths of a percent of IconSize. +TopPadding=2 +#The padding on the bottom dock edge, in tenths of a percent of IconSize. +BottomPadding=1 +#The padding between items on the dock, in tenths of a percent of IconSize. +ItemPadding=2 +#The size of item indicators, in tenths of a percent of IconSize. +IndicatorSize=5 +#The size of the icon-shadow behind every item, in tenths of a percent of IconSize. +IconShadowSize=0 +#The height (in percent of IconSize) to bounce an icon when the application sets urgent. +UrgentBounceHeight=1.6666666666666667 +#The height (in percent of IconSize) to bounce an icon when launching an application. +LaunchBounceHeight=0.625 +#The opacity value (0 to 1) to fade the dock to when hiding it. +FadeOpacity=1 +#The amount of time (in ms) for click animations. +ClickTime=0 +#The amount of time (in ms) to bounce an urgent icon. +UrgentBounceTime=600 +#The amount of time (in ms) to bounce an icon when launching an application. +LaunchBounceTime=600 +#The amount of time (in ms) for active window indicator animations. +ActiveTime=150 +#The amount of time (in ms) to slide icons into/out of the dock. +SlideTime=300 +#The time (in ms) to fade the dock in/out on a hide (if FadeOpacity is < 1). +FadeTime=250 +#The time (in ms) to slide the dock in/out on a hide (if FadeOpacity is 1). +HideTime=250 +#The size of the urgent glow (shown when dock is hidden), in tenths of a percent of IconSize. +GlowSize=30 +#The total time (in ms) to show the hidden-dock urgent glow. +GlowTime=10000 +#The time (in ms) of each pulse of the hidden-dock urgent glow. +GlowPulseTime=2000 +#The hue-shift (-180 to 180) of the urgent indicator color. +UrgentHueShift=150 +#The time (in ms) to move an item to its new position or its addition/removal to/from the dock. +ItemMoveTime=450 +#Whether background and icons will unhide/hide with different speeds. The top-border of both will leave/hit the screen-edge at the same time. +CascadeHide=true diff --git a/src/src/main/plank/theme-light/dock.theme b/src/src/main/plank/theme-light/dock.theme new file mode 100644 index 00000000..c24eb46e --- /dev/null +++ b/src/src/main/plank/theme-light/dock.theme @@ -0,0 +1,64 @@ +#This file based on: +#https://git.launchpad.net/plank/tree/data/themes/Default/dock.theme + +[PlankTheme] +#The roundness of the top corners. +TopRoundness=12 +#The roundness of the bottom corners. +BottomRoundness=0 +#The thickness (in pixels) of lines drawn. +LineWidth=0 +#The color (RGBA) of the outer stroke. +OuterStrokeColor=0;;0;;0;;0 +#The starting color (RGBA) of the fill gradient. +FillStartColor=242;;242;;242;;255 +#The ending color (RGBA) of the fill gradient. +FillEndColor=242;;242;;242;;255 +#The color (RGBA) of the inner stroke. +InnerStrokeColor=0;;0;;0;;0 + +[PlankDockTheme] +#The padding on the left/right dock edges, in tenths of a percent of IconSize. +HorizPadding=1 +#The padding on the top dock edge, in tenths of a percent of IconSize. +TopPadding=2 +#The padding on the bottom dock edge, in tenths of a percent of IconSize. +BottomPadding=1 +#The padding between items on the dock, in tenths of a percent of IconSize. +ItemPadding=2 +#The size of item indicators, in tenths of a percent of IconSize. +IndicatorSize=5 +#The size of the icon-shadow behind every item, in tenths of a percent of IconSize. +IconShadowSize=0 +#The height (in percent of IconSize) to bounce an icon when the application sets urgent. +UrgentBounceHeight=1.6666666666666667 +#The height (in percent of IconSize) to bounce an icon when launching an application. +LaunchBounceHeight=0.625 +#The opacity value (0 to 1) to fade the dock to when hiding it. +FadeOpacity=1 +#The amount of time (in ms) for click animations. +ClickTime=0 +#The amount of time (in ms) to bounce an urgent icon. +UrgentBounceTime=600 +#The amount of time (in ms) to bounce an icon when launching an application. +LaunchBounceTime=600 +#The amount of time (in ms) for active window indicator animations. +ActiveTime=150 +#The amount of time (in ms) to slide icons into/out of the dock. +SlideTime=300 +#The time (in ms) to fade the dock in/out on a hide (if FadeOpacity is < 1). +FadeTime=250 +#The time (in ms) to slide the dock in/out on a hide (if FadeOpacity is 1). +HideTime=250 +#The size of the urgent glow (shown when dock is hidden), in tenths of a percent of IconSize. +GlowSize=30 +#The total time (in ms) to show the hidden-dock urgent glow. +GlowTime=10000 +#The time (in ms) of each pulse of the hidden-dock urgent glow. +GlowPulseTime=2000 +#The hue-shift (-180 to 180) of the urgent indicator color. +UrgentHueShift=150 +#The time (in ms) to move an item to its new position or its addition/removal to/from the dock. +ItemMoveTime=450 +#Whether background and icons will unhide/hide with different speeds. The top-border of both will leave/hit the screen-edge at the same time. +CascadeHide=true diff --git a/src/src/main/xfwm4/themerc b/src/src/main/xfwm4/themerc new file mode 100644 index 00000000..7ba21615 --- /dev/null +++ b/src/src/main/xfwm4/themerc @@ -0,0 +1,23 @@ +button_offset=16 +button_spacing=0 + +show_app_icon=false + +full_width_title=true + +title_shadow_active=false +title_shadow_inactive=false + +title_horizontal_offset=3 + +active_text_color=#afafaf +active_text_shadow_color=#252525 + +inactive_text_color=#808080 +inactive_text_shadow_color=#252525 + +shadow_delta_height=2 +shadow_delta_width=0 +shadow_delta_x=0 +shadow_delta_y=-5 +shadow_opacity=40 diff --git a/src/src/main/xfwm4/themerc-light b/src/src/main/xfwm4/themerc-light new file mode 100644 index 00000000..4e57552e --- /dev/null +++ b/src/src/main/xfwm4/themerc-light @@ -0,0 +1,23 @@ +button_offset=16 +button_spacing=0 + +show_app_icon=false + +full_width_title=true + +title_shadow_active=false +title_shadow_inactive=false + +title_horizontal_offset=3 + +active_text_color=#707070 +active_text_shadow_color=#e7e7e7 + +inactive_text_color=#979797 +inactive_text_shadow_color=#e7e7e7 + +shadow_delta_height=2 +shadow_delta_width=0 +shadow_delta_x=0 +shadow_delta_y=-5 +shadow_opacity=40 diff --git a/src/src/sass/_color-palette.scss b/src/src/sass/_color-palette.scss new file mode 100644 index 00000000..4b9b3b73 --- /dev/null +++ b/src/src/sass/_color-palette.scss @@ -0,0 +1,300 @@ +// Based on 2014 Material Design color palettes: +// https://material.io/design/color/#tools-for-picking-colors + +// Red +$red-50: #E38C8F; +$red-100: #E38C8F; +$red-200: #E38C8F; +$red-300: #E38C8F; +$red-400: #E38C8F; +$red-500: #E38C8F; +$red-600: #E38C8F; +$red-700: #E38C8F; +$red-800: #E38C8F; +$red-900: #E38C8F; +$red-a100: #E38C8F; +$red-a200: #E38C8F; +$red-a400: #E38C8F; +$red-a700: #E38C8F; + +// Pink +$pink-50: #E5B4E2; +$pink-100: #E5B4E2; +$pink-200: #E5B4E2; +$pink-300: #E5B4E2; +$pink-400: #E5B4E2; +$pink-500: #E5B4E2; +$pink-600: #E5B4E2; +$pink-700: #E5B4E2; +$pink-800: #E5B4E2; +$pink-900: #E5B4E2; +$pink-a100: #E5B4E2; +$pink-a200: #E5B4E2; +$pink-a400: #E5B4E2; +$pink-a700: #E5B4E2; + +// Purple +$purple-50: #C6AAE8; +$purple-100: #C6AAE8; +$purple-200: #C6AAE8; +$purple-300: #C6AAE8; +$purple-400: #C6AAE8; +$purple-500: #C6AAE8; +$purple-600: #C6AAE8; +$purple-700: #C6AAE8; +$purple-800: #C6AAE8; +$purple-900: #C6AAE8; +$purple-a100: #C6AAE8; +$purple-a200: #C6AAE8; +$purple-a400: #C6AAE8; +$purple-a700: #C6AAE8; + +// Deep Purple +$deep-purple-50: #C6AAE8; +$deep-purple-100: #C6AAE8; +$deep-purple-200: #C6AAE8; +$deep-purple-300: #C6AAE8; +$deep-purple-400: #C6AAE8; +$deep-purple-500: #C6AAE8; +$deep-purple-600: #C6AAE8; +$deep-purple-700: #C6AAE8; +$deep-purple-800: #C6AAE8; +$deep-purple-900: #C6AAE8; +$deep-purple-a100: #C6AAE8; +$deep-purple-a200: #C6AAE8; +$deep-purple-a400: #C6AAE8; +$deep-purple-a700: #C6AAE8; + +// Indigo +$indigo-50: #C6AAE8; +$indigo-100: #C6AAE8; +$indigo-200: #9FA8DA; +$indigo-300: #7986CB; +$indigo-400: #5C6BC0; +$indigo-500: #3F51B5; +$indigo-600: #3949AB; +$indigo-700: #303F9F; +$indigo-800: #283593; +$indigo-900: #1A237E; +$indigo-a100: #8C9EFF; +$indigo-a200: #536DFE; +$indigo-a400: #3D5AFE; +$indigo-a700: #304FFE; + +// Blue +$blue-50: #E3F2FD; +$blue-100: #BBDEFB; +$blue-200: #90CAF9; +$blue-300: #64B5F6; +$blue-400: #42A5F5; +$blue-500: #2196F3; +$blue-600: #1E88E5; +$blue-700: #1976D2; +$blue-800: #1565C0; +$blue-900: #0D47A1; +$blue-a100: #82B1FF; +$blue-a200: #448AFF; +$blue-a400: #2979FF; +$blue-a700: #2962FF; + +// Light Blue +$light-blue-50: #E1F5FE; +$light-blue-100: #B3E5FC; +$light-blue-200: #81D4FA; +$light-blue-300: #4FC3F7; +$light-blue-400: #29B6F6; +$light-blue-500: #03A9F4; +$light-blue-600: #039BE5; +$light-blue-700: #0288D1; +$light-blue-800: #0277BD; +$light-blue-900: #01579B; +$light-blue-a100: #80D8FF; +$light-blue-a200: #40C4FF; +$light-blue-a400: #00B0FF; +$light-blue-a700: #0091EA; + +// Cyan +$cyan-50: #E0F7FA; +$cyan-100: #B2EBF2; +$cyan-200: #80DEEA; +$cyan-300: #4DD0E1; +$cyan-400: #26C6DA; +$cyan-500: #00BCD4; +$cyan-600: #00ACC1; +$cyan-700: #0097A7; +$cyan-800: #00838F; +$cyan-900: #006064; +$cyan-a100: #84FFFF; +$cyan-a200: #18FFFF; +$cyan-a400: #00E5FF; +$cyan-a700: #00B8D4; + +// Teal +$teal-50: #E0F2F1; +$teal-100: #B2DFDB; +$teal-200: #80CBC4; +$teal-300: #4DB6AC; +$teal-400: #26A69A; +$teal-500: #009688; +$teal-600: #00897B; +$teal-700: #00796B; +$teal-800: #00695C; +$teal-900: #004D40; +$teal-a100: #A7FFEB; +$teal-a200: #64FFDA; +$teal-a400: #1DE9B6; +$teal-a700: #00BFA5; + +// Green +$green-50: #E8F5E9; +$green-100: #C8E6C9; +$green-200: #A5D6A7; +$green-300: #81C784; +$green-400: #66BB6A; +$green-500: #4CAF50; +$green-600: #43A047; +$green-700: #388E3C; +$green-800: #2E7D32; +$green-900: #1B5E20; +$green-a100: #B9F6CA; +$green-a200: #69F0AE; +$green-a400: #00E676; +$green-a700: #00C853; + +// Light Green +$light-green-50: #F1F8E9; +$light-green-100: #DCEDC8; +$light-green-200: #C5E1A5; +$light-green-300: #AED581; +$light-green-400: #9CCC65; +$light-green-500: #8BC34A; +$light-green-600: #7CB342; +$light-green-700: #689F38; +$light-green-800: #558B2F; +$light-green-900: #33691E; +$light-green-a100: #CCFF90; +$light-green-a200: #B2FF59; +$light-green-a400: #76FF03; +$light-green-a700: #64DD17; + +// Lime +$lime-50: #F9FBE7; +$lime-100: #F0F4C3; +$lime-200: #E6EE9C; +$lime-300: #DCE775; +$lime-400: #D4E157; +$lime-500: #CDDC39; +$lime-600: #C0CA33; +$lime-700: #AFB42B; +$lime-800: #9E9D24; +$lime-900: #827717; +$lime-a100: #F4FF81; +$lime-a200: #EEFF41; +$lime-a400: #C6FF00; +$lime-a700: #AEEA00; + +// Yellow +$yellow-50: #FFFDE7; +$yellow-100: #FFF9C4; +$yellow-200: #FFF59D; +$yellow-300: #FFF176; +$yellow-400: #FFEE58; +$yellow-500: #FFEB3B; +$yellow-600: #FDD835; +$yellow-700: #FBC02D; +$yellow-800: #F9A825; +$yellow-900: #F57F17; +$yellow-a100: #FFFF8D; +$yellow-a200: #FFFF00; +$yellow-a400: #FFEA00; +$yellow-a700: #FFD600; + +// Amber +$amber-50: #FFF8E1; +$amber-100: #FFECB3; +$amber-200: #FFE082; +$amber-300: #FFD54F; +$amber-400: #FFCA28; +$amber-500: #FFC107; +$amber-600: #FFB300; +$amber-700: #FFA000; +$amber-800: #FF8F00; +$amber-900: #FF6F00; +$amber-a100: #FFE57F; +$amber-a200: #FFD740; +$amber-a400: #FFC400; +$amber-a700: #FFAB00; + +// Orange +$orange-50: #FFF3E0; +$orange-100: #FFE0B2; +$orange-200: #FFCC80; +$orange-300: #FFB74D; +$orange-400: #FFA726; +$orange-500: #FF9800; +$orange-600: #FB8C00; +$orange-700: #F57C00; +$orange-800: #EF6C00; +$orange-900: #E65100; +$orange-a100: #FFD180; +$orange-a200: #FFAB40; +$orange-a400: #FF9100; +$orange-a700: #FF6D00; + +// Deep Orange +$deep-orange-50: #FBE9E7; +$deep-orange-100: #FFCCBC; +$deep-orange-200: #FFAB91; +$deep-orange-300: #FF8A65; +$deep-orange-400: #FF7043; +$deep-orange-500: #FF5722; +$deep-orange-600: #F4511E; +$deep-orange-700: #E64A19; +$deep-orange-800: #D84315; +$deep-orange-900: #BF360C; +$deep-orange-a100: #FF9E80; +$deep-orange-a200: #FF6E40; +$deep-orange-a400: #FF3D00; +$deep-orange-a700: #DD2C00; + +// Brown +$brown-50: #EFEBE9; +$brown-100: #D7CCC8; +$brown-200: #BCAAA4; +$brown-300: #A1887F; +$brown-400: #8D6E63; +$brown-500: #795548; +$brown-600: #6D4C41; +$brown-700: #5D4037; +$brown-800: #4E342E; +$brown-900: #3E2723; + +// Grey +$grey-50: #FAFAFA; +$grey-100: #F5F5F5; +$grey-200: #EEEEEE; +$grey-300: #E0E0E0; +$grey-400: #BDBDBD; +$grey-500: #9E9E9E; +$grey-600: #757575; +$grey-700: #616161; +$grey-800: #424242; +$grey-900: #333333; + +// Blue Grey +$blue-grey-50: #ECEFF1; +$blue-grey-100: #CFD8DC; +$blue-grey-200: #B0BEC5; +$blue-grey-300: #90A4AE; +$blue-grey-400: #78909C; +$blue-grey-500: #607D8B; +$blue-grey-600: #546E7A; +$blue-grey-700: #455A64; +$blue-grey-800: #37474F; +$blue-grey-900: #263238; + +// Black +$black: #15121C; + +// White +$white: #DADAE8; diff --git a/src/src/sass/_colors.scss b/src/src/sass/_colors.scss new file mode 100644 index 00000000..363f7da1 --- /dev/null +++ b/src/src/sass/_colors.scss @@ -0,0 +1,232 @@ +// When color definition differs for dark and light variant, +// it gets @if ed depending on $variant + +@import 'tweaks-temp'; +@import 'color-palette'; + +@function gtkalpha($c, $a) { + @return unquote("alpha(#{$c}, #{$a})"); +} + +@function on($color, $state: 'primary') { + // Allow 'light' or 'dark' to $color + @if ($color == 'light') { $color: #DADAE8; } + @if ($color == 'dark') { $color: #15121C; } + + // Calculate color brightness according to https://www.w3.org/TR/AERT/#color-contrast + $brightness: (red($color) * 299 + green($color) * 587 + blue($color) * 114) / 1000; + + @if ($brightness >= 156) { + @if ($state == 'primary') { @return rgba(black, 0.87); } + @if ($state == 'secondary') { @return rgba(black, 0.6); } + @if ($state == 'disabled') { @return rgba(black, 0.38); } + @if ($state == 'secondary-disabled') { @return rgba(black, 0.26); } + @if ($state == 'track') { @return rgba(black, 0.26); } + @if ($state == 'track-disabled') { @return rgba(black, 0.12); } + @if ($state == 'divider') { @return rgba(black, 0.12); } + @if ($state == 'secondary-fill') { @return rgba(black, 0.08); } + @if ($state == 'fill') { @return rgba(black, 0.04); } + } @else { + @if ($state == 'primary') { @return white; } + @if ($state == 'secondary') { @return rgba(white, 0.7); } + @if ($state == 'disabled') { @return rgba(white, 0.5); } + @if ($state == 'secondary-disabled') { @return rgba(white, 0.3); } + @if ($state == 'track') { @return rgba(white, 0.3); } + @if ($state == 'track-disabled') { @return rgba(white, 0.12); } + @if ($state == 'divider') { @return rgba(white, 0.12); } + @if ($state == 'secondary-fill') { @return rgba(white, 0.08); } + @if ($state == 'fill') { @return rgba(white, 0.04); } + } +} + +@function highlight($color) { + @if (lightness($color) >= 80%) { @return rgba(white, 0.15); } + @else if (lightness($color) >= 40%) { @return rgba(white, 0.2); } + @else { @return rgba(white, 0.1); } +} + +@function theme($color) { + @if ($color_type == 'nord') { + @if ($theme == 'grey') { + @if ($variant == 'light') { @return #3b4252; } + @else { @return #e5e9f0; } + } + @if ($theme == 'default') { @return #5e81ac; } + @if ($theme == 'purple') { @return #b57daa; } + @if ($theme == 'pink') { @return #cd7092; } + @if ($theme == 'red') { @return #c35b65; } + @if ($theme == 'orange') { @return #d0846c; } + @if ($theme == 'yellow') { @return #e4b558; } + @if ($theme == 'green') { @return #82ac5d; } + @if ($theme == 'teal') { @return #83b9b8; } + } @else { + @if ($variant == 'light') { + @if ($theme == 'default') { @return #3c84f7; } + @if ($theme == 'purple') { @return $purple-400; } + @if ($theme == 'pink') { @return $pink-400; } + @if ($theme == 'red') { @return $red-600; } + @if ($theme == 'orange') { @return $orange-700; } + @if ($theme == 'yellow') { @return $yellow-700; } + @if ($theme == 'green') { @return $green-500; } + @if ($theme == 'teal') { @return $teal-500; } + @if ($theme == 'grey') { @return $grey-900; } + } @else { + @if ($theme == 'default') { @return #A4B9EF; } + @if ($theme == 'purple') { @return #C6AAE8; } + @if ($theme == 'pink') { @return #E5B4E2; } + @if ($theme == 'red') { @return #E38C8F; } + @if ($theme == 'orange') { @return #F9C096; } + @if ($theme == 'yellow') { @return #EBDDAA; } + @if ($theme == 'green') { @return #B1E3AD; } + @if ($theme == 'teal') { @return #BEE4ED; } + @if ($theme == 'grey') { @return #6E6C7E; } + } + } +} + +@function background($type) { + @if ($color_type == 'nord') { + @if ($type == 'a') { @return #ffffff; } + @if ($type == 'b') { @return #f8fafc; } + @if ($type == 'c') { @return #f2f4f8; } + @if ($type == 'd') { @return #d8dee9; } + @if ($type == 'e') { @return #21232c; } + @if ($type == 'f') { @return #252632; } + @if ($type == 'g') { @return #2f3241; } + @if ($type == 'h') { @return #3c4153; } + } + @if ($color_type == 'blackness') { + @if ($type == 'a') { @return #DADAE8; } + @if ($type == 'b') { @return #DADAE8; } + @if ($type == 'c') { @return #DADAE8; } + @if ($type == 'd') { @return #C3BAC6; } + @if ($type == 'e') { @return #15121C; } + @if ($type == 'f') { @return #1B1923; } + @if ($type == 'g') { @return #1E1E28; } + @if ($type == 'h') { @return #332E41; } + } + @if ($color_type == 'default') { + @if ($type == 'a') { @return #DADAE8; } + @if ($type == 'b') { @return #DADAE8; } + @if ($type == 'c') { @return #DADAE8; } + @if ($type == 'd') { @return #C3BAC6; } + @if ($type == 'e') { @return #15121C; } + @if ($type == 'f') { @return #1B1923; } + @if ($type == 'g') { @return #1E1E28; } + @if ($type == 'h') { @return #332E41; } + } +} + +@function overlay($color, $state: 'normal') { + @if ($state == 'normal') { @return rgba(on($color), 0.06); } + @if ($state == 'hover') { @return rgba(on($color), 0.12); } + @if ($state == 'focus') { @return rgba(on($color), 0.08); } + @if ($state == 'active') { @return rgba(on($color), 0.20); } + @if ($state == 'checked') { @return rgba(on($color), 0.15); } + @if ($state == 'selected') { @return rgba(on($color), 0.1); } +} + +// +// Basic colors +// + +$primary: theme(color); +$drop_target_color: $deep-orange-400; +$indicator: theme(color); +$titlebar-indicator: if($variant == 'dark', currentColor, $primary); +$inverse-indicator: if($theme == 'grey', white, $primary); +$applet-primary: if($topbar == 'dark' and $theme == 'grey' and $variant == 'light', #DDDDDD, $primary); + +$background: if($variant == 'light', background(a), background(g)); +$surface: if($variant == 'light', background(a), background(h)); +$base: if($variant == 'light', background(a), background(g)); +$base-alt: if($variant == 'light', background(b), background(f)); + +$tooltip: if($variant == 'dark', rgba(darken(background(e), 3%), 0.9), rgba(darken(background(h), 3%), 0.9)); +$osd: background(e); +$scrim: background(f); +$scrim-alt: background(g); +$scrim-inverse: rgba(white, 0.1); +$titlebar: if($topbar == 'dark', background(f), background(b)); +$titlebar-backdrop: if($topbar == 'dark', background(g), background(a)); +$titlebar-primary: if($topbar == 'dark' and $theme == 'grey' and $variant == 'light', lighten($primary, 15%), $primary); +$popover: $base; +$panel-solid: if($topbar == 'dark', background(e), background(c)); // for Unity panel which doesn't allow translucent colors +$panel: rgba($panel-solid, $panel_opacity); + +$button: if($variant == 'dark', on($background, secondary-fill), on($background, fill)); +$entry: if($variant == 'dark', on($background, secondary-fill), on($background, fill)); + +// +// Misc colors +// + +$link: #A4B9EF; +$link-visited: if($variant == 'light', #C6AAE8, #C6AAE8); + +$warning: if($variant == 'light', #EBDDAA, #EBDDAA); +$error: if($variant == 'light', #E38C8F, #E38C8F); +$success: if($variant == 'light', #B1E3AD, #B1E3AD); + +$suggested: $primary; +$destructive: $error; + +$frame: if($variant == 'light', rgba(black, 0.12), rgba(black, 0.20)); +$border: if($variant == 'light', rgba(black, 0.12), rgba(white, 0.12)); +$window-border: if($variant == 'light', rgba(black, 0.12), rgba(black, 0.75)); +$solid-border: if($variant == 'light', darken($background, 12%), lighten($background, 12%)); +$border-alt: rgba(black, 0.16); // darker border color for Chrome and Firefox + +// +// Overlay state colors +// + +$overlay-normal: gtkalpha(currentColor, 0.05); +$overlay-hover: gtkalpha(currentColor, 0.08); +$overlay-focus: gtkalpha(currentColor, 0.08); +$overlay-focus-hover: gtkalpha(currentColor, 0.16); +$overlay-active: gtkalpha(currentColor, 0.12); +$overlay-checked: gtkalpha(currentColor, 0.10); +$overlay-selected: gtkalpha(currentColor, 0.06); + +// +// Text and derivative colors +// + +$text: on($background); +$text-secondary: on($background, secondary); +$text-disabled: on($background, disabled); +$text-secondary-disabled: on($background, secondary-disabled); +$track: on($background, track); +$track-disabled: on($background, track-disabled); +$divider: on($background, divider); +$fill: on($background, fill); + +$titlebar-text: on($titlebar); +$titlebar-text-secondary: on($titlebar, secondary); +$titlebar-text-disabled: on($titlebar, disabled); +$titlebar-text-secondary-disabled: on($titlebar, secondary-disabled); +$titlebar-track: on($titlebar, track); +$titlebar-track-disabled: on($titlebar, track-disabled); +$titlebar-divider: on($titlebar, divider); +$titlebar-fill: on($titlebar, fill); + +$panel-text: on($panel); +$panel-text-secondary: on($panel, secondary); +$panel-text-disabled: on($panel, disabled); +$panel-text-secondary-disabled: on($panel, secondary-disabled); +$panel-track: on($panel, track); +$panel-track-disabled: on($panel, track-disabled); +$panel-divider: on($panel, divider); +$panel-fill: on($panel, fill); + + +// Titlebutton colors + +$titlebutton-close: if($theme == 'grey', $applet-primary, if($color_type == 'nord', #E38C8F, #E38C8F)); +$titlebutton-max: if($theme == 'grey', $applet-primary, if($color_type == 'nord', #B1E3AD, #B1E3AD)); +$titlebutton-min: if($theme == 'grey', $applet-primary, if($color_type == 'nord', #EBDDAA, #EBDDAA)); + +// workaround for GTK3 @placeholder_text_color which doesn't allow translucent colors + +$placeholder_text_color: if($variant == 'light', mix(black, $base, percentage(0.6)), mix(white, $base, percentage(0.7))); diff --git a/src/src/sass/_tweaks-temp.scss b/src/src/sass/_tweaks-temp.scss new file mode 100644 index 00000000..2ec70295 --- /dev/null +++ b/src/src/sass/_tweaks-temp.scss @@ -0,0 +1,26 @@ +// transparent opacity +$opacity: 'default'; + +// Theme primary color +$theme: 'yellow'; + +// Theme size +$compact: 'true'; + +// Theme translucent +$translucent: 'false'; + +// Panel translucent opacity +$panel_opacity: 1.0; + +// Blackness style +$blackness: 'false'; + +// Theme color type : default/nord/blackness +$color_type: 'default'; + +// Windows outline style +$rimless: 'true'; + +// Windows button style : mac/normal +$window_button: 'mac'; diff --git a/src/src/sass/_tweaks.scss b/src/src/sass/_tweaks.scss new file mode 100644 index 00000000..c4f74d42 --- /dev/null +++ b/src/src/sass/_tweaks.scss @@ -0,0 +1,26 @@ +// transparent opacity +$opacity: 'default'; + +// Theme primary color +$theme: 'default'; + +// Theme size +$compact: 'false'; + +// Theme translucent +$translucent: 'false'; + +// Panel translucent opacity +$panel_opacity: 1.0; + +// Blackness style +$blackness: 'false'; + +// Theme color type : default/nord/blackness +$color_type: 'default'; + +// Windows outline style +$rimless: 'false'; + +// Windows button style : mac/normal +$window_button: 'mac'; diff --git a/src/src/sass/_variables.scss b/src/src/sass/_variables.scss new file mode 100644 index 00000000..50175c12 --- /dev/null +++ b/src/src/sass/_variables.scss @@ -0,0 +1,85 @@ +@import 'tweaks-temp'; + +$asset-suffix: if($variant == 'dark', '-dark', ''); + +// +// Sizes +// + +$space-size: if($compact == 'false', 6px, 4px); + +$small-size: if($compact == 'false', 24px, 22px); +$medium-size: if($compact == 'false', 36px, 32px); +$large-size: if($compact == 'false', 48px, 40px); + +$menuitem-size: if($compact == 'false', 28px, 24px); + +$root-font-size: if($compact == 'false', 14px, 13px); + +// +// Radii +// + +$window-radius: 12px; +$modal-radius: 6px; +$corner-radius: 6px; +$menu-radius: $corner-radius + $space-size; +$circular-radius: 9999px; + +// +// Durations +// + +$duration: 75ms; +$ripple-fade-in-duration: 225ms; +$ripple-fade-out-duration: 300ms; +$ripple-fade-out-opacity-duration: 1200ms; + +// +// Timing functions +// + +$ease: cubic-bezier(0.4, 0.0, 0.2, 1); +$ease-out: cubic-bezier(0.0, 0.0, 0.2, 1); +$ease-in: cubic-bezier(0.4, 0.0, 1, 1); +$ease-in-out: cubic-bezier(0.4, 0.0, 0.6, 1); + +// +// Transition shorthands +// + +$transition: all $duration $ease-out; +$transition-shadow: box-shadow $duration $ease-out; + +// +// Shadows +// + +$shadow-z1: + 0 2px 2px -2px rgba(black, 0.3), + 0 1px 2px -1px rgba(black, 0.24), + 0 1px 2px -.6px rgba(black, 0.17); +$shadow-z2: + 0 3px 2px -3px rgba(black, 0.2), + 0 2px 2px -1px rgba(black, 0.24), + 0 1px 3px 0 rgba(black, 0.12); +$shadow-z3: + 0 3px 2px -2px rgba(black, 0.05), + 0 2px 3px -1px rgba(black, 0.06), + 0 1px 4px 0 rgba(black, 0.05); +$shadow-z4: + 0 2px 3px -1px rgba(black, 0.15), + 0 4px 3px 0 rgba(black, 0.18), + 0 1px 6px 0 rgba(black, 0.12); +$shadow-z5: + 0 2px 3px -1px rgba(black, 0.05), + 0 4px 6px 0 rgba(black, 0.06), + 0 1px 10px 0 rgba(black, 0.05); +$shadow-z12: + 0 7px 5px -4px rgba(black, 0.2), + 0 12px 10px 2px rgba(black, 0.14), + 0 5px 13px 4px rgba(black, 0.12); +$shadow-z16: + 0 8px 6px -5px rgba(black, 0.2), + 0 16px 15px 2px rgba(black, 0.14), + 0 6px 18px 5px rgba(black, 0.12); diff --git a/src/src/sass/cinnamon/_common.scss b/src/src/sass/cinnamon/_common.scss new file mode 100644 index 00000000..c6a88e20 --- /dev/null +++ b/src/src/sass/cinnamon/_common.scss @@ -0,0 +1,2019 @@ + +// +// Globals +// + +$asset_path: assets; +$font-size: 9; +$panel_bg: rgba($panel-solid, 0.75); +$panel_fg: on($panel-solid, secondary); + +stage { + @include fontsize($font-size); + color: $text; +} + +.label-shadow { + color: rgba(0, 0, 0, 0); +} + +%reset_style { + background-color: transparent !important; + background-gradient-direction: none !important; + border: none !important; + border-radius: 0 !important; +} + +// +// Buttons +// +%button { + min-height: 24px; + padding: 5px 32px; + transition-duration: 100ms; + border-radius: $corner-radius; + @include button(normal); + + &:focus { @include button(focus); border-radius: $corner-radius; } + &:hover { @include button(hover); border-radius: $corner-radius; } + &:hover:focus { @include button(focus-hover); border-radius: $corner-radius; } + &:active, &:active:focus { @include button(active); border-radius: $corner-radius; } + &:insensitive { @include button(insensitive); border-radius: $corner-radius; } +} + +%flat_button { + border-radius: $corner-radius; + @include button(flat); + + &:hover { @include button(flat-hover); border-radius: $corner-radius; } + &:active { @include button(flat-active); border-radius: $corner-radius; } + &:insensitive { @include button(flat-insensitive); border-radius: $corner-radius; } +} + +%osd_button { + min-height: 24px; + padding: $space-size $space-size*5; + transition-duration: 100ms; + border-radius: $corner-radius; + + @include button(osd); + + &:hover { @include button(osd-hover); } + &:focus { color: $primary; } + &:active { @include button(osd-active); } + &:insensitive { @include button(osd-insensitive); } +} + +// +// Entries +// +%entry { + padding: $space-size/2 $space-size*2; + min-height: $small-size; + caret-size: 1px; + selection-background-color: $primary; + selected-color: on($primary); + transition-duration: 300ms; + border-radius: $corner-radius; + @include entry(normal); + + &:focus, &:hover { @include entry(focus); } + &:insensitive { @include entry(insensitive); } + + StIcon.capslock-warning { + icon-size: 16px; + warning-color: $warning; + padding: 0 $space-size; + } +} + +%osd_entry { + padding: $space-size / 2 $space-size * 2; + caret-size: 1px; + caret-color: on($tooltip); + selection-background-color: $primary; + selected-color: on($primary); + transition-duration: 300ms; + border-radius: $corner-radius; + + @include entry(osd); + + &:focus { @include entry(osd-focus); } + &:insensitive { @include entry(osd-insensitive); } +} + +// +// Scrollbars +// +StScrollView { + &.vfade { -st-vfade-offset: 0px; } + &.hfade { -st-hfade-offset: 0px; } +} + +StScrollBar { + padding: 8px; + + StScrollView & { + min-width: 5px; + min-height: 5px; + } + + StBin#trough { + background-color: transparentize($base, 0.9); + border-radius: $circular-radius; + } + + StButton#vhandle, StButton#hhandle { + border-radius: $circular-radius; + background-color: mix($text, $background, 40%); + border: 0px solid; + margin: 0px; + + &:hover { background-color: mix($text, $background, 30%); } + + &:active { background-color: $primary; } + } +} + +.separator { + -gradient-height: 1px; + -gradient-start: rgba(0,0,0,0); + -gradient-end: rgba(0,0,0,0); + -margin-horizontal: 1.5em; + height: 1em; +} + +// +// Slider +// +.popup-slider-menu-item, +.slider { + -slider-height: 4px; + -slider-background-color: $divider; //background of the trough + -slider-border-color: transparent; //trough border color + -slider-active-background-color: $primary; //active trough fill + -slider-active-border-color: transparent; //active trough border + -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; + + // .popup-menu-item:active & { + // -slider-background-color: transparentize(black, 0.8); + // -slider-active-background-color: on($primary); + // } +} + +// +// Check Boxes +// +.check-box { + CinnamonGenericContainer { + spacing: .2em; + min-height: 30px; + padding-top: 2px; + } + + StLabel { font-weight: normal; } + + StBin { + width: 24px; + height: 24px; + } + + StBin, &:focus StBin { background-image: url("#{$asset_path}/checkbox-off.svg"); } + + @if $variant == 'dark' and $theme == 'default' { + &:checked StBin, &:focus:checked StBin { background-image: url("#{$asset_path}/checkbox-dark.svg"); } + } @else { + &:checked StBin, &:focus:checked StBin { background-image: url("#{$asset_path}/checkbox.svg"); } + } +} + +// +// Radio Buttons +// +.radiobutton { + CinnamonGenericContainer { + spacing: .2em; + min-height: 30px; + padding-top: 2px; + } + + StLabel { + padding-top: 4px; + font-size: 0.9em; + box-shadow: none; + } + + StBin { + width: 24px; + height: 24px; + } + + StBin, &:focus StBin { background-image: url("#{$asset_path}/radiobutton-off.svg"); } + + @if $variant == 'dark' and $theme == 'default' { + &:checked StBin, &:focus:checked StBin { background-image: url("#{$asset_path}/radiobutton-dark.svg"); } + } @else { + &:checked StBin, &:focus:checked StBin { background-image: url("#{$asset_path}/radiobutton.svg"); } + } +} + +// +// Switches +// +.toggle-switch { + width: 40px; + height: 20px; + background-size: contain; + background-image: url("#{$asset_path}/toggle-off.svg"); + + @if $variant == 'dark' and $theme == 'default' { + &:checked { background-image: url("#{$asset_path}/toggle-on-dark.svg"); } + } @else { + &:checked { background-image: url("#{$asset_path}/toggle-on.svg"); } + } + + .popup-menu-item:active & { + background-image: url("#{$asset_path}/toggle-off.svg"); + + @if $variant == 'dark' and $theme == 'default' { + &:checked { background-image: url("#{$asset_path}/toggle-on-dark.svg"); } + } @else { + &:checked { background-image: url("#{$asset_path}/toggle-on.svg"); } + } + } +} + +// +// Links +// +.cinnamon-link { + color: $link; + text-decoration: underline; + + &:hover { color: lighten($link, 10%); } +} + +// +// Tooltip +// +#Tooltip { + border-radius: $circular-radius; + padding: $space-size $space-size * 2; + background-color: $tooltip; + color: on($tooltip); + margin: $space-size; + box-shadow: $shadow-z4; + font-size: 1em; + font-weight: normal; + text-align: center; +} + +// +// Popovers/Menus +// + +$sub_menu_bg: mix($text, $popover, 10%); +$menu_item_radius: $corner-radius; + +.menu, +.popup-menu, +%menu { + padding: 0; + color: $text; + background-color: $popover; + border-radius: $menu-radius; + margin: $space-size; + box-shadow: 0 5px 12px rgba(black, 0.35); + + &-arrow { icon-size: 16px; } + + .popup-sub-menu { + border-radius: $menu_item_radius; + background-gradient-direction: none; + box-shadow: none; + background-color: $sub_menu_bg; + color: on($sub_menu_bg, secondary); + + .popup-menu-item:active { + background-color: on($sub_menu_bg, divider); + color: on($sub_menu_bg); + } + + StScrollBar { + padding: 4px; + StBin#trough, StBin#vhandle { border-width: 0; } + } + } + + .popup-menu-content { + padding: $space-size; + border-radius: $menu-radius; + background-clip: padding-box; + background-color: $popover; + + @if $rimless == 'false' { + box-shadow: inset 0 0 0 1px highlight($popover); + + @if $variant == 'dark' { + border: 1px solid $window-border; + } + } + } + + .popup-menu-item { + padding: $space-size $space-size*2; + spacing: $space-size*2; + border-radius: $menu_item_radius; + + &:hover, &:active { + color: $text; + background-color: $divider; + } + + &:insensitive { + color: $text-disabled; + background: none; + } + } + + .popup-inactive-menu-item { //all icons and other graphical elements + color: $text-disabled; + + &:insensitive { color: $track-disabled; } + } + + .popup-menu-item:active .popup-inactive-menu-item { color: $text-disabled; } + + &-icon { icon-size: 16px; } +} + +.popup-menu-boxpointer { + -arrow-border-radius: $corner-radius; + -arrow-background-color: rgba(0,0,0,0.0); + -arrow-border-width: 0; + -arrow-border-color: rgba(0,0,0,0.0); + -arrow-base: 0; + -arrow-rise: 0; +} + +.popup-combo-menu { + @extend %menu; + padding: $space-size; +} + +// .popup-image-menu-item {} + +.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: $divider; + 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 +// +#panel { + font-weight: bold; + height: $medium-size; + width: $medium-size + $space-size; + + &:highlight { + border-image: none; + background-color: transparentize($error, 0.5); + } + + &Left { + spacing: 4px; + + &:dnd { + background-gradient-direction: vertical; + background-gradient-start: rgba(255,0,0,0.05); + background-gradient-end: rgba(255,0,0,0.2); + } + + &:ltr { padding-right: 4px; } + &:rtl { padding-left: 4px; } + + &.vertical { + padding: 0; + + &:ltr { padding-right: 0px; } + &:rtl { padding-left: 0px; } + } + } + + &Right { + &:dnd { + background-gradient-direction: vertical; + background-gradient-start: rgba(0,0,255,0.05); + background-gradient-end: rgba(0,0,255,0.2); + } + + &:ltr { padding-left: $space-size; spacing: 0px; } + &:rtl { padding-right: $space-size; spacing: 0px; } + + &.vertical { + padding: 0; + + &:ltr { padding-right: 0px; } + &:rtl { padding-left: 0px; } + } + } + + &Center { + spacing: 4px; + + &:dnd { + background-gradient-direction: vertical; + background-gradient-start: rgba(0,255,0,0.05); + background-gradient-end: rgba(0,255,0,0.2); + } + } +} + +.panel { + &-top, &-bottom, &-left, &-right { + color: $panel_fg; + font-size: 1em; + padding: 0px; + background-color: $panel_bg; + box-shadow: 0 0 5px rgba(#000, 0.5), 0 0 16px rgba(#000, 0.24); + + .panel-button, + .panel-status-button { + &:hover { + color: $text; + background-color: $divider; + } + + &:active { + color: on($primary); + background-color: $primary; + } + } + } + + &-dummy { + background-color: transparentize($error, 0.5); + + &:entered { background-color: transparentize($error, 0.4); } + } + + &-status-button { + border-width: 0; + -natural-hpadding: 3px; + -minimum-hpadding: 3px; + font-weight: bold; + height: 22px; + color: $panel_fg; + } + + &-button { + -natural-hpadding: 6px; + -minimum-hpadding: 2px; + font-weight: bold; + transition-duration: 100ms; + color: $panel_fg; + } +} + +.system-status-icon { + icon-size: 16px; + padding: 0 1px; +} + +// +// Overview +// +#overview { spacing: 12px; } + +.window-caption { + background-color: $tooltip; + border: 1px solid $tooltip; + color: on($tooltip); + spacing: 25px; + border-radius: $corner-radius; + font-size: 9pt; + padding: 5px 8px; + -cinnamon-caption-spacing: 4px; + + &#selected { + background-color: $primary; + color: on($primary); + border: 1px solid $primary; + spacing: 25px; + } +} + +.expo-workspaces-name-entry, +.expo-workspaces-name-entry#selected { + height: 15px; + border-radius: $corner-radius; + font-size: 9pt; + padding: 5px 8px; + -cinnamon-caption-spacing: 4px; + @include entry(osd); + + &:focus { + border: 1px solid $primary; + background-color: $primary; + color: on($primary); + font-style: italic; + transition-duration: 300; + selection-background-color: on($primary); + selected-color: $primary; + } +} + +.expo-workspace-thumbnail-frame { + border: 4px solid rgba(255,255,255,0.0); + background-color: rgba(255,255,255,0.0); + border-radius: $corner-radius; + + &#active { + border: 4px solid $primary; + background-color: black; + border-radius: $corner-radius; + } +} + +.expo-background { + background-color: opacify($tooltip, 1); +} + +.workspace { + //&-controls { visible-height: 32px; } + + &-thumbnails { + spacing: 26px; + + &-background, &-background:rtl { padding: 8px; } + } + + &-add-button { + background-image: url("#{$asset_path}/add-workspace.svg"); + height: 200px; + width: 35px; + transition-duration: 100; + + &:hover { + background-image: url("#{$asset_path}/add-workspace-hover.svg"); + transition-duration: 100; + } + &:active { + background-image: url("#{$asset_path}/add-workspace-active.svg"); + transition-duration: 100; + } + } + &-overview-background-shade { background-color: rgba(0,0,0,0.5); } +} + +.workspace-close-button, +.window-close { + background-image: url("#{$asset_path}/close.svg"); + background-size: 26px; + height: 26px; + width: 26px; + -cinnamon-close-overlap: 13px; + + &:hover { + background-image: url("#{$asset_path}/close-hover.svg"); + background-size: 26px; + height: 26px; + width: 26px; + } + + &:active { + background-image: url("#{$asset_path}/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("#{$asset_path}/trash-icon.svg"); + height: 120px; + width: 400px; +} + +// +// About Dialog (applet.js and desklet.js) +// +.about { + &-content { + width: 550px; + height: 250px; + spacing: 8px; + padding-bottom: 10px; + } + &-title { + font-size: 2em; + font-weight: bold; + } + &-uuid { + font-size: 10px; + color: #888; + } + &-icon { + padding-right: 20px; + padding-bottom: 14px; + } + &-scrollBox { + border: 1px solid $divider; + border-radius: $corner-radius; + background-color: $base; + padding: 4px; + padding-right: 0; + border-radius: 0; + + &-innerBox { + padding: 1.2em; + spacing: 1.2em; + } + } + &-description { + padding-top: 4px; + padding-bottom: 16px; + } + &-version { + padding-left: 7px; + font-size: 10px; + color: #888; + } +} + +// +// Calendar +// +.calendar { + padding: .4em 1.75em; + spacing-rows: 0px; + spacing-columns: 0px; +} + +.calendar-month-label { + color: $text; + font-weight: bold; + margin: 0 2px; + padding: 2px; // label centering +} + +.calendar-change-month-back, +.calendar-change-month-forward { + width: 24px; + height: 24px; + margin: 0; + padding: 0; + border-radius: $circular-radius; + + &:focus, &:hover { background-color: rgba($text, 0.1); } + &:active { background-color: rgba($text, 0.25); } +} + +//arrow back +.calendar-change-month-back { + background-image: url("#{$asset_path}/calendar-arrow-left.svg"); + + &:rtl { + background-image: url("#{$asset_path}/calendar-arrow-right.svg"); + } +} + +//arrow forward +.calendar-change-month-forward { + background-image: url("#{$asset_path}/calendar-arrow-right.svg"); + + &:rtl { + background-image: url("#{$asset_path}/calendar-arrow-left.svg"); + } +} + +.datemenu-date-label { + padding: .4em 1.75em; + font-weight: normal; + text-align: center; + font-size: 14px; + color: $text; + border-radius: $corner-radius; +} + +.calendar-day-base { + text-align: center; + width: 28px; + height: 28px; + padding: 0; + margin: 2px; + border-radius: $circular-radius; +} + +.calendar-day-heading { + color: $text-secondary; + margin-top: 1em; +} + +.calendar-day { + border-width: 0; + color: $text-secondary; +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: $text; + background-color: transparent; + font-weight: bold; +} + +.calendar-today, +.calendar-today:active, +.calendar-today:focus, +.calendar-today:hover { + font-weight: bold; + color: on($primary); + background-color: $primary; + border-width: 0; +} + +.calendar-other-month-day { + color: $text-secondary; + opacity: 1; +} + +.calendar-week-number { + width: 20px; + height: 20px; + margin: 6px 0; + color: $track; + font-weight: bold; + background-color: $fill; + border-radius: $circular-radius; + + StLabel { + padding: 0; + margin-top: 3px; + } +} + +// +// Notifications +// +#notification { + border-radius: $window-radius; + padding: $space-size*2; + spacing-rows: $space-size*1.5; + spacing-columns: $space-size*1.5; + margin-from-right-edge-of-screen: $space-size*3; + width: 28em; + color: $text; + background-color: rgba($base, 0.8); + box-shadow: 0 5px 12px rgba(black, 0.35); + margin: 7px 12px 17px 12px; + + .notification-button, .notification-icon-button { + @extend %flat_button; + padding: $space-size; + } + + StEntry { @extend %entry; } + + .menu &, + .popup-menu & { + border: none; + border-radius: $corner-radius; + background-color: rgba($text, 0.05); + box-shadow: none; + margin: 0; + + &:hover { + background-color: rgba($text, 0.1); + box-shadow: 0 3px 8px rgba(black, 0.15); + } + + &, &.multi-line-notification { color: $text; } + + .notification-button, .notification-icon-button { + @extend %flat_button; + padding: $space-size; + } + + StEntry { @extend %entry; } + } + + &.multi-line-notification { + padding-bottom: $space-size*2; + color: $text; + } + + &-scrollview { + max-height: 10em; + + > .top-shadow, > .bottom-shadow { height: 1em; } + + &:ltr > StScrollBar { padding-left: $space-size; } + &:rtl > StScrollBar { padding-right: $space-size; } + } + + &-body { spacing: $space-size; } + &-actions { spacing: $space-size*1.5; } +} + +.notification { + &-with-image { + min-height: 159px; + color: $text; + } + + &-button, &-icon-button { + @extend %flat_button; + padding: $space-size; + } + + &-icon-button > StIcon { icon-size: 36px; } + + StEntry { @extend %entry; } +} + +// +// Alt Tab +// +#altTabPopup { + padding: 8px; + spacing: 16px; +} + +.switcher-list { + color: $text; + background-color: $popover; + border: none; + border-radius: $corner-radius; + padding: 20px; + + > StBoxLayout { + padding: 4px; + } + + &-item-container { spacing: 8px; } + + .item-box { + padding: 8px; + border-radius: $corner-radius; + + &:outlined { + padding: 8px; + border: 1px solid $primary; + } + + &:selected { + color: on($primary); + background-color: $primary; + border: 0px solid $primary; + } + } + + .thumbnail { width: 256px; } + + .thumbnail-box { + padding: 2px; + spacing: 4px; + } + .separator { + width: 1px; + background: rgba(255,255,255,0.2); + } +} + +.switcher-arrow { + border-color: rgba(0,0,0,0); + color: on($tooltip); + + &:highlighted { + border-color: rgba(0,0,0,0); + color: $panel_fg; + } +} + +//.switcher-preview-backdrop { background-color: rgba(25,25,25,0.95); } + +.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; +} + +// +//Activities Ripples +// +.ripple-box { + width: 104px; + height: 104px; + background-image: url("#{$asset_path}/corner-ripple.svg"); + background-size: contain; +} + +// +// Modal dialogs +// +.lightbox { background-color: rgba(0, 0, 0, 0.4); } +.flashspot { background-color: white; } + +.modal-dialog { + color: on($tooltip); + background-color: rgba(darken($tooltip, 3%), 0.95); + padding: 0 5px 6px 5px; + border-radius: $corner-radius; + box-shadow: 0 3px 8px rgba(black, 0.75), 0 5px 18px rgba(black, 0.55); + + > StBoxLayout:first-child { + padding: 20px 10px 10px 10px; + } + + &-button-box { + spacing: 0; + margin: 0; + padding: 14px 10px; + background-color: transparent; + border: none; + + .modal-dialog-button { + padding-top: 0; + padding-bottom: 0; + height: 30px; + + @extend %osd_button; + } + } +} + +// +// Run dialog +// +.run-dialog { + padding: $space-size $space-size * 2; + background-color: $tooltip; + border-radius: $corner-radius; + color: on($tooltip); + + > * { padding: 0; } + + &-label { + font-size: 0; + font-weight: bold; + color: on($tooltip); + padding-bottom: 0; + } + + &-error-label { color: $error; } + + &-error-box { + padding-top: 15px; + spacing: 5px; + } + + &-completion-box { + padding-left: 15px; + font-size: 10px; + } + + &-entry { + width: 21em; + padding: $space-size / 2 $space-size * 2; + border-radius: $corner-radius; + caret-color: on($tooltip); + selected-color: on($primary); + selection-background-color: $primary; + @include entry(osd); + + &:focus { @include entry(osd-focus); } + } + + .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: $warning; +} + +.show-processes-dialog, +.mount-question-dialog { + spacing: 24px; + + &-subject { + padding-top: 10px; + padding-left: 17px; + padding-bottom: 6px; + + &:rtl { + padding-left: 0px; + padding-right: 17px; + } + } + &-description { + padding-left: 17px; + width: 28em; + + &:rtl { padding-right: 17px; } + } +} + +.show-processes-dialog-app-list { + max-height: 200px; + padding-top: 24px; + padding-left: 49px; + padding-right: 32px; + + &:rtl { + padding-right: 49px; + padding-left: 32px; + } + + &-item { + color: #ccc; + + &:hover { color: white } + + &:ltr { padding-right: 1em; } + &:rtl { padding-left: 1em; } + + &-icon:ltr { padding-right: 17px; } + &-icon:rtl { padding-left: 17px; } + + &-name { font-size: 1.1em; } + } +} + +// +// Magnifier +// +.magnifier-zoom-region { + border: 2px solid rgba(128, 0, 0, 1); + + .full-screen { border-width: 0px; } +} + +// +// On-Screen Keyboard +// +#keyboard { + background-color: $tooltip; + border-width: 0; + border-top-width: 1px; + border-color: transparentize(black, 0.6); +} + +.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: $corner-radius; + box-shadow: none; + + @include button(osd); + + &:hover { @include button(osd-hover); } + &:active, &:checked { @include button(osd-active); } + + &:grayed { @include button(osd-insensitive); } +} + +.keyboard-subkeys { //long press on a key popup + color: on($tooltip); + padding: 5px; + -arrow-border-radius: $corner-radius; + -arrow-background-color: $tooltip; + -arrow-border-width: 1px; + -arrow-border-color: transparentize(black, 0.6);; + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; +} + +// +// Cinnamon Specific Section +// + +// +// Menu (menu.js) +// +.menu { + &-favorites-box { + margin: auto; + margin-bottom: $space-size; + padding: $space-size; + transition-duration: 300; + background-color: rgba($text, 0.05); + border: none; + border-radius: $corner-radius; + } + + &-favorites-button { + padding: $space-size * 1.5; + border: none; + border-radius: $corner-radius; + + &:hover { + border-radius: $corner-radius; + background-color: rgba($text, 0.1); + } + } + + &-places { + &-box { + margin: auto; + padding: $space-size * 1.5; + border: 1px solid rgba(0,0,0,0); + } + + &-button { padding: $space-size * 1.5; } + } + + &-categories-box { padding: $space-size * 1.5 $space-size * 5; } + + &-applications-inner-box, + &-applications-outer-box { padding: $space-size * 1.5 $space-size * 1.5 0 $space-size * 1.5; } + + &-application-button { + padding: $space-size; + border-radius: $corner-radius; + border: none; + + // This style is used in menu application buttons for applications which were newly installed + &:highlighted { font-weight: bold; } + + &-selected { + @include button(hover); + padding: $space-size; + border-radius: $corner-radius; + border: none; + + &:highlighted { font-weight: bold; } + } + + &-label:ltr { padding-left: $space-size; } + &-label:rtl { padding-right: $space-size; } + } + + StScrollView.menu-application-button { // extracted submenu container + padding: $space-size / 2 0; + border-radius: $corner-radius; + background-color: $sub_menu_bg; + color: on($sub_menu_bg); + + .popup-menu-item { + padding: 0; + spacing: 0; + margin: 0 $space-size / 2; + border-radius: $corner-radius; + color: on($sub_menu_bg); + + &:ltr { padding-left: $space-size; } + &:rtl { padding-right: $space-size; } + + &:active { + border-image: none; // image independent + background-color: on($sub_menu_bg, divider); + color: on($sub_menu_bg); + } + + StIcon { min-width: 22px; } // indentation + + StLabel { + &:ltr { padding: $space-size 0 $space-size $space-size; } + &:rtl { padding: $space-size $space-size $space-size 0; } + } + } + } + + &-category-button { + padding: $space-size; + border-radius: $corner-radius; + + &-selected { + padding: $space-size; + } + + &-hover, &-selected { + @include button(flat-hover); + border-radius: $corner-radius; + } + + &-greyed { + padding: $space-size; + color: $text-disabled; + } + + &-label:ltr { padding-left: $space-size; } + &-label:rtl { padding-right: $space-size; } + } + + // Name and description of the currently hovered item in the menu + // This appears on the bottom right hand corner of the menu + &-selected-app-box { + padding-right: 30px; + padding-left: 28px; + text-align: right; + height: 30px; + + &:rtl { + padding-top: 10px; + height: 30px; + } + } + + &-selected-app-title { font-weight: bold; } + + &-selected-app-description { max-width: 150px; margin-bottom: $space-size; } + + &-search-box:ltr { padding-left: 30px; } + &-search-box-rtl { padding-right: 30px; } +} + +#menu-search-entry { + width: 250px; + height: 15px; + font-weight: normal; + caret-color: $text; + + @extend %entry; +} + +.menu-search-entry-icon { + icon-size: 1em; + color: $text; +} + +// Context menu (at the moment only for favorites) +// .menu-context-menu { } + +// +// OSD +// +.info-osd { + text-align: center; + font-weight: bold; + spacing: 1em; + padding: 16px; + color: $panel_fg; + background-color: $panel_bg; +} + +.osd-window { + text-align: center; + font-weight: bold; + spacing: 1em; + padding: 20px; + min-width: 64px; + min-height: 64px; + color: $panel_fg; + border-radius: 0; + background-color: $panel_bg; + border: none; + + .osd-monitor-label { font-size: 3em; } + + .level { + padding: 0; + height: 4px; + background-color: rgba(black, 0.35); + border-radius: $corner-radius; + color: $primary; + } + + .level-bar { + border-radius: $corner-radius; + background-color: $primary; + } +} + +// +// Window list (windowList.js) +// + +.window-list { + &-box { + spacing: 2px; + + .panel-bottom &, + .panel-top & { + &:ltr { padding: 0 0 0 8px; } + &:rtl { padding: 0 8px 0 0; } + } + + &.vertical { + padding: 6px 0 0 0; + + #appMenuIcon { + padding-top: 2px; + } + } + + &:highlight { background-color: rgba($error, 0.5); } + } + + &-item-label { + font-weight: normal; + width: 15em; + min-width: 5px; + } + + &-item-box { + font-weight: normal; + background-image: none; + transition-duration: 100ms; + color: rgba($panel_fg, 0.9); + border-radius: 0; + + .panel-bottom & StLabel { padding-left: $space-size; } + .panel-top & StLabel { padding-left: $space-size; } + .panel-left & StLabel { padding-top: $space-size; } + .panel-right & StLabel { padding-top: $space-size; } + + @each $position in (top), + (bottom), + (left), + (right) { + .panel-#{$position} & { + border-#{$position}: 2px solid transparent; + StIcon, StBin, #appMenuIcon { padding: 2px; padding-#{$position}: 0; } + } + } + + &:hover { + color: $panel_fg; + background-gradient-direction: none; + background-color: rgba($panel_fg, 0.15); + } + + &:active, + &:checked, + &:running { + color: $panel_fg; + background-gradient-direction: none; + background-color: rgba($panel_fg, 0.25); + border-color: on($panel_bg, track); + + &:hover { + background-color: rgba($panel_fg, 0.3); + } + } + + &:focus { + color: $panel_fg; + background-gradient-direction: none; + background-image: radial-gradient(5px 5px 45deg, circle cover, $panel_fg 0%, $panel_fg 100%); + border-color: $applet-primary; + background-color: rgba($panel_fg, 0.2); + + &:hover { + background-color: rgba($panel_fg, 0.3); + } + + @each $position in (top), + (bottom), + (left), + (right) { + .panel-#{$position} & { + background-position: #{$position} center; + } + } + } + + &.right, &.left { + padding-left: 0px; + padding-right: 0px; + } + + .progress { + background-gradient-direction: vertical; + background-gradient-start: $success; + background-gradient-end: $success; + border-radius: $corner-radius; + box-shadow: none; + } + } + + &-item-demands-attention { + background-gradient-start: $warning; + background-gradient-end: $warning; + } + + // >= 3.6.7 + &-preview { // thumbnail popup windows = .switcher-list + padding: $space-size*2; // = .switcher-list - .item-box + spacing: $space-size; // = .switcher-list-item-container + border: none; + background-color: $base; + border-radius: $corner-radius; + color: $text; + box-shadow: 0 3px 5px rgba(#000, 0.35), 0 3px 12px rgba(#000, 0.16); + } +} + +// +// Grouped window list (grouped-window-list@cinnamon.org) // >= 4.0 +// + +.grouped-window-list { + &-thumbnail-label { + padding-left: 4px; + } + + &-thumbnail-alert { + background-color: rgba($error, 0.5); + } + + &-thumbnail-menu { + padding: $space-size; + + .item-box { + padding: $space-size; + border-radius: $corner-radius; + spacing: $space-size; + margin: 1px; + + &:outlined { + background-color: rgba($text, 0.1); + } + + &:hover { + background-color: rgba($text, 0.15); + } + } + + .thumbnail { + width: 256px; + } + + .separator { + width: 1px; + background-color: $divider; + } + } + + &-number-label { + z-index: 120; + text-shadow: none; + color: on($primary); + padding: 0; + } + + &-button-label { + padding-left: 2px; + } + + &-badge { + border-radius: 256px; + background-color: $primary; + } + + &-item-box { + font-weight: normal; + transition-duration: 100ms; + border: none; + margin: 0; + color: rgba($panel_fg, 0.6); + border-radius: 0; + spacing: $space-size; + border-bottom: 2px solid transparent; + + &.top, &.bottom { + padding: 0 2px; + } + + &:hover { + color: $panel_fg; + background-gradient-direction: none; + background-color: rgba($panel_fg, 0.15); + } + + &:active { + color: $panel_fg; + background-gradient-direction: none; + background-color: transparent; + border-color: on($panel_bg, track); + + &:hover { + background-color: rgba($panel_fg, 0.15); + } + } + + &:focus { + color: $panel_fg; + background-gradient-direction: none; + background-color: rgba($panel_fg, 0.2); + border-color: $applet-primary; + + &:hover { + background-color: rgba($panel_fg, 0.3); + } + } + + .progress { + background-gradient-direction: vertical; + background-gradient-start: $success; + background-gradient-end: $success; + border-radius: $corner-radius; + box-shadow: none; + } + } + + &-item-demands-attention { + background-gradient-start: $warning; + background-gradient-end: $warning; + } +} + +/// +// Sound Applet (status/volume.js) +// +.sound-button { + width: 22px; + height: 13px; + padding: 8px; + + @extend %button; + + &-container { + padding-right: 3px; + padding-left: 3px; + } + + StIcon { icon-size: 1.4em; } +} + +.sound-track { + &-infos { padding: 5px; } + &-info { + padding-top: 2px; + padding-bottom: 2px; + + StIcon { icon-size: 16px; } + + StLabel { + padding-left: 5px; + padding-right: 5px; + } + } + + &-box { + padding-left: 15px; + padding-right: 15px; + max-width: 220px; + } +} + +.sound-seek-box { + padding-left: 15px; + + StLabel { padding-top: 2px; } + StIcon { icon-size: 16px; } +} + +.sound-seek-slider { width: 140px; } + +.sound-volume-menu-item { + padding: .4em 1.75em; + + StIcon { + icon-size: 1.14em; + padding-left: 8px; + padding-right: 8px; + } +} + +.sound-playback-control { padding: 5px 10px 10px 10px; } + +// 2.8 +.sound-player { + padding: 0 0; + margin-top: 6px; + border-radius: $corner-radius; + background-color: $sub_menu_bg; + color: on($sub_menu_bg); + + > StBoxLayout:first-child { + padding: 5px 10px 10px 10px; + spacing: 0.5em; + + StButton:small { + width: 24px; + height: 24px; + border-radius: $circular-radius; + + &:hover { background-color: on($sub_menu_bg, divider); } + &:active { background-color: on($sub_menu_bg, track); } + + StIcon { icon-size: 16px; } + } + } + + &-generic-coverart { + background: rgba(black, 0.2); + } + + &-overlay { + width: 290px; + height: 80px; + padding: $space-size*2 $space-size*3; + spacing: $space-size; + background-color: rgba(black, 0.45); + border: none; + border-radius: 0 0 $corner-radius $corner-radius; + color: on(dark); + text-shadow: none; + + StButton { + width: 16px; + height: 16px; + padding: 8px; + margin: 0 $space-size $space-size; + color: on(dark); + border-radius: $circular-radius; + border: none; + text-shadow: none; + + StIcon { icon-size: 16px; } + + &:hover { background-color: on(dark, divider); } + &:active { background-color: on(dark, track); } + &:insensitive { + opacty: 0.35; + color: on(dark, disabled); + } + } + + StLabel { padding: 0 $space-size; } + + StBoxLayout { + padding-top: 2px; + } + } + + .slider { + height: 0.5em; + padding: 0; + border: 0px solid darken($tooltip, 8%); + border-bottom: 1px; + -slider-height: 0.5em; + -slider-background-color: if($variant == 'light', $divider, darken($background, 5%)); + -slider-border-color: rgba(0,0,0,0); + -slider-active-background-color: $primary; + -slider-active-border-color: rgba(0,0,0,0); + -slider-border-width: 0px; + -slider-handle-radius: 0px; + } +} + +// +// Workspace Switcher applet (workspaceSwitcher.js) +// +#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: $panel_fg; + padding: 3px; + padding-top: 4px; + transition-duration: 300; + + &:outlined, &:outlined:hover { color: $primary; } + &:hover { color: lighten($primary, 10%) } +} + +/* Controls the style when using the "Visual representation" option */ +.workspace-graph { + padding: 3px; + spacing: 3px; +} + +.workspace-graph .workspace { + border: 1px solid transparentize(black, 0.6); + background-gradient-direction: none; + background-color: transparentize(black, 0.8); +} + +.workspace-graph .workspace:active { + border: 1px solid $primary; + background-gradient-direction: none; +} + +.workspace-graph .workspace .windows { + -active-window-background: lighten($panel_bg, 15%); + -active-window-border: rgba(0, 0, 0, 0.8); + -inactive-window-background: lighten($panel_bg, 15%); + -inactive-window-border: rgba(0, 0, 0, 0.8); +} + +.workspace-graph .workspace:active .windows { + -active-window-background: lighten($panel_bg, 20%); + -active-window-border: rgba(0, 0, 0, 0.8); + -inactive-window-background: lighten($panel_bg, 5%); + -inactive-window-border: rgba(0, 0, 0, 0.8); +} + +// +// Panel Launchers Applet (panelLaunchers.js) +// +#panel-launchers-box { + padding: 0 6px; + + &.vertical { + padding: 3px 0; + } +} + +.panel-launcher { + padding: 2px; + transition-duration: 200ms; + border-radius: 0; + + &:hover { + background-gradient-direction: none; + background-color: rgba($panel_fg, 0.1); + } + + &:active { + background-color: rgba($panel_fg, 0.2); + } +} + +// 3.2.x +.launcher { + padding: 2px; + spacing: 2px; + transition-duration: 0.2s; + border-radius: 0; + + &:hover { + background-gradient-direction: none; + background-color: rgba($panel_fg, 0.1); + } + + &:active { + background-color: rgba($panel_fg, 0.2); + } + + .icon-box { padding: 2px; } +} + +// +// Overview corner +// +#overview-corner { +// background-image: url("#{$asset_path}/overview.png"); + +// &:hover { background-image: url("#{$asset_path}/overview-hover.png"); } +} + +// +// Applets (applet.js) +// + +.applet { + &-separator { padding: 1px $space-size / 2; } + + &-separator-line { + width: 1px; + background: rgba($panel_fg, 0.12); + } + + &-box { + padding: 0 $space-size; + color: $panel_fg; + text-shadow: none; + transition-duration: 100ms; + border-radius: 0; + + &.vertical { + padding: $space-size 0; + } + + &:hover { + color: $panel_fg; + background-color: rgba($panel_fg, 0.15); + } + + &:checked, &:checked:hover { + color: on($applet-primary); + background-color: $applet-primary; + } + + &:highlight { + background-image: none; + border-image: none; + background-color: transparentize($error, 0.5); + } + } + + &-label { + font-weight: bold; + color: $panel_fg; + + .applet-box:checked & { + color: on($applet-primary); + text-shadow: none; + } + } + + &-icon { + color: $panel_fg; + icon-size: 16px; + + .applet-box:checked & { + color: $panel_fg; + text-shadow: none; + } + } +} + +// +// User Applet +// +.user-icon { + width: 32px; + height: 32px; + background-color: transparent; + border: none; + border-radius: 0; +} + +.user-label { + color: $text; + font-size: 1em; + font-weight: bold; + margin: 0px; +} + +// +// Desklets (desklet.js) +// +.desklet { + color: on($tooltip); + + &:highlight { + background-color: transparentize($error, 0.5); + } + + &-with-borders { + color: on($tooltip); + background-color: $tooltip; + padding: 12px; + padding-bottom: 16px; + + &:highlight { + background-color: transparentize($error, 0.5); + } + } + + &-with-borders-and-header { + color: on($tooltip); + background-color: $tooltip; + border-radius: 6px; + border-radius-topleft: 0; + border-radius-topright: 0; + padding: 12px; + padding-bottom: 17px; + + &:highlight { + background-color: transparentize($error, 0.5); + } + } + &-header { + color: on($tooltip); + background-color: $tooltip; + border-radius: 0; + border-radius-topleft: 6px; + border-radius-topright: 6px; + font-size: 1em; + padding: 12px; + padding-bottom: 6px; + } + &-drag-placeholder { + border: 2px solid $primary; + background-color: transparentize($primary, 0.7); + } +} + +.photoframe-box { + color: on($tooltip); + background-color: $tooltip; + padding: 12px; + padding-bottom: 16px; +} + +// +// Workspace OSD +// +.workspace-osd { + text-shadow: black 5px 5px 5px; + font-weight: bold; + font-size: 48pt; +} + +// +// Notification Applet +// +.notification-applet-padding { padding: .5em 1em; } + +.notification-applet-container { max-height: $circular-radius; } + +// +// Tile Preview +// +.tile-preview, .tile-preview.snap, +.tile-hud, .tile-hud.snap { + background-color: transparentize($primary, 0.7); + border: 1px solid $primary; +} + +// +// Xkcd Desklet +// +.xkcd-box { + padding: 6px; + border: 0px; + background-color: rgba(0,0,0,0); + border-radius: 0px; +} diff --git a/src/src/sass/cinnamon/_drawing.scss b/src/src/sass/cinnamon/_drawing.scss new file mode 100644 index 00000000..028623b4 --- /dev/null +++ b/src/src/sass/cinnamon/_drawing.scss @@ -0,0 +1,130 @@ +// Drawing mixins + +// generic drawing of more complex things + +// provide font size in rem, with px fallback +@mixin fontsize($size: 24, $base: 16) { + font-size: round($size) + pt; +} + +// Entries + +@mixin entry($t, $dark:false) { +// +// Entries drawing function +// + + @if $t==normal { + color: $text; + border: 2px solid transparent; + background-color: $fill; + } + + @if $t==focus { + color: $text; + background-color: $fill; + border: 2px solid $primary; + } + + @if $t==insensitive { + border: 2px solid transparent; + background-color: $fill; + color: $text-disabled; + } + + @if $t==osd { + color: on(black); + background-color: on(black, fill); + border: 2px solid transparent; + } + + @if $t==osd-focus { + color: on(black); + background-color: on(black, fill); + border: 2px solid $primary; + } + + @if $t==osd-insensitive { + color: on(black, disabled); + background-color: on(black, fill); + border: 2px solid transparent; + } +} + +// Buttons + +@mixin button($t) { +// +// Button drawing function +// + + @if $t==normal { + color: $text-secondary; + background-color: $fill; + } + + @else if $t==hover { + color: $text; + background-color: $divider; + } + + @else if $t==focus { + color: $text; + background-color: $divider; + } + + @else if $t==focus-hover { + color: $text; + background-color: $track; + } + + @else if $t==active { + color: $text; + background-color: $track; + } + + @else if $t==insensitive { + color: $text-disabled; + background-color: $fill; + } + + @else if $t==flat { + color: $text-secondary; + background-color: transparent; + } + + @else if $t==flat-hover { + color: $text; + background-color: $divider; + } + + @else if $t==flat-active { + color: $text; + background-color: $track; + } + + @else if $t==flat-insensitive { + color: $text-secondary-disabled; + background-color: transparent; + } + + @else if $t==osd { + color: on(black, secondary); + background-color: on(black, fill); + } + + @else if $t==osd-hover { + color: on(black); + background-color: on(black, divider); + } + + @else if $t==osd-active { + color: on(black); + background-color: on(black, track); + } + + @else if $t==osd-insensitive { + color: on(black, secondary-disabled); + background-color: transparent; + } +} diff --git a/src/src/sass/gnome-shell/_common.scss b/src/src/sass/gnome-shell/_common.scss new file mode 100644 index 00000000..28c54c8b --- /dev/null +++ b/src/src/sass/gnome-shell/_common.scss @@ -0,0 +1,30 @@ +//This is the RIGHT PLACE to edit the stylesheet + +//let's start by telling people not to edit the generated CSS: +$cakeisalie: "This stylesheet is generated, DO NOT EDIT"; +/* #{$cakeisalie} */ + +/* 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 +stage { + @include fontsize($font_size); + color: $text; +} diff --git a/src/src/sass/gnome-shell/_drawing.scss b/src/src/sass/gnome-shell/_drawing.scss new file mode 100644 index 00000000..cc808589 --- /dev/null +++ b/src/src/sass/gnome-shell/_drawing.scss @@ -0,0 +1,129 @@ + +// provide font size in rem, with px fallback +@mixin fontsize($size: 24, $base: 16) { + font-size: round($size) + pt; +} + +@mixin entry($t, $fc: $primary, $tc: $text, $bc: $fill) { +// +// entry +// + + @if $t == normal { + color: $tc; + background-color: $bc; + border: 2px solid transparent; + box-shadow: none; + } + + @if $t == hover { + color: $tc; + border-color: $track; + background-color: $bc; + } + + @if $t == focus { + color: $tc; + border-color: $fc; + background-color: $bc; + box-shadow: none; + } + + @if $t == insensitive { + background-color: $bc; + color: rgba($tc, 0.35); + border-color: transparent; + } + + @if $t == flat-normal { + background-color: $bc; + border-radius: 0; + border: none; + box-shadow: inset 0 -1px rgba($tc, 0.15); + color: $tc; + } + + @if $t == flat-hover { + background-color: $bc; + box-shadow: inset 0 -1px rgba($tc, 0.35); + color: $tc; + } + + @if $t == flat-focus { + border: none; + background-color: $bc; + box-shadow: inset 0 -2px $fc; + color: $tc; + } + + @if $t == flat-insensitive { + border: none; + background-color: $bc; + color: rgba($tc, 0.35); + } +} + +@mixin button($t, $fc: $primary, $tc: $text, $bc: $base) { +// +// button +// + + @if $t == normal { + color: $tc; + background-color: $bc; + box-shadow: none !important; + } + + @if $t == focus { + color: $tc; + background-color: overlay($bc, focus); + box-shadow: none !important; + } + + @if $t == hover { + color: $tc; + background-color: overlay($bc, hover); + box-shadow: none !important; + } + + @if $t == active { + color: $tc; + background-color: overlay($bc, active); + box-shadow: none !important; + } + + @if $t == insensitive { + color: rgba($tc, 0.35); + background-color: $bc; + box-shadow: none !important; + } + + @if $t == flat-normal { + color: $tc; + background-color: transparent; + box-shadow: none !important; + } + + @if $t == flat-focus { + color: $tc; + background-color: overlay($bc, focus); + box-shadow: none !important; + } + + @if $t == flat-hover { + color: $tc; + background-color: overlay($bc, hover); + } + + @if $t == flat-active { + color: $tc; + background-color: overlay($bc, active); + box-shadow: none !important; + } + + @if $t == flat-insensitive { + background-color: transparent; + color: rgba($tc, 0.35); + box-shadow: none !important; + } +} diff --git a/src/src/sass/gnome-shell/_extensions-3-28.scss b/src/src/sass/gnome-shell/_extensions-3-28.scss new file mode 100644 index 00000000..b7ce94e4 --- /dev/null +++ b/src/src/sass/gnome-shell/_extensions-3-28.scss @@ -0,0 +1,2 @@ +@import 'extensions-3-28/dash-to-dock'; +@import 'extensions-3-28/misc'; diff --git a/src/src/sass/gnome-shell/_extensions-40-0.scss b/src/src/sass/gnome-shell/_extensions-40-0.scss new file mode 100644 index 00000000..79765ac7 --- /dev/null +++ b/src/src/sass/gnome-shell/_extensions-40-0.scss @@ -0,0 +1,2 @@ +@import 'extensions-40-0/dash-to-dock'; +@import 'extensions-40-0/misc'; diff --git a/src/src/sass/gnome-shell/_variables.scss b/src/src/sass/gnome-shell/_variables.scss new file mode 100644 index 00000000..39cee912 --- /dev/null +++ b/src/src/sass/gnome-shell/_variables.scss @@ -0,0 +1,29 @@ + +@import '../tweaks-temp'; + +$asset_suffix: if($variant == 'dark', '-dark', ''); + +// sizes +$item_size: if($compact == 'false', 32px, 28px); +$font_size: if($compact == 'false', 11, 10); + +// padding, margin and spacing +$base_padding: if($compact == 'false', 6px, 4px); +$base_margin: if($compact == 'false', 4px, 3px); +$base_spacing: if($compact == 'false', 6px, 4px); + +// radiuses +$circular_radius: 9999px; +$base_radius: 6px; +$icon_radius: 16px; +$window_radius: 12px; +$menu_radius: $base_radius + $base_padding; +$modal_radius: $menu_radius; + +// icons +$base_icon_size: 16px; + +// durations +$shorter_duration: 100ms; +$longer_duration: 150ms; +$ripple_duration: 250ms; diff --git a/src/src/sass/gnome-shell/_widgets-3-28.scss b/src/src/sass/gnome-shell/_widgets-3-28.scss new file mode 100644 index 00000000..98e290db --- /dev/null +++ b/src/src/sass/gnome-shell/_widgets-3-28.scss @@ -0,0 +1,40 @@ +@import 'common/a11y'; +@import 'common/app-grid'; +@import 'common/base'; +@import 'common/buttons'; +@import 'common/calendar'; +@import 'common/check-box'; +@import 'common/corner-ripple'; +@import 'common/dash'; +@import 'common/dialogs'; +@import 'common/entries'; +@import 'common/hotplug'; +@import 'common/ibus-popup'; +@import 'common/keyboard'; +@import 'common/login-dialog'; +@import 'common/looking-glass'; +@import 'common/message-list'; +@import 'common/misc'; +@import 'common/network-dialog'; +@import 'common/notifications'; +@import 'common/osd'; +@import 'common/overview'; +@import 'common/panel'; +@import 'common/popovers'; +@import 'common/screen-shield'; +@import 'common/scrollbars'; +@import 'common/search-entry'; +@import 'common/search-results'; +@import 'common/slider'; +@import 'common/switcher-popup'; +@import 'common/switches'; +@import 'common/tiled-previews'; +@import 'common/workspace-switcher'; +@import 'widgets-3-28/app-grid'; +@import 'widgets-3-28/dash'; +@import 'widgets-3-28/login-dialog'; +@import 'widgets-3-28/other'; +@import 'widgets-3-28/overview'; +@import 'widgets-3-28/panel'; +@import 'widgets-3-28/window-picker'; +@import 'widgets-3-28/workspace-thumbnails'; diff --git a/src/src/sass/gnome-shell/_widgets-40-0.scss b/src/src/sass/gnome-shell/_widgets-40-0.scss new file mode 100644 index 00000000..81dc3143 --- /dev/null +++ b/src/src/sass/gnome-shell/_widgets-40-0.scss @@ -0,0 +1,40 @@ +@import 'common/a11y'; +@import 'common/app-grid'; +@import 'common/base'; +@import 'common/buttons'; +@import 'common/calendar'; +@import 'common/check-box'; +@import 'common/corner-ripple'; +@import 'common/dash'; +@import 'common/dialogs'; +@import 'common/entries'; +@import 'common/hotplug'; +@import 'common/ibus-popup'; +@import 'common/keyboard'; +@import 'common/login-dialog'; +@import 'common/looking-glass'; +@import 'common/message-list'; +@import 'common/misc'; +@import 'common/network-dialog'; +@import 'common/notifications'; +@import 'common/osd'; +@import 'common/overview'; +@import 'common/panel'; +@import 'common/popovers'; +@import 'common/screen-shield'; +@import 'common/scrollbars'; +@import 'common/search-entry'; +@import 'common/search-results'; +@import 'common/slider'; +@import 'common/switcher-popup'; +@import 'common/switches'; +@import 'common/tiled-previews'; +@import 'common/workspace-switcher'; +@import 'widgets-40-0/app-grid'; +@import 'widgets-40-0/dash'; +@import 'widgets-40-0/misc'; +@import 'widgets-40-0/overview'; +@import 'widgets-40-0/panel'; +@import 'widgets-40-0/search-entry'; +@import 'widgets-40-0/window-picker'; +@import 'widgets-40-0/workspace-thumbnails'; diff --git a/src/src/sass/gnome-shell/common/_a11y.scss b/src/src/sass/gnome-shell/common/_a11y.scss new file mode 100644 index 00000000..129985fb --- /dev/null +++ b/src/src/sass/gnome-shell/common/_a11y.scss @@ -0,0 +1,23 @@ +// Pointer location +.ripple-pointer-location { + width: 48px; + height: 48px; + border-radius: 24px; // radius equals the size of the box to give us the curve + background-color: lighten(transparentize($primary, 0.7), 30%); + box-shadow: 0 0 2px 2px lighten($primary, 20%); +} + +// Pointer accessibility notifications +.pie-timer { + width: 60px; + height: 60px; + -pie-border-width: 3px; + -pie-border-color: $primary; + -pie-background-color: lighten(transparentize($primary, 0.7), 40%); +} + +// Screen zoom/Magnifier +.magnifier-zoom-region { + border: 2px solid $primary; + &.full-screen { border-width: 0; } +} diff --git a/src/src/sass/gnome-shell/common/_app-grid.scss b/src/src/sass/gnome-shell/common/_app-grid.scss new file mode 100644 index 00000000..53b42df7 --- /dev/null +++ b/src/src/sass/gnome-shell/common/_app-grid.scss @@ -0,0 +1,161 @@ + +/* App Icons */ + +.show-apps, +.app-well-app, +%app-well-app { + & .overview-icon { + color: on($osd, secondary); + border-radius: $icon_radius; + padding: $base_padding; + border: none; + transition-duration: 100ms; + text-align: center; + } + + &:hover .overview-icon, + &:focus .overview-icon, + &:selected .overview-icon { + background-color: on($osd, divider); + border-image: none; + background-image: none; + } + + &:active .overview-icon, + &:checked .overview-icon { + background-color: on($osd, track); + box-shadow: none; + } +} + +// App Folders +.app-well-app.app-folder { + border-radius: $icon_radius; + + &, &:hover, &:active { + background-color: transparent; + } + + .overview-icon { + background-color: on(black, divider); + border-radius: $icon_radius; + } + + &:hover .overview-icon { + background-color: overlay(black, active); + } + + &:active .overview-icon { + background-color: on(black, track); + } +} + +// expanded folder +.app-folder-dialog { + border-radius: $menu_radius * 3; + padding: $base_padding * 2; + background-color: $osd; + + @if $rimless == 'false' { + border: 1px solid black; + box-shadow: inset 0 0 0 1px highlight($osd); + } + + & .folder-name-container { + padding: ($base_padding * 4) ($base_padding * 6) 0; + spacing: $base_spacing * 2; + + & .folder-name-label, + & .folder-name-entry { + font-size: 18pt; + font-weight: bold; + } + + & .folder-name-entry { + width: 300px; + border: none; + caret-color: on($osd); + + &:focus { + background-color: on($osd, divider); + color: on($osd); + } + } + + /* FIXME: this is to keep the label in sync with the entry */ + & .folder-name-label { + padding: $base_padding * 1.5 ($base_padding + 2px); + color: on($osd, secondary); + } + + & .edit-folder-button { + background-color: overlay($osd); + color: on($osd, secondary); + border: none; + padding: 0; + width: 36px; + height: 36px; + border-radius: $circular_radius; + + & > StIcon { icon-size: $base_icon_size; } + + &:hover { background-color: overlay($osd, hover); } + &:checked, &:active { background-color: $inverse-indicator; color: on($inverse-indicator); } + } + } + + & .icon-grid { + row-spacing: $base_spacing * 2; + column-spacing: $base_spacing * 5; + page-padding-top: 0; + page-padding-bottom: 0; + page-padding-left: 0; + page-padding-right: 0; + } + + & .page-indicators { + margin-bottom: $base_padding * 3; + } +} + +.app-folder-dialog-container { + padding: $base_padding; + width: 620px; + height: 620px; +} + +// Running app indicator (also shown in dash) +.app-well-app-running-dot { + width: $base_padding; height: 3px; + border-radius: 2px; + background-color: on(black, track); + margin-bottom: 0; + + StWidget.focused & { + width: $base_padding * 4; + background-color: $inverse-indicator !important; + } +} + +// right-click app menu +.app-menu, +.app-well-menu { + max-width: 27.25em; +} + +// Rename popup for app folders +.rename-folder-popup { + .rename-folder-popup-item { + spacing: $base_padding; + &:ltr, &:rtl { padding: 0 $base_padding * 2; } + } +} + +// shutdown and other actions in the grid +.system-action-icon { + box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); // FIXME: this should really have a highlight + background-color: $osd; + color: on($osd); + border-radius: $circular_radius; + icon-size: 48px; +} diff --git a/src/src/sass/gnome-shell/common/_base.scss b/src/src/sass/gnome-shell/common/_base.scss new file mode 100644 index 00000000..7391fd83 --- /dev/null +++ b/src/src/sass/gnome-shell/common/_base.scss @@ -0,0 +1,23 @@ +// links +.shell-link { + border-radius: $base_radius; + color: $link; + &:hover { + color: $link; + background-color: rgba($link, 0.15); + } + &:active { + color: $link; + background-color: rgba($link, 0.25); + } +} + +// Outline for low res icons +.lowres-icon { + icon-shadow: 0 1px 2px rgba(black, 0.3); +} + +// Dropshadow for large icons +.icon-dropshadow { + icon-shadow: 0 1px 5px rgba(black, 0.8); +} diff --git a/src/src/sass/gnome-shell/common/_buttons.scss b/src/src/sass/gnome-shell/common/_buttons.scss new file mode 100644 index 00000000..51accb6d --- /dev/null +++ b/src/src/sass/gnome-shell/common/_buttons.scss @@ -0,0 +1,28 @@ +/* Buttons */ + +%button { + @include button(normal); + &:focus { @include button(focus); } + &:hover { @include button(hover); } + &:active { @include button(active); } + &:insensitive { @include button(insensitive); } +} + +%flat_button { + @include button(flat-normal); + &:focus { @include button(flat-focus); } + &:hover { @include button(flat-hover); } + &:active { @include button(flat-active); } + &:insensitive { @include button(flat-insensitive); } +} + +.button { + min-height: $item_size; + padding: 0 $base_padding * 2; + border-radius: $base_radius; + border: none; + + .popup-menu & { + @extend %flat_button; + } +} diff --git a/src/src/sass/gnome-shell/common/_calendar.scss b/src/src/sass/gnome-shell/common/_calendar.scss new file mode 100644 index 00000000..3b8dbde8 --- /dev/null +++ b/src/src/sass/gnome-shell/common/_calendar.scss @@ -0,0 +1,352 @@ +/* Date/Time Menu */ + +%popover_bubble { + color: $text-secondary; + background-color: $fill; + border-radius: $base_radius; + border: none; + box-shadow: none; + text-shadow: none; + + &:hover, &:focus { + color: $text; + background-color: overlay($base, hover); + box-shadow: none; + } + + &:active { + color: $text; + background-color: overlay($base, active); + box-shadow: none; + } +} + +.clock-display-box { + spacing: 2px; + + .clock { + padding-left: $base_padding * 2; + padding-right: $base_padding * 2; + } +} + +// overall menu +#calendarArea { + padding: $base_padding 0; +} + +// Calendar menu side column +.datemenu-calendar-column { + spacing: $base_spacing; + border: 0 solid $border; + padding: 0 $base_padding * 2; + + &:ltr {margin-right: $base_margin * 2; border-left-width: 0; } + &:rtl {margin-left: $base_margin * 2; border-right-width: 0; } + + .datemenu-displays-section { padding-bottom: 0; } + + .datemenu-displays-box { + spacing: $base_spacing; + } +} + +.world-clocks-header, +.weather-header, +.events-section-title { + color: $text-secondary; + font-weight: bold; +} + +.datemenu-today-button, +.datemenu-displays-box, +.message-list-sections { + margin: $base_margin $base_spacing; +} + +/* today button (the date) */ +.datemenu-today-button { + border: none; + box-shadow: none; + background: none; + padding: $base_padding; + margin: 0 $base_padding * 2; + text-shadow: none; + color: $text-secondary; + border-radius: $menu_radius; + + &:hover, &:focus { + background-color: overlay($base, hover); + } + + &:active { + background-color: overlay($base, active); + } + + // weekday label + .day-label { + @include fontsize($font_size + 1); + font-weight: bold; + } + + // date label + .date-label { + @include fontsize($font_size + 7); + font-weight: normal; + } +} + +/* Calendar */ +.calendar { + border: none; + box-shadow: none; + background-color: transparent; + padding: 0 $base_padding !important; + margin: 0 !important; + text-shadow: none; + border-radius: $menu_radius; + + // month + .calendar-month-label { + padding: $base_padding 0; + color: $text-secondary; + font-weight: bold; + text-align: center; + text-shadow: none; + @include fontsize($font_size + 1); + + &:focus {} + } + + // prev/next month icons + .calendar-change-month-back, + .calendar-change-month-forward { + padding: 0 0 !important; + margin: ($base_padding / 2) 0 !important; + + StIcon { + icon-size: $base_icon_size; + } + } + + .pager-button { + width: $item_size; + height: $item_size; + margin: 2px; + border-radius: $circular_radius; + background-color: transparent; + color: $text; + &:hover, &:focus { background-color: $divider; } + &:active { background-color: $track; } + } + + .calendar-day-base { + @include fontsize($font_size - 1); + text-align: center; + width: $item_size + 2px; + height: $item_size + 2px; + padding: 0; + margin: 2px; + border-radius: $circular_radius; + color: $text-secondary; + border: none; + font-feature-settings: "tnum"; + + &:hover, &:focus { background-color: $divider; } + + &:active, &:selected { + color: $text; + background-color: $track; + border-color: transparent; //avoid jumparound due to today + } + + &.calendar-day-heading { //day of week heading + margin-top: 1em; + color: $text-disabled; + @include fontsize($font_size - 1); + } + } + + .calendar-day { //border collapse hack - see calendar.js + border-width: 0; + } + + .calendar-day-top { + border-top-width: 0; + } + + .calendar-day-left { + border-left-width: 0; + } + + .calendar-work-day {} + + .calendar-nonwork-day { + color: $text-disabled; + font-weight: bold; + } + + // Today + .calendar-today { + font-weight: bold; + color: $text-secondary !important; + background-color: overlay($base); + border: none; + + &:hover, &:focus { + background-color: overlay($base, hover); + color: $text !important; + } + + &:active { + background-color: darken($primary, 5%); + color: on($primary) !important; + } + + &:selected { + background-color: $primary; + color: on($primary) !important; + + &:hover, &:focus { + background-color: lighten($primary, 8%); + color: on($primary) !important; + } + } + } + + .calendar-day-with-events { + color: $text-secondary; + background-image: url("assets/calendar-today.svg"); + + &.calendar-work-day { + color: $text-secondary; + font-weight: bold; + } + } + + .calendar-other-month-day { + color: $text-secondary-disabled; + opacity: 0.5; + } + + .calendar-week-number { + width: $item_size - 6px; + height: $item_size - 12px; + margin: 6px $base_margin/2 !important; + padding: 0 0; + border-radius: $base_radius; + background-color: $fill; + color: $text-disabled; + font-size: inherit; + font-weight: bold; + text-align: center; + } +} + +.world-clocks-button, +.weather-button, +.events-button { + @extend %popover_bubble; + padding: $base_padding * 2 !important; + margin: 2px 0 !important; +} + +// Events +.events-button { + .events-box { + spacing: $base_spacing; + } + + .events-list { + spacing: 2 * $base_spacing; + text-shadow: none; + } + + .events-title { + color: $text-disabled; + font-weight: bold; + text-shadow: none; + } + + .event-time { + color: $text-disabled; + font-feature-settings: "tnum"; + @include fontsize($font_size - 1); + } +} + +// World Clock +.world-clocks-button { + .world-clocks-city { + color: $text-disabled; + font-weight: bold; + @include fontsize($font_size); + } + + .world-clocks-time { + color: $text-disabled; + font-feature-settings: "tnum"; + @include fontsize($font_size); + + &:ltr { text-align: right; } + &:rtl { text-align: left; } + } + + .world-clocks-timezone { + color: $text-disabled; + font-feature-settings: "tnum"; + @include fontsize($font_size - 1); + } +} + +.world-clocks-grid, +.weather-grid { + spacing-rows: 0.4em; + spacing-columns: 0.8em; +} + +// Weather +.weather-button { + margin-bottom: 6px !important; + + .weather-box { + spacing: $base_spacing + $base_margin; + } + + .weather-header-box { + spacing: $base_spacing; + } + + .weather-header { + color: $text-secondary; + font-weight: bold; + + &.location { + font-weight: normal; + color: $text-disabled; + @include fontsize($font_size - 1); + } + } + + .weather-grid { + spacing-rows: $base_spacing; + spacing-columns: $base_spacing * 2; + } + + .weather-forecast-time { + color: $text-secondary; + font-feature-settings: "tnum"; + @include fontsize($font_size - 2); + font-weight: normal; + padding-top: 0.2em; + padding-bottom: 0.4em; + } + + .weather-forecast-icon { + icon-size: 32px; + } + + .weather-forecast-temp { + font-weight: bold; + } +} diff --git a/src/src/sass/gnome-shell/common/_check-box.scss b/src/src/sass/gnome-shell/common/_check-box.scss new file mode 100644 index 00000000..06ead5c4 --- /dev/null +++ b/src/src/sass/gnome-shell/common/_check-box.scss @@ -0,0 +1,33 @@ +/* Check Boxes */ + +.check-box { + StBoxLayout { spacing: .8em; } + + StBin { + width: 24px; + height: 24px; + padding: $base_padding / 2; + border-radius: $base_radius; + } + + StBin, &:focus StBin { + background-image: url("assets/checkbox-off.svg"); + } + + &:hover StBin { + background-color: $divider; + } + + &:active StBin { + background-color: $track; + } + + &:checked StBin, &:focus:checked StBin { + @if $theme == 'default' { + background-image: url("assets/checkbox#{$asset_suffix}.svg"); + } + @else { + background-image: url("assets/checkbox.svg"); + } + } +} diff --git a/src/src/sass/gnome-shell/common/_corner-ripple.scss b/src/src/sass/gnome-shell/common/_corner-ripple.scss new file mode 100644 index 00000000..5505d1fe --- /dev/null +++ b/src/src/sass/gnome-shell/common/_corner-ripple.scss @@ -0,0 +1,15 @@ +/* Activities Ripple */ + +$ripple_size: 50px; + +.ripple-box { + background-color: rgba($primary, 0.35); + box-shadow: 0 0 2px 2px lighten($primary, 20%); + // plus + 2px for the border (box-shadow) + width: $ripple_size + 2px; + height: $ripple_size + 2px; + border-radius: 0 0 $ripple_size + 2px 0; // radius equals the size of the box to give us the curve + + // just a simple change to the border radius position + &:rtl { border-radius: 0 0 0 $ripple_size + 2px; } +} diff --git a/src/src/sass/gnome-shell/common/_dash.scss b/src/src/sass/gnome-shell/common/_dash.scss new file mode 100644 index 00000000..a82ca751 --- /dev/null +++ b/src/src/sass/gnome-shell/common/_dash.scss @@ -0,0 +1,25 @@ +/* Dash */ + +$dash_placeholder_size: 32px; + +#dash { + @include fontsize($font_size - 2); + + .empty-dash-drop-target { + width: $dash_placeholder_size; + height: $dash_placeholder_size; + } +} + +// OSD Tooltip +.dash-label { + color: rgba(white, 0.9); + background-color: rgba(black, 0.75); + border-radius: $circular_radius; + padding: $base_padding $base_padding * 2; + box-shadow: none; + border: none; + text-align: center; + -y-offset: $base_margin * 3; // distance from the dash edge + -x-offset: 8px; +} diff --git a/src/src/sass/gnome-shell/common/_dialogs.scss b/src/src/sass/gnome-shell/common/_dialogs.scss new file mode 100644 index 00000000..b5512573 --- /dev/null +++ b/src/src/sass/gnome-shell/common/_dialogs.scss @@ -0,0 +1,233 @@ +/* Modal Dialogs */ + +%theme_dialogs { + background-color: $popover; + border-radius: $modal_radius; + + @if $rimless == 'false' { + border: 1px solid $window-border; + box-shadow: inset 0 0 0 1px highlight($popover); + } @else { + border: none; + box-shadow: 0 3px 6px rgba(black, 0.35); + } +} + +%last_dialog_button { + color: on($primary); + background-color: $primary; + + &:hover { + color: on($primary); + background-color: lighten($primary, 9%); + } + + &:active { + color: on($primary); + background-color: darken($primary, 5%); + } + + &:insensitive { + background-color: rgba($primary, 0.05); + color: rgba($primary, 0.35); + } +} + +.headline { + @include fontsize($font_size + 1); +} + +// modal dialog +.modal-dialog { + color: $text-secondary; + padding: 0 $base_padding $base_padding $base_padding; + @extend %theme_dialogs; + + &-linked-button { + min-height: $item_size; + padding: $base_padding; + margin: $base_padding / 2; + border: none !important; + border-radius: $base_radius; + @extend %flat_button; + } + + &-linked-button:first-child { + background-color: $fill; + &:focus { @include button(flat-focus); } + &:hover { @include button(flat-hover); } + &:active { @include button(flat-active); } + } + + &-linked-button:last-child { + @extend %last_dialog_button; + } + + .modal-dialog-content-box { + margin: $base_padding * 5 $base_padding * 7; + spacing: $base_padding * 5; + max-width: 28em; + } +} + +// End Session Dialog +.end-session-dialog { + width: if($compact == 'true', 25em, 30em); + // border: none; + + .end-session-dialog-battery-warning, + .dialog-list-title { + color: $warning; + } +} + +// Message Dialog +.message-dialog-content { + spacing: 18px; + + .message-dialog-title { + text-align: center; + font-size: 18pt; + font-weight: 800; + + &.lightweight { + font-size: 13pt; + font-weight: 800; + } + } + + .message-dialog-description { text-align: center; } +} + +// Dialog List +.dialog-list { + spacing: $base_spacing * 3; + + .dialog-list-title { + text-align: center; + font-weight: bold; + } + + .dialog-list-scrollview { max-height: 200px; } + .dialog-list-box { + spacing: 1em; + + .dialog-list-item { + spacing: 1em; + + .dialog-list-item-title { font-weight: bold; } + .dialog-list-item-description { + color: $text-secondary; + @include fontsize($font_size - 1); + } + } + } +} + +// Run Dialog +.run-dialog { + .modal-dialog-content-box { + margin-top: $base_margin * 6; + margin-bottom: $base_margin * 3; + } + + .run-dialog-entry { width: 20em; } + .run-dialog-description { + text-align: center; + color: $text-secondary; + @include fontsize($font_size - 1); + } +} + +// Password or Authentication Dialog +.prompt-dialog { + //this is the width of the entire modal popup + width: if($compact == 'true', 22em, 28em); + // border: none; + + .modal-dialog-content-box { + margin-bottom: $base_margin * 6; + } +} + +.prompt-dialog-password-grid { + spacing-rows: $base_margin * 2; + spacing-columns: $base_margin; + + .prompt-dialog-password-entry { + width: auto; + + // 4px (spacing) + 16px (spinner-width) + &:ltr { margin-left: $base_margin * 5; } + &:rtl { margin-right: $base_margin * 5; } + } +} + +.prompt-dialog-password-layout { + spacing: $base_margin * 2; +} + +.prompt-dialog-password-entry { + width: if($compact == 'true', 16em, 20em); +} + +.prompt-dialog-error-label, +.prompt-dialog-info-label, +.prompt-dialog-null-label { + text-align: center; + @include fontsize($font_size - 1); + margin: $base_padding; +} + +.prompt-dialog-error-label { + color: $error; +} + +.prompt-dialog-info-label, +.prompt-dialog-null-label { + color: $text-disabled; +} + +// Polkit Dialog +.polkit-dialog-user-layout { + text-align: center; + spacing: $base_margin * 2; + margin-bottom: $base_margin * 1.5; + + .polkit-dialog-user-root-label { + color: $warning; + } +} + +// Audio selection dialog +.audio-device-selection-dialog { + .modal-dialog-content-box { margin-bottom: $base_margin * 7; } + .audio-selection-box { spacing: $base_margin * 5; } +} + +.audio-selection-device { + border: 1px solid $border; + border-radius: $base_radius; + &:hover, &:focus { background-color: overlay($popover, hover); } + &:active { + background-color: $primary; + color: on($primary); + } +} + +.audio-selection-device-box { + padding: $base_padding * 3; + spacing: $base_padding * 3; +} + +.audio-selection-device-icon { + icon-size: $base_icon_size * 4; +} + +// Welcome dialog +.welcome-dialog-image { + background-image: url("resource:///org/gnome/shell/theme/gnome-shell-start.svg"); + background-size: contain; + height: 300px; + width: 300px; +} diff --git a/src/src/sass/gnome-shell/common/_entries.scss b/src/src/sass/gnome-shell/common/_entries.scss new file mode 100644 index 00000000..ea57ff7f --- /dev/null +++ b/src/src/sass/gnome-shell/common/_entries.scss @@ -0,0 +1,30 @@ +/* Entries */ + +StEntry, %entry { + min-height: $item_size; + padding: 2px $base_padding * 2; + margin: $base_margin / 2; + border-width: 0; + border-radius: $base_radius; + color: $text; + caret-color: $text; + selection-background-color: $primary; + selected-color: on($primary); + @include entry(normal); + &:hover { @include entry(hover);} + &:focus { @include entry(focus);} + &:insensitive { @include entry(insensitive);} + StIcon.capslock-warning { + icon-size: 16px; + warning-color: $warning; + padding: 0 0; + } + StIcon.peek-password { + icon-size: 16px; + padding: 0 4px; + } + StLabel.hint-text { + margin-left: 2px; + color: $text-disabled; + } +} diff --git a/src/src/sass/gnome-shell/common/_hotplug.scss b/src/src/sass/gnome-shell/common/_hotplug.scss new file mode 100644 index 00000000..ca874923 --- /dev/null +++ b/src/src/sass/gnome-shell/common/_hotplug.scss @@ -0,0 +1,29 @@ +// hotplug + +.hotplug-notification-item { + padding: $base_padding * 2; + border-style: solid; + border-width: 0; + border-left-width: 0; + border-bottom-width: 0; + @extend %button; + + // radius is 2 pixel less to fit in bubble + &:first-child { + border-radius: 0 0 0 $base_radius; + } + + &:last-child { + border-right-width: 0; + border-radius: 0 0 $base_radius 0; + } + + &:first-child:last-child { + border-radius: 0 0 $base_radius $base_radius; + } +} + +.hotplug-notification-item-icon { + icon-size: 24px; + padding: 0 4px; +} diff --git a/src/src/sass/gnome-shell/common/_ibus-popup.scss b/src/src/sass/gnome-shell/common/_ibus-popup.scss new file mode 100644 index 00000000..7f4a159e --- /dev/null +++ b/src/src/sass/gnome-shell/common/_ibus-popup.scss @@ -0,0 +1,51 @@ +// IBus Candidate Popup +.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 { + @extend %theme_dialogs; + color: $text-secondary; + box-shadow: 0 5px 12px 0 rgba(black, 0.35); + border: none; + margin: ($base_padding / 2) 8px; + padding: $base_padding; + spacing: $base_padding; +} + +.candidate-index { + padding: 0 0.5em 0 0; + color: $text-secondary; + .candidate-box:selected & { color: on($primary, secondary); } +} + +.candidate-box { + padding: 0.3em 0.5em 0.3em 0.5em; + margin-right: 2px; + border-radius: $base_radius; + color: $text-secondary; + &:hover { background-color: $divider; color: $text; } + &:active { background-color: $track; color: $text; } + &:selected { background-color: $primary; color: on($primary); } + &:last-child { margin-right: 0; } +} + +.candidate-page-button-box { + height: 2em; + .vertical & { padding-top: 0.5em; } + .horizontal & { padding-left: 0.5em; } +} + +.candidate-page-button { + padding: 4px; + @extend %flat_button; +} + +.candidate-page-button-previous, +.candidate-page-button-next { border-radius: $base_radius; } +.candidate-page-button-icon { icon-size: 1em; } diff --git a/src/src/sass/gnome-shell/common/_keyboard.scss b/src/src/sass/gnome-shell/common/_keyboard.scss new file mode 100644 index 00000000..43e00f7f --- /dev/null +++ b/src/src/sass/gnome-shell/common/_keyboard.scss @@ -0,0 +1,124 @@ +/* On-screen Keyboard */ + +$key_size: 1.2em; +$keyboard_bg_color: if($variant == 'light', #d8dade, #1d1d1d); +$key_border_radius: $base_radius + 3px; +$key_bg_color: if($variant == 'light', white, #707070); +$default_key_bg_color: if($variant == 'light', #adb3bc, #4b4b4b); + +// draw keys using button function +#keyboard { + background-color: $keyboard_bg_color; + box-shadow: none; + + .page-indicator { + padding: $base_padding; + + .page-indicator-icon { + width: 8px; + height: 8px; + } + } +} + +// the container for individual keys +.key-container, +.keyboard-layout { + padding: $base_margin; + spacing: $base_margin; +} + +// the keys +.keyboard-key { + @include fontsize($font_size + 5); + font-weight: bold; + min-height: $key_size; + min-width: $key_size; + padding: 0 !important; + border-radius: $key_border_radius; + border: none; + color: $text-secondary; + background-color: $key_bg_color; + box-shadow: inset 0 -1px if($variant == 'light', rgba(black, 0.35), rgba(black, 0.85)); + + &:focus, &:hover { + color: $text; + background-color: if($variant == 'light', darken($background, 5%), lighten($default_key_bg_color, 10%)); + } + + &:checked, &:active { + color: $text; + background-color: if($variant == 'light', darken($background, 10%), lighten($default_key_bg_color, 15%)); + } + + &:grayed { //FIXME + background-color: $default_key_bg_color; + color: $text-secondary; + } + + &.default-key { // non-character keys + background-color: $default_key_bg_color; + box-shadow: inset 0 -1px if($variant == 'light', rgba(black, 0.2), rgba(black, 0.85)); + + &:focus, &:hover { + color: $text; + background-color: if($variant == 'light', darken($default_key_bg_color, 5%), lighten($default_key_bg_color, 5%)); + } + + &:checked, &:active { + color: $text; + background-color: if($variant == 'light', darken($default_key_bg_color, 12%), lighten($default_key_bg_color, 12%)); + } + } + + &.enter-key { // enter key is suggested-action + color: on($primary); + background-color: $primary; + + &:focus, &:hover { color: on($primary); background-color: lighten($primary, 5%); } + &:checked, &:active { color: on($primary); background-color: darken($primary, 10%); } + } + + &.shift-key-uppercase { + &, &:focus, &:hover, &:checked, &:active { + color: $primary; + } + } + + StIcon { icon-size: 1.125em; } +} + +.keyboard-subkeys { //long press on a key popup + color: inherit; + -arrow-border-radius: $menu_radius; + -arrow-background-color: mix($text, $keyboard_bg_color, 10%); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: $base_spacing; + box-shadow: inset 0 -1px if($variant == 'light', rgba(black, 0.35), rgba(black, 0.85)); +} + +// emoji +.emoji-page { + .keyboard-key { + background-color: transparent; + border: none; + color: initial; + } +} + +.emoji-panel { + .keyboard-key:latched { + border: none; + background-color: $primary; + } +} + +// On-screen Keyboard +.word-suggestions { + font-size: 14pt; + spacing: $base_spacing * 2; + min-height: 20pt; +} diff --git a/src/src/sass/gnome-shell/common/_login-dialog.scss b/src/src/sass/gnome-shell/common/_login-dialog.scss new file mode 100644 index 00000000..b7c9e5fd --- /dev/null +++ b/src/src/sass/gnome-shell/common/_login-dialog.scss @@ -0,0 +1,175 @@ +/* Login Dialog */ + +#lockDialogGroup { + background-color: $osd; +} + +.login-dialog-banner-view { + padding-top: $base_padding * 4; + max-width: 23em; +} + +.login-dialog, +.unlock-dialog { + //reset + border: none; + background-color: transparent; + + StEntry { + selection-background-color: $primary; + selected-color: on($primary); + padding: 4px 8px; + min-height: $item_size - $base_padding; + border-radius: $circular_radius; + caret-color: on($primary); + + @include entry(flat-normal, $tc: on($primary)); + &:focus { @include entry(flat-focus, $tc: on($primary)); } + &:insensitive { @include entry(flat-insensitive, $tc: on($primary, disabled)); } + + StLabel.hint-text { + color: on($primary, disabled); + } + } + + .modal-dialog-button-box { spacing: 3px; } + + .modal-dialog-button { + padding: 0 16px; + border: none; + @include button(flat-normal, $tc: on($primary)); + &:hover, &:focus { @include button(flat-hover, $tc: on($primary)); } + &:active { @include button(flat-active, $tc: on($primary)); } + &:insensitive { @include button(flat-insensitive, $tc: on($primary, disabled)); } + + &:default { + @include button(normal, $tc: on($primary)); + &:hover, &:focus { @include button(hover, $tc: on($primary)); } + &:active { @include button(active, $tc: on($primary)); } + &:insensitive { @include button(insensitive, $tc: on($primary, disabled)); } + } + } + + .cancel-button, + .switch-user-button, + .login-dialog-session-list-button { + padding: 0; + border-radius: 100px; + width: 32px; + height: 32px; + border: none; + background-color: $divider; + color: on(black); + + StIcon { icon-size: 16px; } + } + + .login-dialog-message-warning { + color: on(black, secondary); + } +} + +.login-dialog-logo-bin { padding: 24px 0px; } +.login-dialog-banner { color: on(black, secondary); } +.login-dialog-button-box { spacing: 5px; } +.login-dialog-message { text-align: center; } +.login-dialog-message-warning { color: $warning; } +.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-button:hover & { + color: on(black); + } +} + +.login-dialog-not-listed-label { + font-size: 1em; + font-weight: bold; + color: on(black, secondary); + padding-top: 1em; + &:hover { color: on(black, secondary); } + &:focus { background-color: on(black, divider); } +} + +.login-dialog-user-list-view { -st-vfade-offset: 1em; } +.login-dialog-user-list { + spacing: 12px; + padding: .2em; + width: 23em; + &:expanded .login-dialog-user-list-item:selected, + &:expanded .login-dialog-user-list-item:hover, + &:expanded .login-dialog-user-list-item:active { background-color: on(black, track); color: on(black, secondary); } + &:expanded .login-dialog-user-list-item:logged-in { border-right: 2px solid $primary; } +} + +.login-dialog-user-list-item { + border-radius: $menu_radius; + padding: 6px; + color: on(black, secondary); + + &:ltr .user-widget { padding-right: 1em; } + &:rtl .user-widget { padding-left: 1em; } + + &:focus { + background-color: $fill !important; + + // .login-dialog-timed-login-indicator { + // background-color: $track; + // } + } + + &:hover, &:focus:hover { + background-color: $divider !important; + color: on(black, secondary); + } + + &:active, &:focus:active { + background-color: $track !important; + color: on(black, secondary); + } + + .login-dialog-timed-login-indicator { + height: 2px; + margin: 6px 0 0 0; + background-color: overlay(black, hover) !important; + } +} + +.user-widget-label { + color: on(black, secondary); +} + +.user-widget.horizontal .user-widget-label { + @include fontsize($font_size + 2); + font-weight: bold; + padding-left: 15px; + + &:ltr { padding-left: 14px; text-align: left; } + &:rtl { padding-right: 14px; text-align: right; } +} + +.user-widget.vertical .user-widget-label { + @include fontsize($font_size + 5); + text-align: center; + font-weight: normal; + padding-top: 16px; +} + +.login-dialog-prompt-layout { + padding-top: 24px; + padding-bottom: 12px; + spacing: $base_spacing * 2; + width: 23em; +} + +.login-dialog-prompt-entry { + height: 1.5em; +} + +.login-dialog-prompt-label { + color: on(black, secondary); + @include fontsize($font_size + 1); + padding-top: 1em; +} diff --git a/src/src/sass/gnome-shell/common/_looking-glass.scss b/src/src/sass/gnome-shell/common/_looking-glass.scss new file mode 100644 index 00000000..2f42ddff --- /dev/null +++ b/src/src/sass/gnome-shell/common/_looking-glass.scss @@ -0,0 +1,120 @@ +/* Looking Glass */ + +// Dialog +#LookingGlassDialog { + background-color: $base; + spacing: 4px; + padding: 0; + border: none; + border-radius: $base_radius; + box-shadow: 0 3px 8px 0 rgba(black, 0.25); + color: $text; + + & > #Toolbar { + padding: 0 8px; + border: none; + border-radius: 0; + background-color: $background; + box-shadow: inset 0 -1px 0 $border; + } + + .labels { spacing: 0; } + .notebook-tab { + -natural-hpadding: 12px; + -minimum-hpadding: 6px; + font-weight: bold; + color: $text-disabled; + padding-left: 16px; + padding-right: 16px; + min-height: $item_size; + padding: 0 32px; + transition-duration: 100ms; + border-bottom-width: 0; + + &:hover { + background-color: $fill; + color: $text; + text-shadow: none; + } + + &:selected { + border-color: transparent; + background-color: $divider; + box-shadow: inset 0 -2px 0px $indicator; + color: $text; + text-shadow: none; + } + } + StBoxLayout#EvalBox { padding: 4px; spacing: 4px; } + StBoxLayout#ResultsArea { spacing: 4px; } +} + +.lg-dialog { + StEntry { + min-height: 22px; + selection-background-color: $primary; + selected-color: on($primary); + } + .shell-link { + color: $link; + &:hover { color: lighten($link, 10%); } + &:active { color: darken($link, 10%); } + } + .actor-link { + color: $text-secondary; + &:hover { color: $text; } + &:active { color: $text-secondary; } + } +} + +.lg-completions-text { + font-size: .9em; + font-style: italic; +} + +.lg-obj-inspector-title { + spacing: $base_spacing; +} + +.lg-obj-inspector-button { + padding: 0 16px; + border: none; + border-radius: $base_radius; + @extend %flat_button; + + &:hover { border: none; } +} + +// Extensions +#lookingGlassExtensions { padding: $base_padding; } + +.lg-extensions-list { + padding: $base_padding; + spacing: $base_padding; +} + +.lg-extension { + border: none; + border-radius: $base_radius; + background-color: $background; + padding: $base_padding * 2; +} + +.lg-extension-name { + font-weight: bold; +} + +.lg-extension-meta { + spacing: $base_spacing; +} + +// Inspector +#LookingGlassPropertyInspector { + color: $text_secondary; + background: $base; + border: none; + border-radius: $base_radius; + padding: $base_padding; + margin: 5px 8px 11px; + box-shadow: 0 3px 8px 0 rgba(black, 0.25); +} diff --git a/src/src/sass/gnome-shell/common/_message-list.scss b/src/src/sass/gnome-shell/common/_message-list.scss new file mode 100644 index 00000000..4acdbc5d --- /dev/null +++ b/src/src/sass/gnome-shell/common/_message-list.scss @@ -0,0 +1,130 @@ +/* Message List */ +// a.k.a. notifications in the menu + +.message-list { + width: if($compact == 'true', 25.5em, 31.5em); + padding: 0 $base_padding * 2; + text-shadow: none; + + .message-list-placeholder { spacing: $base_spacing * 2; } +} + +.message-list-sections { + margin: 0 $base_margin * 4; // to account for scrollbar +} + +.message-list-section, +.message-list-sections, +.message-list-section-list { + spacing: $base_spacing; +} + +// do-not-disturb + clear button +.message-list-controls { + margin: ($base_margin * 2) ($base_margin * 4) 0; + // NOTE: remove the padding if notification_bubble could remove margin for drop shadow + padding: $base_margin; + spacing: $base_spacing * 2; +} + +// message bubbles +.message { + margin: $base_spacing / 2 0; + + .popup-menu & { + @extend %popover_bubble; + } + + // icon container + .message-icon-bin { + margin: 8px 0; + padding: 8px 0px 8px 8px; + &:rtl { padding: 8px 8px 8px 0px; } + + // icon size and color + > StIcon { + icon-size: 32px; // 32px + -st-icon-style: symbolic; + } + + // fallback + > .fallback-app-icon { + width: 16px; + height: 16px; + } + } + + .message-secondary-bin { + padding: 0 $base_margin * 2; + + > .event-time { + color: $text-disabled; + @include fontsize($font_size - 2); + text-align: right; + padding-bottom: 0.13em; + + &:ltr { text-align: right }; + &:rtl { text-align: left }; + } + } + + .message-title { + color: $text; + font-weight: bold; + } + + .message-content { + padding: $base_padding + $base_margin * 2; + spacing: 4px; + color: $text-disabled; + } + + // close button + .message-close-button { + color: $text-secondary; + padding: 0; + height: 24px; + width: 24px; + border-radius: $circular_radius; + + &:hover, &:active { color: $text; } + &:hover, &:focus { background-color: $divider; } + &:active { background-color: $track; } + } + + // body + .message-body { + color: $text-disabled; + } +} + +// URLs in messages +.url-highlighter { + link-color: $link; +} + +.message-media-control { + margin: 18px $base_padding; + padding: $base_padding * 1.5; + border-radius: $circular_radius; + color: $text-secondary; + &:hover, &:focus { color: $text; background-color: $divider; } + &:active { color: $text; background-color: $track; } + &:insensitive { color: $text-secondary-disabled; } + + &:last-child:ltr { margin-right: $base_margin * 4; } + &:last-child:rtl { margin-left: $base_margin * 4; } +} + +// album-art +.media-message-cover-icon { + icon-size: 32px !important; + + &.fallback { + icon-size: 32px !important; + border: none; + border-radius: $menu_radius; + background-color: $divider; + color: $text-disabled; + } +} diff --git a/src/src/sass/gnome-shell/common/_misc.scss b/src/src/sass/gnome-shell/common/_misc.scss new file mode 100644 index 00000000..133d8a44 --- /dev/null +++ b/src/src/sass/gnome-shell/common/_misc.scss @@ -0,0 +1,62 @@ +// Rubberband for select-area screenshots +.select-area-rubberband { + background-color: transparentize($primary, 0.7); + border: 1px solid $primary; + border-radius: $base_radius; +} + +// User icon +.user-icon { + background-size: contain; + color: on(black, secondary); + border-radius: $circular_radius; + border: none; + box-shadow: 0 2px 3px rgba(black, 0.25); + icon-size: $base_icon_size * 4; // 64px + // margin: 6px; + + .modal-dialog & { + box-shadow: none; + } + + &:hover { + color: on(black); + } + + & StIcon { + background-color: on(black); + border-radius: $circular_radius; + padding: $base_padding * 2 ; // 12px + width: $base_icon_size * 2.5; height: $base_icon_size * 2.5; // 40px; + } + + &.user-avatar { + border: 2px solid $primary; + } +} + +.user-widget.vertical .user-icon { + icon-size: $base_icon_size * 6; // 128px + + & StIcon { + padding: $base_padding * 3 + 2px; // 20px + padding-top: $base_padding * 3; // 18 px + padding-bottom: $base_padding * 3 + 4px; // 22px + width: $base_icon_size * 5.5; height: $base_icon_size * 5.5; // 88px; + } +} + +.lightbox { background-color: black; } +.flashspot { background-color: white; } + + +// Hidden +.hidden { color: rgba(0,0,0,0);} + +// Caps-lock warning +.caps-lock-warning-label { + text-align: center; + padding-bottom: 8px; + @include fontsize($font_size - 1); + color: $warning; +} diff --git a/src/src/sass/gnome-shell/common/_network-dialog.scss b/src/src/sass/gnome-shell/common/_network-dialog.scss new file mode 100644 index 00000000..76595e76 --- /dev/null +++ b/src/src/sass/gnome-shell/common/_network-dialog.scss @@ -0,0 +1,61 @@ +/* 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: $text; } + +// header +.nm-dialog-header { + font-weight: bold; +} +.nm-dialog-header-icon { + icon-size: $base_icon_size * 2; +} +.nm-dialog-header-hbox { spacing: 10px; } + +// list of networks +.nm-dialog-scroll-view { + border: none; + padding: 0; + background-color: $fill; + border-radius: $base_radius; +} +// list item +.nm-dialog-item { + @include fontsize($font_size); + border-bottom: none; + padding: $base_padding * 2; + spacing: 0px; + + &:selected { + background-color: $primary; + color: on($primary); + } + + &:hover, &:focus { background-color: $divider; } + &:active { background-color: $track; } +} + +// icons in list +.nm-dialog-icon { icon-size: $base_icon_size; } +.nm-dialog-icons { spacing: $base_spacing * 2; } + +// no networks +.no-networks-label { color: $text-disabled; } +.no-networks-box { spacing: $base_padding; } diff --git a/src/src/sass/gnome-shell/common/_notifications.scss b/src/src/sass/gnome-shell/common/_notifications.scss new file mode 100644 index 00000000..8fb71874 --- /dev/null +++ b/src/src/sass/gnome-shell/common/_notifications.scss @@ -0,0 +1,103 @@ +/* Notifications & Message Tray */ + +// Banner notifications +.notification-banner { + width: 34em; + min-height: 64px; + margin: 2px 5px 8px; + border-radius: $base_radius; + color: $text-secondary; + background-color: $popover; + border: none; + text-shadow: none; + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.25); + border-radius: $menu_radius; + + &:hover { + color: $text; + background-color: $popover; + box-shadow: 0 5px 12px rgba(0, 0, 0, 0.25); + margin: 2px 12px 17px; + } + + &:focus { + color: $text; + background-color: $popover; + } + + .notification-actions { + background-color: transparent; + padding-top: 0; + border-top: 1px solid $border; + spacing: 0; + } + + .notification-button { + min-height: $item_size + $base_padding * 2; + padding: 0 $base_padding * 3; + background-color: transparent; + color: $text-secondary; + font-weight: 500; + border-width: 0; + + &:first-child { border-radius: 0 0 0 $menu_radius; } + + &:last-child { border-radius: 0 0 $menu_radius 0; } + + &:only-child, &:first-child:last-child { border-radius: 0 0 $menu_radius $menu_radius; } + + &:focus { + background-color: transparent; + color: $text; + box-shadow: inset 0 0 0 2px $divider; + } + + &:hover, &:focus:hover { + background-color: $divider; + color: $text; + box-shadow: none; + } + + &:active { + background-color: $track; + color: $text; + } + } +} + +// counter +.summary-source-counter { + font-size: fontsize($font_size - 1); + font-weight: bold; + height: 1.6em; width: 1.6em; + -shell-counter-overlap-x: 3px; + -shell-counter-overlap-y: 3px; + background-color: $primary; + color: on($primary); + border: 2px solid $track; + box-shadow: 0 2px 2px rgba(black, 0.5); + border-radius: 0.9em; // should be 0.8 but whatever; wish I could do 50%; +} + +// chat bubbles +.chat-body { spacing: 5px; } +.chat-response { margin: 5px; } +.chat-log-message { color: $text-secondary; } +.chat-new-group { padding-top: 1em; } +.chat-received { + padding-left: 4px; + &:rtl { padding-left: 0px; padding-right: 4px; } +} + +.chat-sent { + padding-left: 18pt; + color: $text-secondary; + &:rtl { padding-left: 0; padding-right: 18pt; } +} + +.chat-meta-message { + padding-left: 4px; + @include fontsize($font_size - 2); + color: $text-disabled; + &:rtl { padding-left: 0; padding-right: 4px; } +} diff --git a/src/src/sass/gnome-shell/common/_osd.scss b/src/src/sass/gnome-shell/common/_osd.scss new file mode 100644 index 00000000..90d8ae81 --- /dev/null +++ b/src/src/sass/gnome-shell/common/_osd.scss @@ -0,0 +1,66 @@ +/* OSD */ + +%osd_panel { + color: on($osd, secondary); + background-color: $osd; + border: none; + box-shadow: 0 3px 8px 0 rgba(black, 0.25); + margin: 5px 8px 11px; + border-radius: $menu_radius; + padding: $base_padding * 2; +} + +.osd-window { + @extend %osd_panel; + text-align: center; + font-weight: bold; + spacing: 1em; + min-width: 64px; + min-height: 64px; + + StIcon { + icon-size: $base_icon_size * 6; + } + + .osd-monitor-label { font-size: 3em; } + + .level { + height: 2px; + border-radius: 2px; + background-color: $divider; + color: $text; + + // For >= 3.29.90 + -barlevel-height: 2px; + // FIXME: above 'background-color' property rendered correct trough + // colour already, so keep -background-color style-property transparent + -barlevel-background-color: $divider; + -barlevel-active-background-color: $primary; + -barlevel-overdrive-color: $destructive; + -barlevel-overdrive-separator-width: 2px; + -barlevel-border-width: 0; + -barlevel-border-color: $border; + } + + .level-bar { + background-color: white; + border-radius: 2px; + } +} + +// Pad OSD +.pad-osd-window { + padding: 32px; + background-color: $osd; + + .pad-osd-title-box { spacing: $base_spacing * 2; } + .pad-osd-title-menu-box { spacing: $base_spacing; } +} + +.combo-box-label { + width: 15em; +} + +.resize-popup { + @extend %osd_panel; +} diff --git a/src/src/sass/gnome-shell/common/_overview.scss b/src/src/sass/gnome-shell/common/_overview.scss new file mode 100644 index 00000000..e40558fe --- /dev/null +++ b/src/src/sass/gnome-shell/common/_overview.scss @@ -0,0 +1,4 @@ + +.overview-controls { + padding-bottom: $base_padding * 5; +} diff --git a/src/src/sass/gnome-shell/common/_panel.scss b/src/src/sass/gnome-shell/common/_panel.scss new file mode 100644 index 00000000..51ada320 --- /dev/null +++ b/src/src/sass/gnome-shell/common/_panel.scss @@ -0,0 +1,172 @@ +/* Top Bar */ +// a.k.a. the panel + +#panel { + background-color: $panel; + font-weight: bold; + height: $item_size; + color: $panel-text-secondary; + font-feature-settings: "tnum"; + transition-duration: 250ms; + @include fontsize($font_size - 1); + + // the rounded outset corners + .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: $panel; + -panel-corner-border-width: 2px; + -panel-corner-border-color: transparent; + -panel-corner-opacity: 1; + transition-duration: 250ms; + } + + // panel menus + .panel-button { + -natural-hpadding: 12px; + -minimum-hpadding: 6px; + font-weight: bold; + color: $panel-text-secondary; + transition-duration: 150ms; + border-radius: $circular_radius; + text-shadow: none; + border: 2px solid transparent; + + &.clock-display { + .clock { + transition-duration: 150ms; + border: 2px solid transparent; + border-radius: $circular_radius; + } + } + + &:hover { + color: $panel-text; + background-color: transparent; + box-shadow: inset 0 0 0 1000px overlay($panel, hover); + + &.clock-display { + box-shadow: none; + color: $panel-text-secondary; + + .clock { + color: $panel-text; + box-shadow: inset 0 0 0 1000px overlay($panel, hover); + } + } + } + + &:active, &:overview, &:focus, &:checked { + &, &:hover { + background-color: transparent; + color: $panel-text; + box-shadow: inset 0 0 0 1000px overlay($panel, active); + } + + &.clock-display { + box-shadow: none; + color: $panel-text-secondary; + + .clock { + box-shadow: inset 0 0 0 1000px overlay($panel, active); + color: $panel-text; + } + } + } + + .unlock-screen &, + .login-screen &, + .lock-screen & { + color: $panel-text; + + &:focus, &:hover, &:active { color: $panel-text; } + } + + // status area icons + .system-status-icon { + icon-size: $base_icon_size; + padding: $base_padding - 1px; + margin: 0 $base_margin; + -st-icon-style: symbolic; + } + + .panel-status-indicators-box .system-status-icon, + .panel-status-menu-box .system-status-icon { + margin: 0; + } + + // app menu icon + .app-menu-icon { + -st-icon-style: symbolic; + // dimensions of the icon are hardcoded + } + + &#panelActivities { + -natural-hpadding: $base_padding * 3; + } + } + + // transparent panel on lock & login screens + &:overview, + &.unlock-screen, + &.login-screen, + &.lock-screen { + background-color: transparent; + box-shadow: none; + + StLabel, StIcon { color: on(dark, secondary); } + + .panel-button { + &:hover { + color: on(dark); + background-color: transparent; + box-shadow: inset 0 0 0 1000px overlay(dark, hover); + + &.clock-display { + box-shadow: none; + color: on(dark); + + .clock { + color: on(dark); + box-shadow: inset 0 0 0 1000px overlay(dark, hover); + } + } + } + + &:active, &:overview, &:focus, &:checked { + color: on(dark); + background-color: transparent; + box-shadow: inset 0 0 0 1000px overlay(dark, active); + + &.clock-display { + box-shadow: none; + color: on(dark); + + .clock { + box-shadow: inset 0 0 0 1000px overlay(dark, active); + color: on(dark); + } + } + } + } + + .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; + } + } + + .panel-status-indicators-box, + .panel-status-menu-box { + spacing: 2px; + } + + // spacing between power icon and (optional) percentage label + .power-status.panel-status-indicators-box { + spacing: 0; + } + + // indicator for active + .screencast-indicator, + .remote-access-indicator { color: $warning; } +} diff --git a/src/src/sass/gnome-shell/common/_popovers.scss b/src/src/sass/gnome-shell/common/_popovers.scss new file mode 100644 index 00000000..79657c24 --- /dev/null +++ b/src/src/sass/gnome-shell/common/_popovers.scss @@ -0,0 +1,178 @@ +/* Popovers/Menus */ + +//.the popover itself +.popup-menu-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: transparent; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 64px; + -arrow-rise: 6px; + -arrow-box-shadow: none; //dreaming. bug #689995 + background: transparent; // needs to reset? + box-shadow: none; +} + +// container of the popover menu +.popup-menu { + min-width: if($compact == 'true', 10em, 12em); + color: $text-secondary; + padding: 0 !important; + font-weight: normal; + border-radius: $menu_radius; + box-shadow: 0 3px 6px rgba(black, 0.08); + margin: 0 3px; + @include fontsize($font_size - 1); + + .popup-menu-content { + padding: $base_padding 0 !important; + background-color: $popover; + border-radius: $menu_radius; + margin: 0; + font-weight: normal; + + @if $rimless == 'false' { + border: 1px solid $window-border; + box-shadow: inset 0 0 0 1px highlight($popover); + } + } + + .popup-menu-item { + spacing: $base_spacing * 1.5; + padding: $base_padding 0; + color: $text-secondary; + text-shadow: none; + border-radius: $base_radius; + margin: 0 $base_padding; + font-weight: normal; + + &:ltr { padding-right: 1.5em !important; padding-left: 0 !important; } + &:rtl { padding-right: 0 !important; padding-left: 1.5em !important; } + + &:checked { + font-weight: normal; + border: none; + box-shadow: none; + color: $text; + background-color: $divider; + border-radius: $base_radius $base_radius 0 0; + + &.hover, &.selected { + color: $text; + background-color: $overlay-hover; + } + + &:active { + color: $text; + background-color: $overlay-active; + } + + &:insensitive { color: $text-secondary-disabled; } + } + + &.selected { + color: $text; + background-color: $divider; + transition-duration: 0; + } + + &:active, &.selected:active { + color: $text; + background-color: $track; + } + + &:insensitive { color: $text-secondary-disabled; } + } + + .popup-sub-menu { + background-color: $divider; + color: $text-secondary; + border: none; + box-shadow: none; + margin: 0 $base_padding; + border-radius: 0 0 $base_radius $base_radius; + + .popup-menu-item { + color: $text-secondary; + border-radius: $base_radius; + margin: 0; + + &.selected { + color: $text; + background-color: $divider; + } + + &:active, &.selected:active { + color: $text; + background-color: $track; + } + + &:insensitive { color: $text-secondary-disabled; } + } + } + + .popup-inactive-menu-item { //all icons and other graphical elements + color: $text-secondary; + + &:insensitive { color: $text-secondary-disabled; } + } + + //.popup-status-menu-item { font-weight: normal; color: pink; } //dunno what that is + &.panel-menu { + -boxpointer-gap: $base_margin; // distance from the panel + margin-bottom: 1.75em; + } +} +// symbolic icons in popover +.popup-menu-arrow, +.popup-menu-icon { icon-size: $base_icon_size; } + +// container for radio and check boxes +.popup-menu-ornament { + width: 1.2em; + + &:ltr { text-align: right }; + &:rtl { text-align: left }; +} + +// separator +.popup-separator-menu-item { + padding: 0 0; + + .popup-separator-menu-item-separator { + height: 1px; //not really the whole box + margin: 0 0; + background-color: $border; + padding: 0 0; + + .popup-sub-menu & { //submenu separators + padding: 0 0; + margin: 0 32px 0 0; + height: 1px; + background-color: $border; + } + } +} + +// desktop background menu +.background-menu { + -boxpointer-gap: $base_margin; + -arrow-rise: 0px; // hide the beak on the menu +} + +// system status popover menu +.aggregate-menu { + min-width: if($compact == 'true', 19em, 20em); + + // lock screen, shutdown, etc. buttons + .popup-menu-icon { + padding: 0; + margin: 0 $base_padding / 2; + -st-icon-style: symbolic; + } + + .popup-sub-menu .popup-menu-item > :first-child { + &:ltr { padding-left: $base_padding * 2 + 6px; margin-left: 1em; } + &:rtl { padding-right: $base_padding * 2 + 6px; margin-right: 1em; } + } +} diff --git a/src/src/sass/gnome-shell/common/_screen-shield.scss b/src/src/sass/gnome-shell/common/_screen-shield.scss new file mode 100644 index 00000000..6e7697de --- /dev/null +++ b/src/src/sass/gnome-shell/common/_screen-shield.scss @@ -0,0 +1,74 @@ +/* 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; + + .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; + } + + .notification, + .unlock-dialog-notification-source { + padding: 12px 6px; + border: none; + background-color: $osd; + color: on($osd); + border-radius: $menu_radius; + + &.critical { background-color: lighten($osd, 8%); } + } +} + +.unlock-dialog-notification-label { + padding: 0px 0px 0px 12px; +} + +.unlock-dialog-notification-count-text { + weight: bold; + padding: 0 6px; + color: on($primary); + background-color: $primary; + border-radius: $circular_radius; + margin-right: 12px; +} + +.screen-shield-background { //just the shadow, really + background: black; + box-shadow: 0 2px 3px 0 rgba(black, 0.15); +} + +#unlockDialogNotifications { + StButton#vhandle, StButton#hhandle { + background-color: transparentize($background, 0.7); + &:hover, &:focus { background-color: transparentize($background,0.5); } + &:active { background-color: transparentize($primary, 0.5); } + } +} diff --git a/src/src/sass/gnome-shell/common/_scrollbars.scss b/src/src/sass/gnome-shell/common/_scrollbars.scss new file mode 100644 index 00000000..95e65c48 --- /dev/null +++ b/src/src/sass/gnome-shell/common/_scrollbars.scss @@ -0,0 +1,30 @@ +/* Scrollbars */ + +StScrollView { + &.vfade { -st-vfade-offset: 32px; } + &.hfade { -st-hfade-offset: 32px; } +} + +StScrollBar { + padding: 0; + + StScrollView & { + min-width: 16px; + min-height: 16px; + } + + StBin#trough { + margin: 6px; + border-radius: $circular_radius; + background-color: $divider; + } + + StButton#vhandle, StButton#hhandle { + border-radius: $circular_radius; + background-color: $text-disabled; + //border: 4px solid transparent; //would be nice to margin or at least to transparent + margin: 6px; + &:hover { background-color: $text-secondary; } + &:active { background-color: $text; } + } +} diff --git a/src/src/sass/gnome-shell/common/_search-entry.scss b/src/src/sass/gnome-shell/common/_search-entry.scss new file mode 100644 index 00000000..e52878e8 --- /dev/null +++ b/src/src/sass/gnome-shell/common/_search-entry.scss @@ -0,0 +1,48 @@ +// Search entry +%search-entry, .search-entry { + width: 320px; + min-height: $item_size; + padding: 0 $base_padding * 2; + color: $text-secondary; + transition-duration: 150ms; + border-radius: $base_radius; + caret-color: $text; + selection-background-color: $divider; + selected-color: on($primary) !important; + @include entry(normal, $bc: $base); + + &:hover { + @include entry(hover, $bc: $base); + } + + &:focus { + @if $theme == 'grey' { + @include entry(focus, $bc: $base, $fc: white); + } @else { + @include entry(focus, $bc: $base); + } + } + + .search-entry-icon { + icon-size: 16px; + padding: 0 0; + color: $text-secondary-disabled; + } + + &:hover, &:focus { + .search-entry-icon { color: $text-secondary; } + } + + &:insensitive { + border: none; + color: $text-secondary-disabled; + } + + StLabel.hint-text { + color: $text-disabled; + } +} + +.popup-menu .search-entry { // reset + @extend %entry; +} diff --git a/src/src/sass/gnome-shell/common/_search-results.scss b/src/src/sass/gnome-shell/common/_search-results.scss new file mode 100644 index 00000000..b5ff5a9d --- /dev/null +++ b/src/src/sass/gnome-shell/common/_search-results.scss @@ -0,0 +1,107 @@ +/* Search */ + +%search-section-content-item { + border-radius: $base_radius; + padding: $base_padding; + transition-duration: 100ms; + text-align: center; + + &:focus, + &:hover, + &:selected { + background-color: overlay(black, hover); + transition-duration: 200ms; + } + + &:active, + &:checked { + background-color: overlay(black, active); + } +} + +// search overview container +#searchResultsContent { + max-width: 1024px; + spacing: $base_margin * 2; +} + +// search results sections "the boxes" +.search-section { + // This should be equal to #searchResultsContent spacing + spacing: $base_margin * 2; + background: none; + + // separator + .search-section-separator { + height: 1px; + background-color: on(black, divider); + } +} + +// content +.search-section-content { // This is the space between the provider icon and the results container + spacing: $base_margin * 2; + border-radius: 0; + padding: $base_padding * 3; + border: none; + box-shadow: none; + background: none; + text-shadow: none; + color: on(black, secondary); +} + +// "no results" text +.search-statustext { + font-size: 2em; + font-weight: bold; + color: on(black, disabled); +} + +.grid-search-results { + spacing: $base_spacing * 6; +} + +// Search results with icons +.grid-search-result { + @extend %app-well-app; +} + +// search result provider +.search-provider-icon { + @extend %search-section-content-item; + // content + .list-search-provider-content { + spacing: $base_spacing * 2; + + // provider labels + .list-search-provider-details { + width: 120px; + margin-top: 0; + color: on(black, disabled); + // font-weight: bold; + } + } +} + +// search results list +.list-search-results { + spacing: $base_spacing; +} + +// search result listitem +.list-search-result { + @extend %search-section-content-item; + // content + .list-search-result-content { + spacing: $base_padding; + } + + // list item title (with leading icon) + .list-search-result-title { + spacing: $base_spacing * 2; + // font-weight: bold; + } + + // list item description + .list-search-result-description { color: on(black, secondary); } +} diff --git a/src/src/sass/gnome-shell/common/_slider.scss b/src/src/sass/gnome-shell/common/_slider.scss new file mode 100644 index 00000000..6d9cf727 --- /dev/null +++ b/src/src/sass/gnome-shell/common/_slider.scss @@ -0,0 +1,30 @@ +/* Slider */ + +$slide_active_color: if($variant == 'dark' and $theme == 'grey', rgba(white, 0.85), $primary); +$slide_size: if($compact == 'false', 7px, 6px); + +.slider { + height: 20px; + color: $base; + + -slider-height: 2px; + -slider-background-color: $track; //background of the trough + -slider-border-color: $primary; //trough border color + -slider-active-background-color: $slide_active_color; //active trough fill + -slider-active-border-color: $primary; //active trough border + -slider-border-width: 2px; + -slider-handle-radius: $slide_size; + -slider-handle-border-width: 2px; + -slider-handle-border-color: $primary; + + // barlevels are for >= 3.29.90 + -barlevel-height: 2px; + -barlevel-background-color: $track; + -barlevel-border-color: transparent; + -barlevel-active-background-color: $slide_active_color; + -barlevel-active-border-color: transparent; + -barlevel-overdrive-color: $destructive; + -barlevel-overdrive-border-color: transparent; + -barlevel-overdrive-separator-width: 2px; + -barlevel-border-width: 0; +} diff --git a/src/src/sass/gnome-shell/common/_switcher-popup.scss b/src/src/sass/gnome-shell/common/_switcher-popup.scss new file mode 100644 index 00000000..90b51ab4 --- /dev/null +++ b/src/src/sass/gnome-shell/common/_switcher-popup.scss @@ -0,0 +1,67 @@ +/* App Switcher */ + +.switcher-popup { + padding: 8px; + spacing: $base_spacing * 4; +} + +// switcher onscreen panel +.switcher-list { + @extend %osd_panel; + + .item-box { + padding: 8px; + border-radius: $base_radius; + border: 1px solid transparent; + + &:outlined { + background-color: $divider; + color: $text; // for Ubuntu session + } + + &:selected { + background-color: $primary; + color: on($primary); + } + } + + // window thumbnails + .thumbnail-box { + padding: 2px; + spacing: $base_spacing; + } + + .thumbnail { + width: 256px; + } + + .separator { + width: 1px; + background: $border; + } + + .switcher-list-item-container { + spacing: $base_spacing * 2; + } +} + +.switcher-arrow { + border-color: rgba(0,0,0,0); + color: $text-disabled; + + &:highlighted { + color: $text; + } +} + +// Input Source Switcher +.input-source-switcher-symbol { + font-size: 34pt; + width: 96px; + height: 96px; +} + +// Window cycler highlight +.cycler-highlight { + border: 5px solid $primary; +} diff --git a/src/src/sass/gnome-shell/common/_switches.scss b/src/src/sass/gnome-shell/common/_switches.scss new file mode 100644 index 00000000..3ddd6f28 --- /dev/null +++ b/src/src/sass/gnome-shell/common/_switches.scss @@ -0,0 +1,32 @@ +/* Switches */ + +.toggle-switch { + width: 40px; + height: 20px; + background-size: contain; + background-image: url("assets/toggle-off#{$asset_suffix}.svg"); + + &:checked { + @if $theme == 'grey' { + background-image: url("assets/toggle-on#{$asset_suffix}.svg"); + } + @else { + background-image: url("assets/toggle-on.svg"); + } + } + + .popup-sub-menu & { + @if $variant == 'dark' { background-image: url("assets/toggle-off.svg"); } + @else { background-image: url("assets/toggle-off-dark.svg"); } + + &:checked { + @if $theme == 'grey' { + @if $variant == 'dark' { background-image: url("assets/toggle-on.svg"); } + @else { background-image: url("assets/toggle-on-dark.svg"); } + } + @else { + background-image: url("assets/toggle-on.svg"); + } + } + } +} diff --git a/src/src/sass/gnome-shell/common/_tiled-previews.scss b/src/src/sass/gnome-shell/common/_tiled-previews.scss new file mode 100644 index 00000000..13b8ae42 --- /dev/null +++ b/src/src/sass/gnome-shell/common/_tiled-previews.scss @@ -0,0 +1,21 @@ + +/* Tiled window previews */ + +$tile_corner_radius: $base_radius + 1px; + +.tile-preview { + background-color: rgba($primary, 0.3); + border: 1px solid $primary; +} + +.tile-preview-left.on-primary { + border-radius: $tile_corner_radius 0 0 0; +} + +.tile-preview-right.on-primary { + border-radius: 0 $tile_corner_radius 0 0; +} + +.tile-preview-left.tile-preview-right.on-primary { + border-radius: $tile_corner_radius $tile_corner_radius 0 0; +} diff --git a/src/src/sass/gnome-shell/common/_workspace-switcher.scss b/src/src/sass/gnome-shell/common/_workspace-switcher.scss new file mode 100644 index 00000000..23bbf219 --- /dev/null +++ b/src/src/sass/gnome-shell/common/_workspace-switcher.scss @@ -0,0 +1,36 @@ +/* Workspace Switcher */ +.workspace-switcher-group { + padding: $base_padding * 2; +} + +.workspace-switcher-container { + @extend %osd_panel; +} + +.workspace-switcher { + background: transparent; + border: none; + border-radius: 0; + padding: 0; + spacing: $base_spacing * 2; +} + +.ws-switcher-box { + background: transparent; + height: 50px; + background-size: 32px; + background: $divider; + border-radius: $base_radius; +} + +// active workspace in the switcher +.ws-switcher-active-up, +.ws-switcher-active-down, +.ws-switcher-active-left, +.ws-switcher-active-right { + height: 52px; + background-color: $primary; + color: on($primary); + border-radius: $base_radius + 3px; + border: none; +} diff --git a/src/src/sass/gnome-shell/extensions-3-28/_dash-to-dock.scss b/src/src/sass/gnome-shell/extensions-3-28/_dash-to-dock.scss new file mode 100644 index 00000000..ca5e5652 --- /dev/null +++ b/src/src/sass/gnome-shell/extensions-3-28/_dash-to-dock.scss @@ -0,0 +1,161 @@ +// Dash to Dock + +// Scrollview style +.bottom #dashtodockDashScrollview, +.top #dashtodockDashScrollview { + -st-hfade-offset: 24px; +} + +.left #dashtodockDashScrollview, +.right #dashtodockDashScrollview { + -st-vfade-offset: 24px; +} + +#dashtodockContainer { + background-color: transparent; + + .app-well-app-running-dot { + background-color: on(black, track); + } + + .number-overlay { + color: $panel-text; + background-color: rgba(black, 0.75); + text-align: center; + } + + .notification-badge { + color: on($primary); + background-color: $primary; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); + border-radius: $circular_radius; + margin: 2px; + padding: 0.2em 0.6em; + font-weight: bold; + text-align: center; + } + + &.straight-corner #dash, + &.shrink.straight-corner #dash { + border-radius: 0; + margin: 0; + } + + &.extended.top, + &.extended.bottom { + #dash { + border-left: 0; + border-right: 0; + padding-top: 0; + padding-bottom: 0; + } + } + + &.extended.right, + &.extended.left { + #dash { + border-top: 0; + border-bottom: 0; + padding-top: 0; + padding-bottom: 0; + } + } + + &.dashtodock #dash { background-color: $panel; } + + #dash { // default-mode + background-color: $panel; + + .app-well-app-running-dot { + background-color: $panel-text-secondary; + } + + StWidget.focused .app-well-app-running-dot { + background-color: $indicator; + } + } + + &.opaque #dash { // solid-mode + background-color: $panel; + } + + &.transparent #dash { // translucent-mode + background-color: rgba($panel, 0.35); // does not work + } + + &:overview #dash { // overview-mode #1 + background-color: on(black, divider); + + .app-well-app-running-dot { + background-color: on(black, track); + } + + StWidget.focused .app-well-app-running-dot { + background-color: $indicator; + } + } + + &.opaque:overview, + &.transparent:overview { // overview-mode #2 + #dash { + background-color: transparent !important; + box-shadow: none !important; + } + } + + &.extended:overview, // overview-mode #3 + &.opaque.extended:overview, + &.transparent.extended:overview { + #dash { + background-color: $panel; + } + } + + &.running-dots, + &.dashtodock { + .dash-item-container > StButton { + transition-duration: 250ms; + background-size: contain; + } + } + + &.shrink, + &.dashtodock { + .dash-item-container > StButton { + padding: 1px 2px; + } + } + + .app-well-app, + .show-apps { + .overview-icon { + padding: 8px; + background-size: contain; + } + } + + &.extended, + &.extended:overview { + .app-well-app, + .show-apps { + .overview-icon { + border-radius: $base_radius; + } + } + } + + .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; +} diff --git a/src/src/sass/gnome-shell/extensions-3-28/_misc.scss b/src/src/sass/gnome-shell/extensions-3-28/_misc.scss new file mode 100644 index 00000000..a2f2bf1d --- /dev/null +++ b/src/src/sass/gnome-shell/extensions-3-28/_misc.scss @@ -0,0 +1,58 @@ +// Simple Dock +#dash:desktop { + background-color: $panel; +} + +// OpenWeather Extension +.openweather { + &-button, + &-button-action, + &-menu-button-container, + &-button-box { + border: 1px solid transparent; + } + + &-provider { + // generic text buttons are allocated with y-expand-ed + padding: 0 16px; + font-weight: 500; + border: 1px solid transparent; + } + + &-current { + &-icon, + &-summary, + &-summarybox { + background: none; + color: $text; + } + + &-databox-values { + background: none; + color: $text-disabled; + } + + &-databox-captions { + background: none; + color: $text-disabled; + } + } + + &-forecast { + &-icon, + &-summary { + background: none; + color: $text-secondary; + } + + &-day, + &-temperature { + background: none; + color: $text-disabled; + } + } + + &-sunrise-icon, + &-sunset-icon, + &-build-icon { color: $text-secondary; } +} diff --git a/src/src/sass/gnome-shell/extensions-40-0/_dash-to-dock.scss b/src/src/sass/gnome-shell/extensions-40-0/_dash-to-dock.scss new file mode 100644 index 00000000..9494d4ef --- /dev/null +++ b/src/src/sass/gnome-shell/extensions-40-0/_dash-to-dock.scss @@ -0,0 +1,222 @@ +// Dash to Dock + +// Scrollview style +.bottom #dashtodockDashScrollview, +.top #dashtodockDashScrollview { + -st-hfade-offset: 24px; +} + +.left #dashtodockDashScrollview, +.right #dashtodockDashScrollview { + -st-vfade-offset: 24px; +} + +#dashtodockContainer { + background-color: transparent; + + .number-overlay { + color: $panel-text; + background-color: rgba(black, 0.75); + text-align: center; + } + + .notification-badge { + color: on($primary); + background-color: $primary; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); + border-radius: $circular_radius; + margin: 2px; + padding: 0.2em 0.6em; + font-weight: bold; + text-align: center; + } + + &.straight-corner #dash, + &.shrink.straight-corner #dash { + border-radius: 0; + margin: 0; + + .dash-background { + border-radius: 0; + } + } + + &.extended.top, + &.extended.bottom, + &.extended.right, + &.extended.left { + #dash { + margin-left: 0; + margin-right: 0; + margin-top: 0; + margin-bottom: 0; + padding: 0 0; + + .dash-background { + border-radius: 0; + margin-left: 0; + margin-right: 0; + margin-top: 0; + margin-bottom: 0; + } + } + } + + &.left, + &.right { + #dash { + margin-top: 0; + padding: $dash_padding 0; + + .dash-background { // default-mode + margin-bottom: 0; + } + } + + .dash-item-container .app-well-app, .show-apps { + padding: $base_padding; + } + } + + &.left #dash { + margin-left: $base_padding; + } + + &.right #dash { + margin-right: $base_padding; + } + + &.dashtodock #dash .dash-background { background-color: $panel; } + + #dash .dash-background { // default-mode + background-color: $panel; + } + + .app-well-app-running-dot { + background-color: on($panel, track) !important; + } + + StWidget.focused .app-well-app-running-dot { + background-color: $indicator !important; + } + + &:overview #dash .app-well-app-running-dot { + background-color: on(dark, track) !important; + } + + &:overview #dash StWidget.focused .app-well-app-running-dot { + background-color: $inverse-indicator !important; + } + + .show-apps, + .app-well-app { + & .overview-icon { + color: on($panel, secondary); + } + + &:hover .overview-icon, + &:focus .overview-icon, + &:selected .overview-icon { + background-color: on($panel, divider); + } + + &:active .overview-icon, + &:checked .overview-icon { + background-color: on($panel, track); + } + } + + &:overview #dash .show-apps, + &:overview #dash .app-well-app { + & .overview-icon { + color: on(dark, secondary); + } + + &:hover .overview-icon, + &:focus .overview-icon, + &:selected .overview-icon { + background-color: on(dark, divider); + } + + &:active .overview-icon, + &:checked .overview-icon { + background-color: on(dark, track); + } + } + + .app-well-app-running-dot { + background-color: on(black, track); + } + + StWidget.focused .app-well-app-running-dot { + background-color: $indicator; + } + + &.opaque #dash .dash-background { // solid-mode + background-color: $panel; + } + + &.transparent #dash .dash-background { // translucent-mode + background-color: rgba($panel, 0.35); // does not work + } + + &:overview #dash .dash-background { // overview-mode #1 + background-color: on(black, divider); + } + + &.opaque:overview, + &.transparent:overview { // overview-mode #2 + #dash .dash-background { + background-color: transparent !important; + box-shadow: none !important; + } + } + + &.extended:overview, // overview-mode #3 + &.opaque.extended:overview, + &.transparent.extended:overview { + #dash .dash-background { + background-color: $panel; + } + } + + &.running-dots, + &.dashtodock { + .dash-item-container > StButton { + transition-duration: 250ms; + background-size: contain; + } + } + + &.shrink, + &.dashtodock { + .dash-item-container > StButton { + padding: 1px 2px; + } + } + + &.extended, + &.extended:overview { + .app-well-app, + .show-apps { + .overview-icon { + border-radius: $base_radius; + } + } + } + + .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; +} diff --git a/src/src/sass/gnome-shell/extensions-40-0/_misc.scss b/src/src/sass/gnome-shell/extensions-40-0/_misc.scss new file mode 100644 index 00000000..cec95b98 --- /dev/null +++ b/src/src/sass/gnome-shell/extensions-40-0/_misc.scss @@ -0,0 +1,54 @@ + +// OpenWeather Extension +.openweather { + &-button, + &-button-action, + &-menu-button-container, + &-button-box { + border: 1px solid transparent; + } + + &-provider { + // generic text buttons are allocated with y-expand-ed + padding: 0 16px; + font-weight: 500; + border: 1px solid transparent; + } + + &-current { + &-icon, + &-summary, + &-summarybox { + background: none; + color: $text; + } + + &-databox-values { + background: none; + color: $text-disabled; + } + + &-databox-captions { + background: none; + color: $text-disabled; + } + } + + &-forecast { + &-icon, + &-summary { + background: none; + color: $text-secondary; + } + + &-day, + &-temperature { + background: none; + color: $text-disabled; + } + } + + &-sunrise-icon, + &-sunset-icon, + &-build-icon { color: $text-secondary; } +} diff --git a/src/src/sass/gnome-shell/widgets-3-28/_app-grid.scss b/src/src/sass/gnome-shell/widgets-3-28/_app-grid.scss new file mode 100644 index 00000000..19940944 --- /dev/null +++ b/src/src/sass/gnome-shell/widgets-3-28/_app-grid.scss @@ -0,0 +1,150 @@ + +$app_icon_size: 96px; +$app_icon_padding: 24px; +$app_icon_spacing: 6px; + +// app icons +.icon-grid { + row-spacing: $app_icon_spacing * 6; + column-spacing: $app_icon_spacing * 6; + max-row-spacing: $app_icon_spacing * 12; + max-column-spacing: $app_icon_spacing * 12; + + // for 3.26 + -shell-grid-horizontal-item-size: $app_icon_size + $app_icon_padding * 2; + -shell-grid-vertical-item-size: $app_icon_size + $app_icon_padding * 2; + spacing: $app_icon_spacing * 4; + + .overview-icon { + icon-size: $app_icon_size; + } +} + +.app-folder-icon { + padding: $app_icon_spacing; + spacing-rows: $app_icon_spacing; + spacing-columns: $app_icon_spacing; +} + +// expanded folder +.app-folder-dialog { + & .page-indicators { + .page-indicator { + padding: 15px 12px; + } + } + + & StButton#vhandle, + & StButton#vhandle:hover, + & StButton#vhandle:active { background-color: transparent; } +} + +.page-indicator { + padding: 15px 20px; + + .page-indicator-icon { + width: 12px; + height: 12px; + border-radius: 12px; + margin: 0; + padding: 0; + background-image: none; + color: transparent; + border: none; + box-shadow: none; + background-color: on(black, secondary-disabled); + } + &:hover .page-indicator-icon { + background-image: none; + background-color: on(black, disabled); + } + &:active .page-indicator-icon { + margin: 0; + padding: 0; + background-image: none; + color: transparent; + border: none; + box-shadow: none; + background-color: on(black); + } + &:checked .page-indicator-icon { + background-image: none; + background-color: on(black, secondary); + } + &:checked:active { background-image: none; } +} + +//Some hacks I don't even +.all-apps, +.search-display > StBoxLayout, +.frequent-apps > StBoxLayout { + // horizontal padding to make sure scrollbars or dash don't overlap content + padding: 0px 88px 10px 88px; +} + +// +// gnome-shell 3.36 +// +.app-view-controls { //favorties | all toggle container + width: 320px; + padding-bottom: 32px; + margin: 0 0; +} + +.app-view-control { //favorties | all toggle button + padding: 0 16px; + margin: 0 0; + font-weight: bold; + color: on(black, secondary); + background-color: overlay(black); + + &:hover { + color: on(black); + background-color: overlay(black, hover); + } + + &:active { + color: on(black); + background-color: darken($primary, 3%); + } + + &:checked { + color: on($primary); + background-color: $primary; + box-shadow: none; + } + + &:first-child { + border-right-width: 0; + border-radius: $menu_radius 0 0 $menu_radius; + } + + &:last-child { + border-radius: 0 $menu_radius $menu_radius 0; + } +} + +// Collections +.app-folder-popup { //expanded collection + -arrow-border-radius: $menu_radius * 2; + -arrow-background-color: on(black, divider); + -arrow-base: 0; + -arrow-rise: 12px; +} + +.app-folder-popup-bin { padding: 5px; } + +.no-frequent-applications-label { + @include fontsize($font_size - 2); + color: on(black, disabled); +} + +.overview-icon.overview-icon-with-label, +.grid-search-result .overview-icon.overview-icon-with-label { + padding: 10px 8px 5px 8px; + spacing: 6px; + + > StBoxLayout { + spacing: 6px; + } +} diff --git a/src/src/sass/gnome-shell/widgets-3-28/_dash.scss b/src/src/sass/gnome-shell/widgets-3-28/_dash.scss new file mode 100644 index 00000000..17f88802 --- /dev/null +++ b/src/src/sass/gnome-shell/widgets-3-28/_dash.scss @@ -0,0 +1,23 @@ +#dash { + color: on(black, secondary); + background-color: on(black, divider); + border-left: 0; + border-radius: 0 $modal_radius $modal_radius 0; + padding: 6px; + border: none; + box-shadow: none; + + &:rtl { + border-radius: $modal_radius 0 0 $modal_radius; + } + + .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; + } +} + +.dash-item-container > StWidget { + padding: 3px 6px; +} diff --git a/src/src/sass/gnome-shell/widgets-3-28/_login-dialog.scss b/src/src/sass/gnome-shell/widgets-3-28/_login-dialog.scss new file mode 100644 index 00000000..1f3f65f7 --- /dev/null +++ b/src/src/sass/gnome-shell/widgets-3-28/_login-dialog.scss @@ -0,0 +1,41 @@ +.user-widget.horizontal { + .user-widget-label { + // @include font(title); + font-weight: bold; + text-align: left; + padding-left: 15px; + + &:ltr { padding-left: 14px; } + &:rtl { padding-right: 14px; } + } + + .user-icon { + icon-size: 64px; // 64px + + & StIcon { + padding: 12px; // 12px + width: 40px; + height: 40px; // 40px; + } + } +} + +.user-widget.vertical { + .user-widget-label { + text-align: center; + font-weight: normal; + padding-top: 16px; + } + + .user-icon { + icon-size: 96px; // 128px + + & StIcon { + padding: 20px; // 20px + padding-top: 18px; // 18 px + padding-bottom: 22px; // 22px + width: 88px; + height: 88px; // 88px; + } + } +} diff --git a/src/src/sass/gnome-shell/widgets-3-28/_other.scss b/src/src/sass/gnome-shell/widgets-3-28/_other.scss new file mode 100644 index 00000000..80e03c4b --- /dev/null +++ b/src/src/sass/gnome-shell/widgets-3-28/_other.scss @@ -0,0 +1,223 @@ + +// ShellMountOperation Dialogs +.shell-mount-operation-icon { icon-size: 48px; } + +.mount-dialog { + spacing: 24px; + + .message-dialog-title { + padding-top: 10px; + padding-left: 17px; + padding-bottom: 6px; + max-width: 34em; + } + + .message-dialog-title:rtl { + padding-left: 0px; + padding-right: 17px; + } + + .message-dialog-body { + padding-left: 17px; + width: 28em; + } + + .message-dialog-body:rtl { + padding-left: 0px; + padding-right: 17px; + } +} + +.mount-dialog-app-list { + max-height: 200px; + padding-top: 24px; + padding-left: 49px; + padding-right: 32px; +} + +.mount-dialog-app-list:rtl { + padding-right: 49px; + padding-left: 32px; +} + +.mount-dialog-app-list-item { + color: $text; + &:hover { color: $text; } + &:ltr { padding-right: 1em; } + &:rtl { padding-left: 1em; } +} + +.mount-dialog-app-list-item-icon { + &:ltr { padding-right: 17px; } + &:rtl { padding-left: 17px; } +} + +.mount-dialog-app-list-item-name { + font-size: 1em; +} + +// Access Dialog +.access-dialog { + spacing: 30px; +} + +// Geolocation Dialog +.geolocation-dialog { + spacing: 30px; +} + +// Extension Dialog +.extension-dialog { + .message-dialog-main-layout { spacing: 24px; padding: 10px; } + .message-dialog-title { color: $text-secondary; } +} + +// Inhibit-Shortcuts Dialog +.inhibit-shortcuts-dialog { + spacing: 30px; +} + +// Network Agent Dialog +.network-dialog-secret-table { + spacing-rows: 15px; + spacing-columns: 1em; +} + +.keyring-dialog-control-table { + spacing-rows: 15px; + spacing-columns: 1em; +} + +.secondary-icon { icon-size: em(16px); } + +//hotplug +.hotplug-resident-box { spacing: 8px; } + +.hotplug-resident-mount { + spacing: 8px; + border-radius: $base_radius; + &:hover { background-color: $divider; } + &:active { background-color: $track; } +} + +.hotplug-resident-mount-label { + color: inherit; + padding-left: 6px; +} + +.hotplug-resident-mount-icon { + icon-size: 24px; + padding-left: 6px; +} + +.hotplug-resident-eject-icon { + icon-size: 16px; +} + +.hotplug-resident-eject-button { + padding: 7px; + border-radius: $base_radius; + color: $text; +} + +.url-highlighter { link-color: $link; } + +// a little unstructured mess: +.system-switch-user-submenu-icon.user-icon { + icon-size: 20px; + padding: 0 2px; +} + +.system-switch-user-submenu-icon.default-icon { + icon-size: 16px; + padding: 0 4px; +} + +.system-switch-user-submenu-icon { + icon-size: 16px; + padding: 0 4px; +} + +.system-menu-action { + color: $text-secondary; + border-radius: $circular_radius; /* wish we could do 50% */ + padding: $base_padding * 2; + border: none; + -st-icon-style: symbolic; // >= 3.29.90 + + &:hover, &:focus { + background-color: $divider; + color: $text; + border: none; + padding: $base_padding * 2; + } + + &:active { background-color: $track; color: $text; } + + & > StIcon { icon-size: 16px; } +} + +.screen-shield-arrows { + padding-bottom: 3em; +} + +.screen-shield-arrows Gjs_Arrow { + color: white; + width: 80px; + height: 48px; + -arrow-thickness: 12px; +} + +.screen-shield-clock { + color: white; + text-shadow: none; + font-weight: normal; + text-align: center; + padding-bottom: 1.5em; +} + +.screen-shield-clock-time { + @include fontsize($font_size - 4); + text-shadow: none; +} + +.screen-shield-clock-date { @include fontsize($font_size - 2); } + +.screen-shield-notifications-container { + spacing: $base_spacing; + width: 30em; + background-color: transparent; + max-height: 500px; + .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; + } + + .notification, + .screen-shield-notification-source { + padding: 8px; + border: none; + background-color: $osd; + color: on($osd, secondary); + border-radius: $menu_radius; + } + .notification { margin-right: 16px; } //compensate for space allocated to the scrollbar +} + +.screen-shield-notification-label { + min-height: $item_size; + padding: 2px 0px 0px 16px; + font-weight: bold; +} + +.screen-shield-notification-count-text { + min-height: $item_size; + padding: 2px 0px 0px 16px; + color: on($osd, secondary); +} + +#panel.lock-screen { background-color: $osd; } + +#screenShieldNotifications { + StScrollBar { @extend %overview_scrollbar; } +} diff --git a/src/src/sass/gnome-shell/widgets-3-28/_overview.scss b/src/src/sass/gnome-shell/widgets-3-28/_overview.scss new file mode 100644 index 00000000..9b79e0f6 --- /dev/null +++ b/src/src/sass/gnome-shell/widgets-3-28/_overview.scss @@ -0,0 +1,17 @@ + +%overview_scrollbar { + StBin#trough { + background-color: on($osd, divider); + } + + StButton#vhandle, StButton#hhandle { + background-color: on($osd, disabled); + &:hover { background-color: on($osd, secondary); } + &:active { background-color: on($osd); } + } +} + +#overview { + spacing: 24px; + StScrollBar { @extend %overview_scrollbar; } +} diff --git a/src/src/sass/gnome-shell/widgets-3-28/_panel.scss b/src/src/sass/gnome-shell/widgets-3-28/_panel.scss new file mode 100644 index 00000000..f13d03b1 --- /dev/null +++ b/src/src/sass/gnome-shell/widgets-3-28/_panel.scss @@ -0,0 +1,31 @@ +// panel +#panel { + #panelLeft, #panelCenter { // spacing between activities<>app menu and such + spacing: 0; + } + + .panel-button { + .popup-menu-arrow { width: 0; height: 0; } // Remove arrow on panel button + } + + .panel-status-indicators-box, + .panel-status-menu-box { + spacing: 2px; + } + + // spacing between power icon and (optional) percentage label + .power-status.panel-status-indicators-box { + spacing: 0; + } + + .screencast-indicator { color: $error; } + .remote-access-indicator { color: $warning; } // > 3.29.4 +} + +// App Menu +#appMenu { + spinner-image: url("process-working.svg"); + spacing: 4px; + + .label-shadow { color: transparent; } +} diff --git a/src/src/sass/gnome-shell/widgets-3-28/_window-picker.scss b/src/src/sass/gnome-shell/widgets-3-28/_window-picker.scss new file mode 100644 index 00000000..a4193f78 --- /dev/null +++ b/src/src/sass/gnome-shell/widgets-3-28/_window-picker.scss @@ -0,0 +1,53 @@ +.window-picker { //container around window thumbnails + -horizontal-spacing: 16px; + -vertical-spacing: 16px; + padding: 0 16px 32px; + spacing: 12px; + + &.external-monitor { padding: 16px; } +} + +.window-caption { + spacing: 25px; + color: on(black, secondary); + background-color: $scrim; + border-radius: $base_radius; + padding: $base_padding / 2 $base_padding * 2; + border: none; + font-weight: normal; + @include fontsize($font_size - 1); +} + +.window-clone-border { + border: 4px solid on(black, track); + border-radius: $base_radius + 3px; + // For window decorations with round corners we can't match + // the exact shape when the window is scaled. So apply a shadow + // to fix that case + box-shadow: inset 0 0 0 1px on(black, track); +} + +$window_close_button_size: 30px; +$window_close_button_padding: 3px; + +// Close button +.window-close { + background-color: $scrim; + color: on($scrim); + border-radius: $window_close_button_size * 0.5 + $window_close_button_padding * 2; + padding: $window_close_button_padding; + height: $window_close_button_size; + width: $window_close_button_size; + box-shadow: -1px 1px 5px 0px rgba(black, 0.5); + transition-duration: 300ms; + + &:hover { + color: on($scrim); + background-color: lighten($scrim, 6%); + } + + &:active { + color: on($scrim); + background-color: darken($scrim, 6%); + } +} diff --git a/src/src/sass/gnome-shell/widgets-3-28/_workspace-thumbnails.scss b/src/src/sass/gnome-shell/widgets-3-28/_workspace-thumbnails.scss new file mode 100644 index 00000000..579e2959 --- /dev/null +++ b/src/src/sass/gnome-shell/widgets-3-28/_workspace-thumbnails.scss @@ -0,0 +1,34 @@ +// Workspace pager + +.workspace-thumbnails { //container ala dash + color: on(black, secondary); + background-color: on(black, divider); + border: none; + visible-width: 32px; //amount visible before hover + spacing: 12px; + padding: 16px; + border-radius: $modal_radius; + margin: 6px; + // border-width: 0; //fixme: can't have non unoform borders :( + // &:rtl { border-radius: $bt_radius; } + + .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; + } +} + +.workspace-thumbnail-indicator { + border: 2px solid $primary; + padding: $base_padding; + border-radius: $base_radius; +} + +//Some hacks I don't even +.all-apps, +.search-display > StBoxLayout, +.frequent-apps > StBoxLayout { + // horizontal padding to make sure scrollbars or dash don't overlap content + padding: 0px 88px 10px 88px; +} diff --git a/src/src/sass/gnome-shell/widgets-40-0/_app-grid.scss b/src/src/sass/gnome-shell/widgets-40-0/_app-grid.scss new file mode 100644 index 00000000..e4bd4523 --- /dev/null +++ b/src/src/sass/gnome-shell/widgets-40-0/_app-grid.scss @@ -0,0 +1,62 @@ + +$app_icon_size: 96px; +$app_icon_spacing: 6px; + +// app icons +.icon-grid { + row-spacing: $app_icon_spacing * 2; + column-spacing: $app_icon_spacing * 2; + max-row-spacing: $app_icon_spacing * 12; + max-column-spacing: $app_icon_spacing * 12; + page-padding-top: $app_icon_spacing * 4; + page-padding-bottom: $app_icon_spacing * 4; + page-padding-left: $app_icon_spacing * 2; + page-padding-right: $app_icon_spacing * 2; +} + +// App Grid pagination indicators +.page-indicator { + padding: $base_padding $base_padding * 2 0; + + .page-indicator-icon { + width: 10px; + height: 10px; + border-radius: 10px; // the same as height&width + background-color: white; + } +} + +.apps-scroll-view { + padding: 0; +} + +.page-navigation-hint { + width: 300px; + + &.dnd { + background: rgba(255, 255, 255, 0.1); + } + + &.next:ltr, + &.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; + } + + &.previous:ltr, + &.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; +} diff --git a/src/src/sass/gnome-shell/widgets-40-0/_dash.scss b/src/src/sass/gnome-shell/widgets-40-0/_dash.scss new file mode 100644 index 00000000..24148f2f --- /dev/null +++ b/src/src/sass/gnome-shell/widgets-40-0/_dash.scss @@ -0,0 +1,40 @@ +$dash_background_color: on($panel, track); +$dash_placeholder_size: 32px; +$dash_padding: 10px; // 10px +$dash_spacing: 2px; +$dash_bottom_margin: 16px; +$dash_border_radius: $icon_radius + $dash_padding - $dash_spacing; + +#dash { + margin-top: $base_spacing * 2; + padding: 0 $dash_padding; + + .placeholder { + background-image:none; + background-size: contain; + height: $dash_placeholder_size; + } + + .overview-icon { + padding: $dash_padding / 2; + } +} + +.dash-background { + background-color: $dash_background_color; + margin-bottom: $dash_bottom_margin; + padding: $dash_padding; + border-radius: $dash_border_radius; + box-shadow: inset 0 1px rgba(white, 0.08); +} + +// Dash Items +.dash-item-container .app-well-app, .show-apps { + padding: $dash_padding $dash_spacing $dash_padding + $dash_bottom_margin; +} + +.dash-separator { + width: 1px; + margin: 0 ($dash_spacing + ($dash_padding / 2)) $dash_bottom_margin; + background-color: on($panel, divider); +} diff --git a/src/src/sass/gnome-shell/widgets-40-0/_misc.scss b/src/src/sass/gnome-shell/widgets-40-0/_misc.scss new file mode 100644 index 00000000..a115f40c --- /dev/null +++ b/src/src/sass/gnome-shell/widgets-40-0/_misc.scss @@ -0,0 +1,12 @@ +// Workspace animation +.workspace-animation { + background-color: $osd; +} + +// reset prev/next month icons +.calendar { + .calendar-change-month-back, + .calendar-change-month-forward { + padding: 0 2px; + } +} diff --git a/src/src/sass/gnome-shell/widgets-40-0/_overview.scss b/src/src/sass/gnome-shell/widgets-40-0/_overview.scss new file mode 100644 index 00000000..abe36ef6 --- /dev/null +++ b/src/src/sass/gnome-shell/widgets-40-0/_overview.scss @@ -0,0 +1,7 @@ +.controls-manager, .secondary-monitor-workspaces { + spacing: $base_spacing * 2; +} + +#overviewGroup { + background-color: $osd; +} diff --git a/src/src/sass/gnome-shell/widgets-40-0/_panel.scss b/src/src/sass/gnome-shell/widgets-40-0/_panel.scss new file mode 100644 index 00000000..eb3adaf7 --- /dev/null +++ b/src/src/sass/gnome-shell/widgets-40-0/_panel.scss @@ -0,0 +1,10 @@ +// App Menu +#appMenu { + spacing: $base_spacing; + .label-shadow { color: transparent; } +} + +#appMenu .panel-status-menu-box { + padding: 0 $base_padding; + spacing: $base_spacing; +} diff --git a/src/src/sass/gnome-shell/widgets-40-0/_search-entry.scss b/src/src/sass/gnome-shell/widgets-40-0/_search-entry.scss new file mode 100644 index 00000000..cf5cdf8d --- /dev/null +++ b/src/src/sass/gnome-shell/widgets-40-0/_search-entry.scss @@ -0,0 +1,5 @@ + +.search-entry { + margin-top: $base_spacing * 4; + margin-bottom: $base_spacing; +} diff --git a/src/src/sass/gnome-shell/widgets-40-0/_window-picker.scss b/src/src/sass/gnome-shell/widgets-40-0/_window-picker.scss new file mode 100644 index 00000000..4dff1659 --- /dev/null +++ b/src/src/sass/gnome-shell/widgets-40-0/_window-picker.scss @@ -0,0 +1,45 @@ +// Window picker +.window-picker { + // Space between window thumbnails + spacing: $base_spacing; +} + +// Window titles +.window-caption { + color: on($osd); + background-color: $osd; + border-radius: $circular_radius; + padding: $base_padding $base_padding * 2; +} + +$window_close_button_size: 30px; +$window_close_button_padding: 3px; + +// Close button +.window-close { + background-color: $scrim; + color: on($scrim); + border-radius: $window_close_button_size * 0.5 + $window_close_button_padding * 2; + padding: $window_close_button_padding; + height: $window_close_button_size; + width: $window_close_button_size; + box-shadow: -1px 1px 5px 0px rgba(black, 0.5); + transition-duration: 300ms; + + &:hover { + color: on($scrim); + background-color: lighten($scrim, 6%); + } + + &:active { + color: on($scrim); + background-color: darken($scrim, 6%); + } +} + +.workspace-background { + // keep in sync with BACKGROUND_CORNER_RADIUS_PIXELS in workspace.js + border-radius: 30px; + background-color: $osd; + box-shadow: 0 4px 16px 4px transparentize(darken($osd, 30%), 0.7); +} diff --git a/src/src/sass/gnome-shell/widgets-40-0/_workspace-thumbnails.scss b/src/src/sass/gnome-shell/widgets-40-0/_workspace-thumbnails.scss new file mode 100644 index 00000000..c15c5cc5 --- /dev/null +++ b/src/src/sass/gnome-shell/widgets-40-0/_workspace-thumbnails.scss @@ -0,0 +1,31 @@ +/* Workspace pager */ + +// thumbnails in overview +.workspace-thumbnails { + visible-width: 32px; //amount visible before hover + spacing: $base_spacing; + padding: $base_padding; + + .workspace-thumbnail { + color: on(black, secondary); + background-color: on(black, divider); + border: none; + border-radius: $base_radius; + } + + // drag and drop indicator + .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + width: 18px; + height: 24px; + } +} + +// selected indicator +.workspace-thumbnail-indicator { + border: 3px solid $primary; + border-radius: 3px; + padding: 0px; + // background-color: transparentize($primary_color, 0.9); +} diff --git a/src/src/sass/gtk/_apps-3.0.scss b/src/src/sass/gtk/_apps-3.0.scss new file mode 100644 index 00000000..b0a11e70 --- /dev/null +++ b/src/src/sass/gtk/_apps-3.0.scss @@ -0,0 +1,8 @@ +@import 'apps/gnome-3.0'; +@import 'apps/misc'; +@import 'apps/unity'; +@import 'apps/mate'; +@import 'apps/budgie'; +@import 'apps/xfce'; +@import 'apps/lightdm'; +@import 'apps/nemo'; diff --git a/src/src/sass/gtk/_apps-4.0.scss b/src/src/sass/gtk/_apps-4.0.scss new file mode 100644 index 00000000..d6f685ca --- /dev/null +++ b/src/src/sass/gtk/_apps-4.0.scss @@ -0,0 +1 @@ +@import 'apps/gnome-4.0'; diff --git a/src/src/sass/gtk/_colors-public.scss b/src/src/sass/gtk/_colors-public.scss new file mode 100644 index 00000000..9620e5ba --- /dev/null +++ b/src/src/sass/gtk/_colors-public.scss @@ -0,0 +1,181 @@ +// apps rely on some named colors to be exported +/* GTK NAMED COLORS + ---------------- + use responsibly! */ + +// Sass thinks we're using the colors in the variables as strings and may shoot +// warning, it's innocuous and can be defeated by using "" + $var +/* +widget text/foreground color */ +@define-color theme_fg_color #{"" + $text}; + +/* +text color for entries, views and content in general */ +@define-color theme_text_color #{"" + $text}; + +/* +widget base background color */ +@define-color theme_bg_color #{"" + $background}; + +/* +text widgets and the like base background color */ +@define-color theme_base_color #{"" + $base}; + +/* +base background color of selections */ +@define-color theme_selected_bg_color #{"" + $primary}; + +/* +text/foreground color of selections */ +@define-color theme_selected_fg_color #{"" + on($primary)}; + +/* +base background color of insensitive widgets */ +@define-color insensitive_bg_color #{"" + $background}; + +/* +text foreground color of insensitive widgets */ +@define-color insensitive_fg_color #{"" + $text-disabled}; + +/* +insensitive text widgets and the like base background color */ +@define-color insensitive_base_color #{"" + $base-alt}; + +/* +widget text/foreground color on backdrop windows */ +@define-color theme_unfocused_fg_color #{"" + $text}; + +/* +text color for entries, views and content in general on backdrop windows */ +@define-color theme_unfocused_text_color #{"" + $text}; + +/* +widget base background color on backdrop windows */ +@define-color theme_unfocused_bg_color #{"" + $background}; + +/* +text widgets and the like base background color on backdrop windows */ +@define-color theme_unfocused_base_color #{"" + $base}; + +/* +base background color of selections on backdrop windows */ +@define-color theme_unfocused_selected_bg_color #{"" + $primary}; + +/* +text/foreground color of selections on backdrop windows */ +@define-color theme_unfocused_selected_fg_color #{"" + on($primary)}; + +/* +insensitive color on backdrop windows */ +@define-color unfocused_insensitive_color #{"" + $text-disabled}; + +/* +widgets main borders color */ +@define-color borders #{"" + $divider}; + +/* +widgets main borders color on backdrop windows */ +@define-color unfocused_borders #{"" + $divider}; + +/* +these are pretty self explicative */ +@define-color warning_color #{"" + $warning}; +@define-color error_color #{"" + $error}; +@define-color success_color #{"" + $success}; +// @define-color destructive_color #{"" + $destructive}; + +/* +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 #{"" + $titlebar-text}; +@define-color wm_unfocused_title #{"" + $titlebar-text-secondary}; +@define-color wm_highlight #{"" + highlight($titlebar)}; +@define-color wm_bg #{"" + $titlebar}; +@define-color wm_unfocused_bg #{"" + $titlebar-backdrop}; + +/* +FIXME this is really an API */ +@define-color content_view_bg #{"" + $base}; +@define-color placeholder_text_color #{"" + $placeholder_text_color}; + +/* Very contrasty background for text views (@theme_text_color foreground) */ +@define-color text_view_bg #{"" + if($variant == 'light', $base, $base)}; + +// Budgie-desktop specific indicator colours + +// unfocused window 'dot(s)' +@define-color budgie_tasklist_indicator_color #{"" + white}; +// focused window 'line' +@define-color budgie_tasklist_indicator_color_active #{"" + white}; +// group-ed and unfocused window 'line(s)' +@define-color budgie_tasklist_indicator_color_active_window #{"" + mix(white, $panel, 54%)}; +// attention 'dot' +// FIXME: we can't fill whole widget backgrounds with our suggestion colour +// because of lacking specific style-class on 'needs_attention' state, +// so use warning orange dot instead. +@define-color budgie_tasklist_indicator_color_attention #{"" + $warning}; + +// +// Color Palette Definitions for compatibility with Granite. +// + +//* Strawberry * +@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}; +//* Orange * +@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}; +//* Banana * +@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}; +//* Lime * +@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}; +//* Blueberry * +@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}; +//* Grape * +@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}; +//* Cocoa * +@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}; +//* Silver * +@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}; +//* Slate * +@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}; +//* Black * +@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/src/sass/gtk/_common-3.0.scss b/src/src/sass/gtk/_common-3.0.scss new file mode 100644 index 00000000..7fc364b3 --- /dev/null +++ b/src/src/sass/gtk/_common-3.0.scss @@ -0,0 +1,3990 @@ +* { + // padding: 0; + background-clip: padding-box; + + -GtkToolButton-icon-spacing: 0; + -GtkTextView-error-underline-color: $error; + + // The size for scrollbars. The slider is 2px smaller, but we keep it + // up so that the whole area is sensitive to button presses for the + // slider. The stepper button is larger in both directions, the slider + // only in the width + + -GtkScrolledWindow-scrollbar-spacing: 0; + + -GtkToolItemGroup-expander-size: 11; + + -GtkWidget-text-handle-width: 24; + -GtkWidget-text-handle-height: 24; + + -GtkDialog-button-spacing: $space-size / 1px; + -GtkDialog-action-area-border: $space-size / 1px; + + // We use the outline properties to signal the focus properties + // to the adwaita engine: using real CSS properties is faster, + // and we don't use any outlines for now. + + outline-style: solid; + outline-width: 2px; + outline-color: transparent; + outline-offset: -4px; + -gtk-outline-radius: $corner-radius; + + -gtk-secondary-caret-color: $primary; + + &:focus { outline-color: $overlay-checked; } +} + +%selected_items { + color: $text; + background-color: $overlay-checked; +} + +%selected_items_color { + color: $primary; + background-color: rgba($primary, 0.2); +} + +%selected_items_primary { + color: on($primary); + background-color: $primary; +} + +%linked { + border-radius: 0; + + &:first-child { + border-top-left-radius: $corner-radius; + border-bottom-left-radius: $corner-radius; + } + + &:last-child { + border-top-right-radius: $corner-radius; + border-bottom-right-radius: $corner-radius; + } + + &:only-child { + border-radius: $corner-radius; + } +} + +%linked-vertical { + border-radius: 0; + + &:first-child { + border-top-left-radius: $corner-radius; + border-top-right-radius: $corner-radius; + } + + &:last-child { + border-bottom-left-radius: $corner-radius; + border-bottom-right-radius: $corner-radius; + } + + &:only-child { + border-radius: $corner-radius; + } +} + +/*************** + * Base States * + ***************/ +.background { + background-color: $background; + color: $text; + + &.csd { // Set csd windows botttom border radius + border-radius: 0 0 $window-radius $window-radius; + } + + &.maximized, &.solid-csd { // No radius when windows maximized + border-radius: 0; + } +} + +*:disabled { -gtk-icon-effect: dim; } + +.gtkstyle-fallback { + background-color: $background; + color: $text; + + &:hover { + background-color: darken($background, 5%); + color: $text; + } + + &:active { + background-color: darken($background, 10%); + color: $text; + } + + &:disabled { + background-color: $background; + color: $text-disabled; + } + + &:selected { + background-color: $primary; + color: on($primary); + } +} + +.view { + background-color: $base; + color: $text; + + &:hover { box-shadow: inset 0 0 0 9999px $overlay-hover; } + + &:disabled { color: $text-disabled; } + + // &:hover, &:selected { border-radius: $corner-radius; } + + &:selected { + @extend %selected_items_primary; + + &:hover { box-shadow: none; } + } + + .background.csd &:selected { + @extend %selected_items; + } +} + +widget.view { + // border-radius: $corner-radius; + + &:selected { + @extend %selected_items_primary; + } +} + +window.background.csd > stack.view { + border-radius: 0 0 $window-radius $window-radius; +} + +textview { + // FIXME: we need to override background-color to ensure text rendering + + text { + background-color: $base; + selection { &:focus, & { @extend %selected_items_primary; }} + } + + border { + background-color: $base-alt; + color: $text-secondary; // FIXME: not working + } +} + +iconview { + &:hover, &:selected { border-radius: $corner-radius; } +} + +.rubberband, +rubberband { + border: 1px solid $primary; + background-color: rgba($primary, 0.3); +} + +flowbox { + rubberband { @extend rubberband; } + + flowboxchild { + padding: 4px; + border-radius: $corner-radius; + + &:selected { @extend %selected_items_color; } + } +} + +.content-view .tile { + &:selected { + background-color: transparent; + } +} + +label { + caret-color: currentColor; // this shouldn't be needed. + + &.separator { + color: $text-secondary; + } + + selection { @extend %selected_items_primary; } + + &:disabled { + color: $text-disabled; + + // selection { color: $text-disabled; } + + headerbar &, + tab &, + button & { color: inherit; } + } + + &.osd { + border-radius: $corner-radius; + background-color: $tooltip; + color: on($tooltip); + } +} + +.dim-label { color: $text-secondary; } + +assistant { + .sidebar { + padding: 4px 0; + // background-color: $base; + // border-top: 1px solid $divider; + } + + // &.csd .sidebar { border-top-style: none; } + + .sidebar label { + min-height: $medium-size; + padding: 0 12px; + color: $text-disabled; + font-weight: 500; + + &.highlight { color: $text; } + } +} + +// %osd, .osd { opacity: 0.9; } + + +/********************* + * Spinner Animation * + *********************/ +@keyframes spin { + to { -gtk-icon-transform: rotate(1turn); } +} + +spinner { + background: none; + opacity: 0; // non spinning spinner makes no sense + -gtk-icon-source: -gtk-icontheme('process-working-symbolic'); + + &:checked { + opacity: 1; + animation: spin 1s linear infinite; + + &:disabled { opacity: 0.5; } + } +} + + +/**************** + * Text Entries * + ****************/ +%entry, +entry { + %entry_basic, & { + min-height: $medium-size; + padding: 0 8px; + border-radius: $corner-radius; + caret-color: currentColor; // this shouldn't be needed. + + @include entry(normal); + + &:focus { @include entry(checked); } + + &:drop(active) { @include entry(hover); } + + &:disabled { @include entry(disabled); } + + &.flat { + min-height: 0; + padding: 2px; + border-radius: 0; + background-color: transparent; + } + + image { // icons inside the entry + color: $text-secondary; + + &:hover, &:active { color: $text; } + + &:disabled { color: $text-disabled; } + + &.left { + margin-left: ($medium-size - 16px) / 2 - 8px; + margin-right: 6px; + } + + &.right { + margin-left: 6px; + margin-right: ($medium-size - 16px) / 2 - 8px; + } + } + + undershoot { + &.left { @include undershoot(left); } + + &.right { @include undershoot(right); } + } + + selection { @extend %selected_items_primary; } + + // entry error and warning style + @each $e_type, $e_color in (error, $error), + (warning, $warning) { + &.#{$e_type} { + @include entry(normal, $e_color); + + &:focus { @include entry(checked, $e_color); } + + &:disabled { @include entry(disabled, $e_color); } + } + } + + .osd & { + } + } + + progress { + margin: 2px -8px; + border-bottom: 2px solid $primary; + background-color: transparent; + } + + // linked entries + .linked:not(.vertical) > & { @extend %linked; } + + // Vertically linked entries + .linked.vertical > & { @extend %linked-vertical; } +} + +%entry_raised { + border-radius: $corner-radius; + + @include entry(raised-normal); + + &:focus { @include entry(raised-focus); } + + &:drop(active) { @include entry(raised-hover); } + + &:disabled { @include entry(raised-disabled); } + + // entry error and warning style + @each $e_type, $e_color in (error, $error), + (warning, $warning) { + &.#{$e_type} { + @include entry(raised-normal, $e_color); + + &:focus { @include entry(raised-focus, $e_color); } + + &:disabled { @include entry(raised-disabled, $e_color); } + + image { + color: on($e_color, secondary); + + &:hover, &:active { color: on($e_color); } + + &:disabled { color: on($e_color, disabled); } + } + } + } +} + +treeview entry { + &.flat, & { + background-color: $base; + + &, &:focus { + border-image: none; + box-shadow: none; + } + } +} + +.entry-tag { + margin: 2px; + border-radius: $circular-radius; + box-shadow: none; + background-color: $track-disabled; + color: $text; + + &:hover { background-image: image($overlay-hover); } + + // side margins: compensate the entry padding with a negative margin + // then the negative margin itself + :dir(ltr) & { + margin-left: 4px; + margin-right: 0; + padding-left: 12px; + padding-right: 8px; + } + + :dir(rtl) & { + margin-left: 0; + margin-right: 4px; + padding-left: 8px; + padding-right: 12px; + } + + // seems any sizing doesn't work + &.button { + box-shadow: none; + background-color: transparent; + + &:not(:hover):not(:active) { color: $text-secondary; } + } +} + + +/*********** + * Buttons * + ***********/ +// stuff for .needs-attention +@keyframes needs-attention { + from { + background-image: -gtk-gradient(radial, + center center, 0, + center center, 0.001, + to($primary), + to(transparent)); + } + + to { + background-image: -gtk-gradient(radial, + center center, 0, + center center, 0.5, + to($primary), + to(transparent)); + } +} + +%button-on-dark { + color: on(dark, secondary); + + &:focus, &:hover, &:active, &:checked { color: on(dark); } + &:disabled { color: on(dark, secondary-disabled); } + &:checked:disabled { color: on(dark, disabled); } +} + +%button-basic { + @include button(normal); + + &:focus, &:checked:focus { @include button(focus); } + + &:hover { @include button(hover); } + + &:active { @include button(active); } + + &:disabled { @include button(disabled); } + + &:checked { @include button(checked); } + + &:checked:hover { @include button(checked-hover); } + + &:checked:disabled { @include button(checked-disabled); } +} + +%circular-button { // The Bloody Circul Button + border-radius: $circular-radius; + + label { padding: 0; } +} + +%small-button { + min-height: $small-size; + min-width: $small-size; + padding: 0; + border-radius: $circular-radius; +} + +button { + min-height: 24px; + min-width: 16px; + padding: ($medium-size - 24px) / 2 ($medium-size - 16px) / 2; + border-radius: $corner-radius; + font-weight: 500; + @extend %button-basic; + + &:drop(active) { @include button(hover); } + + @at-root %button-flat, &.flat { + @at-root %button-flat-simple, & { + @include button(flat-normal); + + &:focus { @include button(flat-focus); } + + &:hover { @include button(flat-hover); } + + &:active { @include button(flat-active); } + + &:disabled { @include button(flat-disabled); } + } + + &:checked, &:checked:hover { @include button(flat-checked); } + + &:checked:disabled { @include button(flat-checked-disabled); } + } + + &.text-button { + min-width: 64px - 16px * 2; + padding-left: 16px; + padding-right: 16px; + + &.flat { + min-width: 64px - 8px * 2; + padding-left: 8px; + padding-right: 8px; + } + } + + &.image-button { + min-width: 24px; + padding: ($medium-size - 24px) / 2; + + // @extend %circular-button; + + // &.destructive-action { border-radius: $corner-radius; } + } + + // NOTE: Some image-only buttons use this as well + &.text-button.image-button { + min-width: 24px; + padding: ($medium-size - 24px) / 2; + border-radius: $corner-radius; + + label { + &:first-child { margin-left: 16px - ($medium-size - 24px) / 2; } + + &:last-child { margin-right: 16px - ($medium-size - 24px) / 2; } + } + + &.flat label { + &:first-child { margin-left: 12px - ($medium-size - 24px) / 2; } + + &:last-child { margin-right: 12px - ($medium-size - 24px) / 2; } + } + + image:not(:only-child) { margin: 0 (24px - 16px) / 2; } + } + + .linked:not(.vertical) > & { + @extend %linked; + + // &:focus { box-shadow: none; } + } + + .linked.vertical > & { + @extend %linked-vertical; + + // &:focus { box-shadow: none; } + } + + .linked:not(.vertical) > &.flat, + .linked.vertical > &.flat { + &:not(:only-child) { // specificity bump + border-radius: $corner-radius; + + &.image-button:not(.text-button) { border-radius: $circular-radius; } + } + + // &:focus { box-shadow: inset 0 0 0 9999px $overlay-focus; } + } + + // big standalone buttons like in Documents pager + &.osd { + min-width: $small-size; + min-width: $small-size; + padding: ($large-size - 24px) / 2 ($large-size - 16px) / 2; + background-color: $primary; + color: on($primary); + + &:hover { + background-color: mix(on($primary), $primary, 12%); + color: on($primary); + } + + &:active { + background-color: mix(on($primary), $primary, 26%); + color: on($primary); + } + + &.image-button, &.circular { + padding: ($large-size - 24px) / 2; + + > image { padding: 0; } + } + + &:disabled { opacity: 0; } + } + + // overlay / OSD style + // .osd & { } + + // Suggested and Destructive Action buttons + @each $b_type, $b_color in (suggested-action, $suggested), + (destructive-action, $destructive) { + &.#{$b_type} { + background-color: $b_color; + color: on($b_color); + box-shadow: none; + + &:disabled { @include button(disabled); } + + &:hover { + box-shadow: inset 0 0 0 9999px transparent, + 0 2px (4px * .6) -1px rgba($b_color, 0.2), + 0 4px (5px * .6) 0 rgba($b_color, 0.14), + 0 1px (10px * .6) 0 rgba($b_color, 0.12); + } + + &:checked { background-color: mix(on($b_color), $b_color, percentage(0.3)); } + + &:checked:hover { + box-shadow: inset 0 0 0 9999px transparent, + 0 3px 3px -3px rgba($b_color, 0.3), + 0 2px 3px -1px rgba($b_color, 0.24), + 0 2px 5px 0 rgba($b_color, 0.12); + } + + &:focus { box-shadow: 0 0 0 2px rgba($b_color, 0.35); } + + &.flat { + background-color: transparent; + color: $b_color; + + &:disabled { @include button(flat-disabled); } + + &:checked { background-color: rgba($b_color, 0.3); } + } + + .osd & { } + } + } + + .stack-switcher > & { + // to position the needs attention dot, padding is added to the button + // child, a label needs just lateral padding while an icon needs vertical + // padding added too. + + > label { + margin: 0 -6px; + padding: 0 6px; + } + + > image { + margin: -3px -6px; + padding: 3px 6px; + } + + &.needs-attention { + > label, + > image { @extend %needs-attention; } + + &:checked { + > label, + > image { + animation: none; + background-image: none; + } + } + } + } + + // hide separators + &.font, + &.file { separator { @extend %hide_separators; }} + + // &.font { > box > box > label { font-weight: bold; }} + + // inline-toolbar buttons + .inline-toolbar & { + // @extend %button-flat; + + &:not(.text-button) { @extend %circular-button; } + } + + .primary-toolbar & { -gtk-icon-shadow: none; } // tango icons don't need shadows + + &.close, + &.circular { + @extend %circular-button; + min-width: 24px; + padding: ($medium-size - 24px) / 2; + } +} + +%needs-attention { + animation: needs-attention $ripple-fade-in-duration $ease-out forwards; + background-repeat: no-repeat; + background-position: right 3px; + background-size: 6px 6px; + + &:dir(rtl) { background-position: left 3px; } +} + +// menu buttons +modelbutton.flat, +.menuitem.button.flat { + min-height: $menuitem-size; + padding: 0 8px; + border-radius: $corner-radius; + color: $text; + + @extend %button-flat-simple; + + &:selected { @extend %selected_items; } +} + +modelbutton.flat arrow { + &.left { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } + + &.right { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } +} + +button.color { + min-height: $small-size; + min-width: $small-size; + padding: $space-size; + + colorswatch:only-child { + // &, overlay { border-radius: 0; } + } +} + + +/********* + * Links * + *********/ +*:link, %links { + color: $link; +} + +*:visited { + color: $link-visited; +} + +button.link { + &:link { + &, &:focus, &:hover, &:active { color: $link; } + } + + &:visited { + &, &:focus, &:hover, &:active { color: $link-visited; } + } + + > label { text-decoration-line: underline; } +} + +/***************** + * GtkSpinButton * + *****************/ +spinbutton { + &:not(.vertical) { + // in this horizontal configuration, the whole spinbutton + // behaves as the entry, so we extend the entry styling + // and nuke the style on the internal entry + @extend %entry; + + padding: 0; + + entry { + min-width: $large-size - 8px * 2; + // reset all the other props since the spinbutton node is styled here + margin: 0; + border-image: none; + border-radius: 0; + box-shadow: none; + background-color: transparent; + } + + button { + @extend %button-flat-simple; + @extend %small-button; + + // margin: $space-size; + border: solid $space-size transparent; + + // Remove unwanted focus indicator + &:focus:not(:hover):not(:active):not(:disabled) { + box-shadow: inset 0 0 0 9999px transparent; + color: $text-secondary; + } + + &.up:dir(ltr), + &.down:dir(rtl) { margin-left: -$space-size / 2; } + + &.up:dir(rtl), + &.down:dir(ltr) { margin-right: -$space-size / 2; } + } + } + + // OSD horizontal + // .osd &:not(.vertical) { } + + // Vertical + &.vertical { + // in the vertical configuration, we treat the spinbutton + // as a box, and tweak the style of the entry in the middle + // so that it's linked + + // FIXME: this should not be set at all, but otherwise it gets the wrong + // color + @extend %entry; + + padding: 0; + + &:disabled { color: $text-disabled; } + + entry { + // @extend %entry_raised; + margin: 0; + border-image: none; + border-radius: 0; + box-shadow: none; + background-color: transparent; + + min-height: $medium-size; + min-width: $large-size - $space-size; + padding: 0; + } + + button { + @extend %button-flat-simple; + @extend %small-button; + padding: 0; + + border: solid $space-size transparent; + + // Remove unwanted focus indicator + &:focus:not(:hover):not(:active) { + box-shadow: inset 0 0 0 9999px transparent; + color: $text-secondary; + } + + &.up { margin: 0 $space-size/2; } + + &.down { margin: 0 $space-size/2; } + } + } + + // OSD vertical + // .osd &.vertical { } + + // Misc + treeview &:not(.vertical) { + min-height: 0; + border-style: none; + border-radius: 0; + + entry { + min-height: 0; + padding: 1px 2px; + } + } +} + + +/************** + * ComboBoxes * + **************/ +combobox { + arrow { + -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); + min-height: 16px; + min-width: 16px; + } + + decoration { transition: none; } // workaround for menuitem selection + + button.combo cellview { + &:dir(ltr) { margin-left: 8px - ($medium-size - 16px) / 2; } + &:dir(rtl) { margin-right: 8px - ($medium-size - 16px) / 2; } + } + + &.linked { + button:nth-child(2) { + &:dir(ltr) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + &:dir(rtl) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + } + } + + > .linked:not(.vertical) > entry:not(:only-child) { + border-radius: $corner-radius; + + &:first-child { + margin-right: -$medium-size; + padding-right: $medium-size; + } + + &:last-child { + margin-left: -$medium-size; + padding-left: $medium-size; + } + } + + > .linked:not(.vertical) > button:not(:only-child) { + @extend %button-flat; + // @extend %small-button; + + min-height: 16px; + min-width: 16px; + margin: ($medium-size - $small-size) / 2; + padding: ($small-size - 16px) / 2; + border-radius: $corner-radius; + } +} + +// the combo is a composite widget so the way we do button linking doesn't +// work, special case needed. See +// https://bugzilla.gnome.org/show_bug.cgi?id=733979 + +.linked:not(.vertical) > combobox { + &:not(:first-child) > box > button.combo { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + &: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; + } + + &:not(:last-child) > box > button.combo { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + } +} + +button.combo:only-child { + border-radius: $corner-radius; + font-weight: normal; + + @include entry(normal); + + &:focus { @include entry(focus); } + + &:hover { @include entry(hover); } + + &:checked { @include entry(checked); } + + &:disabled { @include entry(disabled); } +} + + +/************ + * Toolbars * + ************/ +toolbar { + -GtkWidget-window-dragging: true; + padding: 2px; + background-color: $background; + + button { @extend %button-flat; } + + // on OSD + .osd & { background-color: transparent; } + + // stand-alone OSD toolbars + @at-root %toolbar_osd, &.osd { + transition: $transition-shadow; + padding: $space-size; + border-radius: $corner-radius; + box-shadow: $shadow-z4, inset 0 1px highlight($surface); + background-color: $surface; + + &:backdrop { box-shadow: $shadow-z2, inset 0 1px highlight($surface); } + + &.left, + &.right, + &.top, + &.bottom { border-radius: 0; } // positional classes for `attached` osd toolbars + + &.bottom { + box-shadow: none; + background-color: transparent; + background-image: linear-gradient(to bottom, + transparent, + rgba(black, 0.1) 30%, + rgba(black, 0.2) 50%, + rgba(black, 0.4)); + } + } + + // toolbar separators + &.horizontal > separator { margin: 2px; } + &.vertical > separator { margin: 2px; } + + &:not(.inline-toolbar):not(.osd) { + scale, + entry, + spinbutton, + button { margin: 2px; } + + .linked entry, + .linked spinbutton, + .linked button { + &:not(:first-child) { margin-left: 0; } + &:not(:last-child) { margin-right: 0; } + } + + spinbutton { + entry, + button { margin: 0; } + } + + switch { margin: 2px + $space-size 2px; } + } +} + +// searchbar, location-bar & inline-toolbar +.inline-toolbar { + padding: $space-size; + border-style: solid; + border-width: 0 1px 1px; + border-color: $divider; + background-color: $base-alt; +} + +searchbar > revealer > box, +.location-bar { + padding: $space-size; + border-style: solid; + border-width: 0 0 1px; + border-color: $divider; + background-color: $background; + background-clip: border-box; +} + +searchbar > revealer > box { + // workaround: undo the GtkContainer:border-width and use CSS padding instead + margin: -6px; +} + + +/*************** + * Header bars * + ***************/ + +%titlebar-button { + @extend %button-flat; + color: $titlebar-text-secondary; + + .linked:not(.vertical) > & { + border-radius: $corner-radius; + } + + &:focus, &:hover, &:active, &:checked { color: $titlebar-text; } + + &:disabled { color: $titlebar-text-secondary-disabled; } + + &:checked { + &:disabled { + background-color: transparent; + color: $titlebar-text-disabled; + } + } + + &:backdrop { + color: $titlebar-text-disabled; + + &:focus, &:hover, &:active { color: $titlebar-text-secondary; } + + &:disabled { color: $titlebar-text-secondary-disabled; } + + &:checked { + color: $titlebar-text-secondary; + + &:disabled { color: $titlebar-text-secondary-disabled; } + } + } +} + +%titlebar-entry { + background-color: $titlebar-fill; + color: $titlebar-text; + + &:disabled { + background-color: $titlebar-fill; + color: $titlebar-text-disabled; + } + + image { + color: $titlebar-text-secondary; + + &:hover, &:active { color: $titlebar-text; } + + &:disabled { color: $titlebar-text-disabled; } + } +} + +.titlebar { + transition: all $duration $ease-out; + background-color: $titlebar; + color: $titlebar-text; + border-radius: $window-radius $window-radius 0 0; + + @if $variant == 'light' or $rimless == 'true' { + box-shadow: inset 0 -1px $border, inset 0 1px highlight($titlebar); + } @else { + box-shadow: inset 0 -1px $border; + } + + &:disabled { color: $titlebar-text-disabled; } + + &:backdrop { + background-color: $titlebar-backdrop; + color: $titlebar-text-secondary; + + &:disabled { color: $titlebar-text-secondary-disabled; } + } + + .title { + padding: 0 12px; + font-weight: bold; + } + + .subtitle { + padding: 0 12px; + font-size: smaller; + } + + .subtitle, + .dim-label { + transition: color $duration $ease-out; + color: $titlebar-text-secondary; + + &:backdrop { color: $titlebar-text-disabled; } + } + + // Don't draw titlebar above titlebar + .titlebar { + background-color: transparent; + box-shadow: none; + } + + // separator between headerbars + + separator, + separator.sidebar { + background-color: $titlebar; + background-image: none; + transition: all $duration $ease-out; + + @if $variant == 'light' or $rimless == 'true' { + box-shadow: inset 0 -1px $border, inset 0 1px highlight($titlebar); + } @else { + box-shadow: inset 0 -1px $border; + } + + &:backdrop { + background-color: $titlebar-backdrop; + } + } + + &.selection-mode + separator, &.selection-mode + separator.sidebar, + .selection-mode & + separator, .selection-mode & + separator.sidebar { + background-color: $primary; + + &:backdrop { + background-color: $primary; + } + } + + .background.csd.unified & + separator, + .background.csd.unified & + separator.sidebar { // reset + box-shadow: inset 0 -1px $border; + } + + entry { @extend %titlebar-entry; } + + .linked:not(.vertical) > entry { + border-radius: $corner-radius; + margin-left: $space-size / 2; + margin-right: $space-size / 2; + } + + button.suggested-action, button.destructive-action { + &:disabled { + background-color: $titlebar-fill; + color: $titlebar-text-disabled; + } + } + + @if $variant == 'light' and $topbar == 'dark' { + stackswitcher { // reset + background-color: on($titlebar, fill); + + &.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action) { + &:checked { + background-color: rgba(white, 0.15); + color: $titlebar-text; + } + } + } + } + + // FIXME: Ugly overriding + .path-bar button:not(.suggested-action):not(.destructive-action).text-button { + min-width: 0; + padding-left: ($medium-size - 24px) / 2; + padding-right: ($medium-size - 24px) / 2; + } + + &.selection-mode { + // 0.1ms was a workaround for https://gitlab.gnome.org/GNOME/gtk/issues/698 + // but let's keep it for backwards compatibility. + transition: background-color 0.1ms $ripple-fade-in-duration, color $duration $ease-out; + animation: ripple-on-headerbar $ripple-fade-in-duration $ease-out; + box-shadow: inset 0 1px highlight($primary), inset 0 -1px $border; + background-color: $primary; + color: on($primary); + + &:backdrop { + color: on($primary, secondary); + } + + .subtitle:link { color: on($primary); } + + 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: on($primary); + + &:disabled { color: on($primary, disabled); } + + &:checked { + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), + currentColor 100%, + transparent 0%) + 0 0 2 / 0 0 2px; + color: on($primary); + + &:disabled { color: on($primary, disabled); } + } + + &:backdrop { + &:not(.titlebutton) { color: on($primary, secondary); } + + &:disabled { color: on($primary, secondary-disabled); } + + &:checked { + color: on($primary, secondary); + + &:disabled { color: on($primary, secondary-disabled); } + } + } + } + + .selection-menu { + padding-left: 16px; + padding-right: 16px; + + arrow { -GtkArrow-arrow-scaling: 1; } + + .arrow { -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); } + } + } + + .selection-mode { + box-shadow: inset 0 1px highlight($primary); // Avoid double shadows + background-color: $primary; + } + + // squared corners when the window is maximized, tiled, or fullscreen + .tiled &, + .tiled-top &, + .tiled-right &, + .tiled-bottom &, + .tiled-left &, + .maximized &, + .fullscreen & { + border-radius: 0; + } + + &.default-decoration { + min-height: $small-size; + padding: $space-size $space-size * 2; + border-radius: $window-radius $window-radius 0 0; + box-shadow: inset 0 1px highlight($titlebar); + + .tiled &, + .maximized &, + .fullscreen & { + box-shadow: none; + border-radius: 0; + } + + button.titlebutton { + min-height: $small-size; + min-width: $small-size; + margin: 0; + padding: 0; + } + + .background.csd & { + box-shadow: inset 0 1px highlight($titlebar), inset 0 -1px $border; + } + + // workaround for non-animatable buttons + .background:not(.csd) & button.titlebutton:active { background-size: 1000% 1000%; } + } + + .solid-csd & { + &:dir(rtl), &:dir(ltr) { // specificity bump + border-radius: 0; + box-shadow: none; // just remove the highlight + } + } +} + +headerbar { + // The sizing factor needs to be defined in the headerbar node for the case of split headerbars + min-height: $large-size; + padding: 0 $space-size; + + box.vertical & { + background-color: $titlebar; + } + + // add vertical margins to common widget on the headerbar to avoid them spanning the whole height + entry, + spinbutton, + button { + margin-top: $space-size; + margin-bottom: $space-size; + } + + button, button.image-button { + border-radius: $corner-radius; + } + + > box.left, + > box.right { // Titlebutton space + padding: 0 if($window_button == 'mac', $space-size, $space-size - 2px); + } + + button:not(.suggested-action):not(.destructive-action) { + @extend %titlebar-button; + } + + separator.titlebutton, separator.sidebar { + margin-top: $large-size / 4; + margin-bottom: $large-size / 4; + background-color: transparent; + } + + switch { + margin-top: ($large-size - 24px) / 2; + margin-bottom: ($large-size - 24px) / 2; + } + + // reset button margins of the spinbutton + spinbutton button { + margin-top: 0; + margin-bottom: 0; + } + + // FIXME: This is a hacky workaround. + .entry-tag { + margin-top: 5px; + margin-bottom: 5px; + } + + &.windowhandle { + viewswitcher { + button:not(.titlebutton):not(.suggested-action):not(.destructive-action) { + border-radius: 0; + margin: 0; + min-width: 120px; + padding: 0; + + > stack > box { padding: 0 $space-size * 2; } + + &:focus { box-shadow: none; } + } + } + + > button.popup { + label, image { min-height: 0; } + } + + viewswitchertitle > squeezer { + margin-top: 0; + margin-bottom: 0; + background: none; + + > viewswitcher { + margin: 0 0; + background: none; + + > box.horizontal > button.radio { + margin: 0; + padding: 0; + border-radius: 0; + } + } + } + } +} + + +/************ + * Pathbars * + ************/ +%pathbar_button, +.path-bar.linked:not(.vertical) > button { + padding-left: ($medium-size - 24px) / 2; + padding-right: ($medium-size - 24px) / 2; + border-radius: $corner-radius / 2; + margin-left: 1px; + margin-right: 1px; + background-color: $overlay-focus; + + &:disabled { background-color: $overlay-normal; } + + &:first-child { + border-top-left-radius: $corner-radius; + border-bottom-left-radius: $corner-radius; + } + + &:last-child { + border-top-right-radius: $corner-radius; + border-bottom-right-radius: $corner-radius; + } + + &:checked { + background-color: $overlay-focus-hover; + color: $text; + } + + label:not(:only-child) { + &:first-child { margin-left: 0; } + + &:last-child { margin-right: 0; } + } + + &.text-button { + min-width: 0; + } + + &.slider-button { + padding-left: ($small-size - 16px) / 2; + padding-right: ($small-size - 16px) / 2; + } +} + + +/************** + * Tree Views * + **************/ +treeview.view { + @at-root * { + -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; + } + + border-left-color: $track; // this is actually the tree lines color, + border-top-color: $divider; // while this is the grid lines color, better then nothing + padding: $space-size / 2; + + .csd &:not(:selected):not(:hover):not(.progressbar):not(.expander):not(.trough):not(.separator) { background-color: transparent; } + + // FIXME: Avoid transparency background-color being slightly darker + &:selected { + @extend %selected_items; + } + + rubberband { @extend rubberband; } // to avoid borders being overridden by the previously set props + + &:hover, &:selected { border-radius: 0; } + + &.separator { + min-height: $space-size; + color: $divider; + } + + // FIXME: box-shadow, background-color and background-image are not available here. + &:drop(active) { + border-style: solid none; + border-width: 9999px; + border-color: $overlay-hover; + + &.after { border-top-style: none; } + + &.before { border-bottom-style: none; } + } + + &.expander { + -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); + -gtk-icon-transform: rotate(-90deg); + + &:dir(rtl) { -gtk-icon-transform: rotate(90deg); } + + &:checked { -gtk-icon-transform: unset; } + + color: $text-secondary; + + &:hover, &:active { color: $text; } + + &:disabled { color: $text-secondary-disabled; } + } + + &.progressbar { // progress bar in treeviews + border: none; + box-shadow: none; + background-color: $primary; + background-image: none; + border-radius: $circular-radius; + color: on($primary); + + &:selected, &:selected:hover, &:selected:focus { + box-shadow: none; + background-color: mix($text, $primary, 15%); + color: on($primary); + + &:backdrop { color: on($primary); } + } + + &:backdrop, &:selected:backdrop { + background-color: $track; + } + } + + &.trough { // progress bar trough in treeviews + border: none; + box-shadow: none; + background-color: $track-disabled; + background-image: none; + border-radius: $circular-radius; + padding: 0; + margin: 0; + + &:selected, &:selected:hover, &:selected:focus { + box-shadow: none; + background-color: $track-disabled; + } + + &:backdrop, &:selected:backdrop { + background-color: $divider; + } + } + + header { + button { + @extend %row_activatable; + padding: 2px $space-size; + border-style: none solid solid none; + border-width: 1px; + border-color: $divider; + border-radius: 0; + background-clip: border-box; + + &:not(:focus):not(:hover):not(:active) { color: $text-secondary; } + + &, &:disabled { background-color: $base; } + + &:last-child { border-right-style: none; } + } + } + + button.dnd, + header.button.dnd { // for treeview-like derive widgets + padding: 2px 6px; + border-style: none solid solid; + border-width: 1px; + border-color: $divider; + border-radius: 0; + box-shadow: none; + background-color: $base; + background-clip: border-box; + color: $primary; + } + + acceleditor > label { background-color: $primary; } // see tests/testaccel to test +} + + +/********* + * Menus * + *********/ +menubar, +.menubar { + -GtkWidget-window-dragging: true; + padding: 0; + background-color: $titlebar; + color: $titlebar-text; + box-shadow: inset 0 -1px $border; + + &:backdrop { + background-color: $titlebar-backdrop; + color: $titlebar-text-secondary; + } + + .csd & { transition: $transition; } + + > menuitem { + transition: $transition; + min-height: 20px; + padding: 4px 8px; + color: $titlebar-text-secondary; + border-radius: $corner-radius; + + &:hover { // Seems like it :hover even with keyboard focus + transition: none; + background-color: $overlay-checked; + color: $titlebar-text; + } + + &:disabled { color: $titlebar-text-secondary-disabled; } + + label:disabled { color: inherit; } // to inherit the above color + + > window.popup.background > menu { + menuitem { transition: none; } + } + } +} + +// Needed to make the border-radius of menus work +// otherwise the background bleeds out of the menu edges +.background.popup { background-color: transparent; } + +menu, +.menu, +.context-menu { + margin: $space-size; // See https://bugzilla.gnome.org/show_bug.cgi?id=591258 + padding: $space-size; + background-color: $surface; + background-clip: border-box; + border-radius: $menu-radius; + border: 1px solid $solid-border; + + .csd & { + border: none; + + @if $rimless == 'true' { + box-shadow: inset 0 1px highlight($surface); + } @else { + box-shadow: inset 0 0 0 1px highlight($surface); + } + } + + menuitem { + transition: background-color $duration $ease-out; + min-height: 20px; + min-width: 40px; + padding: 4px 8px; + color: $text; + font: initial; + text-shadow: none; + border-radius: $corner-radius; + + &:hover { + background-color: $overlay-hover; + } + + &:active { + background-color: $overlay-active; + } + + &:disabled { color: $text-disabled; } + + accelerator { color: $text-secondary; } + + &:disabled accelerator { color: $text-secondary-disabled; } + + // submenu indicators + arrow { + min-height: 16px; + min-width: 16px; + + &:dir(ltr) { + -gtk-icon-source: -gtk-icontheme('pan-end-symbolic'); + margin-left: 8px; + } + + &:dir(rtl) { + -gtk-icon-source:-gtk-icontheme('pan-end-symbolic-rtl'); + margin-right: 8px; + } + } + + // avoids labels color being overridden, see + // https://bugzilla.gnome.org/show_bug.cgi?id=767058 + label { &:dir(rtl), &:dir(ltr) { color: inherit; }} + } + + .view:selected { + background-color: mix($text, $surface, 10%); + } + + // overflow arrows + > arrow { + min-height: 16px; + min-width: 16px; + padding: 4px; + background-color: $surface; + color: $text-secondary; + + &.top { + margin-top: 0; + // border-bottom: 1px solid $divider; + border-radius: $corner-radius; + -gtk-icon-source: -gtk-icontheme('pan-up-symbolic'); + } + + &.bottom { + margin-top: 4px * 2; + margin-bottom: -4px * 3; + // border-top: 1px solid $divider; + border-radius: $corner-radius; + -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); + } + + &:hover { + background-image: image($overlay-hover); + color: $text; + } + + &:disabled { + border-color: transparent; + background-color: transparent; + color: transparent; + // color: $text-secondary-disabled; + } + } + + separator { margin: 4px 0; } +} + + +/************ + * Popovers * + ************/ +popover.background { + transition: $transition-shadow; + padding: 0; + background-color: $surface; + border-radius: $menu-radius; + + &, .csd & { + @if $rimless == 'true' { + border: none; + box-shadow: $shadow-z5; + + &:backdrop { box-shadow: $shadow-z3; } + } @else if $variant == 'dark' { + border: 1px solid highlight($surface); + box-shadow: $shadow-z5, 0 0 0 1px $window-border; + background-clip: border-box; + + &:backdrop { box-shadow: $shadow-z3, 0 0 0 1px $window-border; } + } @else { + border: 1px solid rgba(black, 0.15); + box-shadow: $shadow-z5; + background-clip: padding-box; + + &:backdrop { box-shadow: $shadow-z3; } + } + } + + > stack { margin: 0; } // remove extra padding from menu style popovers + + > toolbar { margin: 0; } + + > list, + > .view, + > toolbar { + border-style: none; + box-shadow: none; + background-color: transparent; + } + + > scrolledwindow > viewport.frame > list { + background-color: transparent; + padding: $space-size; + + > row { + border-radius: $corner-radius; + padding: $space-size; + } + } + + // FIXME: Use the popover color instead of transparent as a workaround for .view + .view:not(:selected), + toolbar { background-color: $surface; } + + .linked > button:not(.radio) { + border-radius: $corner-radius; + + &:first-child { border-radius: $corner-radius; } + &:last-child { border-radius: $corner-radius; } + &:only-child { border-radius: $corner-radius; } + } + + &.menu button, + button.model { + @extend %button-flat; + + min-height: 32px; + padding: 0 8px; + border-radius: $corner-radius; + + // &:checked { color: $primary; } + } + + separator { margin: 4px 0; } + + list separator { margin: 0; } +} + +/************* + * Notebooks * + *************/ + +%tabs_tab { + transition: $transition, + background-size 0ms, + background-image 0ms; + min-height: $small-size; + min-width: $small-size; + padding: $space-size / 2 $space-size * 2; + border: none; + outline: none; + background-clip: padding-box; + color: $text-secondary; + font-weight: 500; + border-radius: $modal-radius; + + &:hover { + background-color: $fill; + color: $text; + } + + &:disabled { color: $text-secondary-disabled; } + + &:checked { + transition: $transition; + background-color: if($variant == 'light', rgba($base, 1), rgba(white, 0.15)); + color: $text; + box-shadow: 0 1px 3px rgba(black, 0.06); + + &:disabled { color: $text-disabled; } + } +} + +notebook { + frame > paned > & > header, + &.frame > header { background-color: $fill; } + + &, &.frame { + background-color: $base; + border-radius: $modal-radius + $space-size; + } + + &.frame frame { + > border { + border: none; + border-radius: $modal-radius; + } + + > list { + // @extend %circular_list; + + row.activatable { border-radius: $corner-radius; } + } + } + + > header { + border: none; + background-color: $fill; + padding: $space-size / 2; + margin: $space-size / 2; + border-radius: $modal-radius + $space-size / 2; + // background-clip: border-box; + + &.top > tabs > arrow { + @extend %notebook_vert_arrows; + + border-top-style: none; + } + + &.bottom > tabs > arrow { + @extend %notebook_vert_arrows; + + border-bottom-style: none; + } + + @at-root %notebook_vert_arrows { + padding-left: 4px; + padding-right: 4px; + + &.down { + margin-left: 0; + -gtk-icon-source: -gtk-icontheme('pan-start-symbolic'); + } + + &.up { + margin-right: 0; + -gtk-icon-source: -gtk-icontheme('pan-end-symbolic'); + } + } + + &.left > tabs > arrow { + @extend %notebook_horz_arrows; + + border-left-style: none; + } + + &.right > tabs > arrow { + @extend %notebook_horz_arrows; + + border-right-style: none; + } + + @at-root %notebook_horz_arrows { + padding-top: 4px; + padding-bottom: 4px; + + &.down { + margin-top: 0; + -gtk-icon-source: -gtk-icontheme('pan-up-symbolic'); + } + + &.up { + margin-bottom: 0; + -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); + } + } + + > tabs > arrow { + @extend %button-flat-simple; + + min-height: 16px; + min-width: 16px; + border-radius: $corner-radius; + } + + tab { + @extend %tabs_tab; + + // FIXME: The tab node doesn't have :drop(active), instead its child box has it. + > box { + transition: background-color $duration $ease-out; + margin: -$space-size -12px; + padding: $space-size 12px; + + &:drop(active) { + background-color: $divider; + color: $text; + } + } + + // colors the button like the label, overridden otherwise + button.flat { + @extend %small-button; + + &:last-child { + margin-left: $space-size; + margin-right: $space-size - 12px; + } + + &:first-child { + margin-left: $space-size - 12px; + margin-right: $space-size; + } + } + + button.close-button { + min-width: $small-size; + min-height: $small-size; + } + } + + &.top, + &.bottom { + tabs { + // padding-left: 8px; + // padding-right: 8px; + + &:not(:only-child) { + &:first-child { margin-left: 0; } + + &:last-child { margin-right: 0; } + } + + tab.reorderable-page { border-style: solid; } + } + } + + &.left, + &.right { + tabs { + // padding-top: 8px; + // padding-bottom: 8px; + + &:not(:only-child) { + &:first-child { margin-top: 0; } + + &:last-child { margin-bottom: 0; } + } + + tab.reorderable-page { border-style: solid; } + } + } + } + + > stack:not(:only-child) { // the :not(:only-child) is for "hidden" notebooks + background-color: transparent; + border-radius: $corner-radius; + } +} + + +/************** + * Scrollbars * + **************/ +scrollbar { + $_slider_min_length: 24px; + + // disable steppers + @at-root * { + -GtkScrollbar-has-backward-stepper: false; + -GtkScrollbar-has-forward-stepper: false; + } + + transition: $transition; + background-color: $base; + + // scrollbar border + &.top { border-bottom: 1px solid $divider; } + &.bottom { border-top: 1px solid $divider; } + &.left { border-right: 1px solid $divider; } + &.right { border-left: 1px solid $divider; } + + // slider + slider { + transition: background-color $duration $ease-out; + min-width: 8px; + min-height: 8px; + border: 4px solid transparent; + border-radius: $circular-radius; + background-clip: padding-box; + background-color: $text-disabled; + + &:hover { background-color: $text-secondary; } + + &:active { background-color: $text; } + + &:disabled { background-color: $text-secondary-disabled; } + } + + &.fine-tune { + slider { + min-width: 4px; + min-height: 4px; + } + + &.horizontal slider { margin: 2px 0; } + + &.vertical slider { margin: 0 2px; } + } + + &.overlay-indicator { + &:not(.fine-tune) slider { + transition-property: background-color, min-height, min-width; + } + + &:not(.dragging):not(.hovering) { + border-color: transparent; + background-color: transparent; + + slider { + min-width: 4px; + min-height: 4px; + margin: 4px - 1px; + border: 1px solid rgba($base, 0.3); + } + + button { + min-width: 4px; + min-height: 4px; + margin: 4px - 1px; + border: 1px solid rgba($base, 0.3); + border-radius: $circular-radius; + background-color: $text-disabled; + background-clip: padding-box; + -gtk-icon-source: none; + + &:disabled { background-color: $text-secondary-disabled; } + } + + &.horizontal { + slider { min-width: $_slider_min_length; } + + button { min-width: 8px; } + } + + &.vertical { + slider { min-height: $_slider_min_length; } + + button { min-height: 8px; } + } + } + + &.dragging, + &.hovering { background-color: rgba($surface, 0.9); } + } + + &.horizontal slider { min-width: $_slider_min_length; } + + &.vertical slider { min-height: $_slider_min_length; } + + // button styling + button { + @extend %button-flat-simple; + + min-width: 16px; + min-height: 16px; + padding: 0; + border-radius: 0; + } + + // button icons + &.vertical { + button { + &.down { -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); } + + &.up { -gtk-icon-source: -gtk-icontheme('pan-up-symbolic'); } + } + } + + &.horizontal { + button { + &.down { -gtk-icon-source: -gtk-icontheme('pan-end-symbolic'); } + + &.up { -gtk-icon-source: -gtk-icontheme('pan-start-symbolic'); } + } + } +} + + +/********** + * Switch * + **********/ +switch { + transition: all $duration $ease-out; + margin: $space-size 0; + border: none; + border-radius: $circular-radius; + background-color: $text-disabled; + background-clip: padding-box; + font-size: 0; + color: transparent; + + &:checked { + background-color: $primary; + } + + &:disabled { opacity: 0.5; } + + // hide on/off icons for >=3.24.5 + // image { + // margin: -8px; + // -gtk-icon-transform: scale(0); + // } + + slider { + transition: all $duration $ease-out; + min-width: $small-size - 4px; + min-height: $small-size - 4px; + margin: if($variant == 'light', 1px, 0); + border-radius: $circular-radius; + outline: none; + box-shadow: none; + background-color: white; + border: none; + color: transparent; + } + + &:focus slider, + &:hover slider, + &:focus:hover slider { box-shadow: 0 0 0 6px $divider; } + + // row:selected & { } +} + + +/************************* + * Check and Radio items * + *************************/ +// draw regular check and radio items using our PNG assets +// all assets are rendered from assets.svg. never add pngs directly + +// selection-mode +.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; + + @each $s, $as in ('', '-unchecked'), + (':checked', '-checked') { + &#{$s} { + -gtk-icon-source: -gtk-scaled(url("assets/selectionmode-checkbox#{$as}#{$asset-suffix}.png"), + url("assets/selectionmode-checkbox#{$as}#{$asset-suffix}@2.png")); + } + } +} + +checkbutton, +radiobutton { + outline: none; +} + +checkbutton.text-button, +radiobutton.text-button { + // this is for a nice focus on check and radios text + padding: 2px; + + label:not(:only-child) { margin: 0 4px; } +} + +check, +radio { + min-height: 20px; + min-width: 20px; + margin: $space-size / 2; + padding: 0; + border-radius: $circular-radius; + color: transparent; + background-color: $divider; + transition: $transition, + box-shadow $ripple-fade-out-duration / 2 $ease-out; + + &:hover { + box-shadow: 0 0 0 6px $fill; + background-color: rgba($text, 0.15); + } + + &:active { + box-shadow: 0 0 0 6px $divider; + background-color: rgba($text, 0.20); + } + + &:disabled { + background-color: $fill; + } + + &:checked, &:indeterminate { + color: on($primary); + background-color: $primary; + + &:hover { + box-shadow: 0 0 0 6px rgba($primary, 0.15); + background-color: lighten($primary, 10%); + } + + &:active { + box-shadow: 0 0 0 6px rgba($primary, 0.20); + background-color: $primary; + } + + &:disabled { + color: on($primary, disabled); + background-color: rgba($primary, 0.35); + } + } + + popover modelbutton.flat & { + &, &:focus, &:hover, &:focus:hover, &:active, &:disabled { + transition: none; // FIXME: this is a workaround for a popover check/radio long transition issue + box-shadow: none; + background-image: none; + } + + &.left:dir(rtl) { + margin-left: -$space-size / 2; + margin-right: $space-size; + } + + &.right:dir(ltr) { + margin-left: $space-size; + margin-right: -$space-size / 2; + } + } + + menu menuitem & { + transition: none; + margin: 0; // this is a workaround for a menu check/radio size allocation issue + padding: 0; + + &:dir(ltr) { + margin-right: $space-size; + margin-left: -$space-size / 2; + } + + &:dir(rtl) { + margin-left: $space-size; + margin-right: -$space-size / 2; + } + + &, &:hover, &:disabled, &:checked:hover, &:indeterminate:hover { + box-shadow: none; + } + } +} + +%check, +check { + &:checked { -gtk-icon-source: -gtk-recolor(url("assets/scalable/checkbox-checked-symbolic.svg")); } + &:indeterminate { -gtk-icon-source: -gtk-recolor(url("assets/scalable/checkbox-mixed-symbolic.svg")); } +} + +%radio, +radio { + &:checked { -gtk-icon-source: -gtk-recolor(url("assets/scalable/radio-checked-symbolic.svg")); } + &:indeterminate { -gtk-icon-source: -gtk-recolor(url("assets/scalable/radio-mixed-symbolic.svg")); } +} + +%small_check, +menu menuitem check { + min-height: 16px; + min-width: 16px; + + &:checked { -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-checked-symbolic.svg")); } + &:indeterminate { -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-mixed-symbolic.svg")); } +} + +%small_radio, +menu menuitem radio { + min-height: 16px; + min-width: 16px; + + &:checked { -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-checked-symbolic.svg")); } + &:indeterminate { -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-mixed-symbolic.svg")); } +} + +// ANIMATION: +// this is made with those pretty convoluted transitions, since checks and radios have to animate only on state changes, +// the transformation is set on the active state and it get reset on the checked state. +check:not(:checked):active { -gtk-icon-transform: rotate(90deg); } + +// radio:not(:checked):active { -gtk-icon-transform: scale(0); } + +check:not(:checked):indeterminate:active, +radio:not(:checked):indeterminate:active { -gtk-icon-transform: scaleX(-1); } // instead of rotateY(180deg) + +treeview.view { + radio, check { + padding: 0; + margin: 0; + + &:not(:hover):not(:disabled):not(:checked):not(:indeterminate) { + background-color: $divider; + } + + &, &:hover, &:disabled, &:checked:hover, &:indeterminate:hover { + box-shadow: none; + } + } + + &:selected, &:selected:focus { + radio, check { + &:checked, &:indeterminate { + background-color: $primary; + color: on($primary); + background-image: none; + } + } + } +} + + +/************ + * GtkScale * + ************/ +scale { + // sizing + $_marks_length: 8px; + $_marks_distance: 7px; + + $trough_size: 2px; + $finetune_trough_size: 4px; + + $slider_size: 18px; + + $slider_margin: -($slider_size - $trough_size) / 2; + $finetune_slider_margin: -($slider_size - $finetune_trough_size) / 2; + + $color_slider_margin: -($slider_size) * 3 / 4; + $color_marks_slider_margin: -($slider_size - 16px) - $color_slider_margin; + + min-height: $trough_size; + min-width: $trough_size; + + &.horizontal { padding: ($medium-size - $trough_size) / 2 12px; } + + &.vertical { padding: 12px ($medium-size - $trough_size) / 2; } + + // the slider is inside the trough, so to have make it bigger there's a negative margin + slider { + min-height: $slider_size; + min-width: $slider_size; + margin: $slider_margin; + } + + // click-and-hold the slider to activate + &.fine-tune { + &.horizontal { + min-height: $finetune_trough_size; + padding-top: ($medium-size - $finetune_trough_size) / 2; + padding-bottom: ($medium-size - $finetune_trough_size) / 2; + } + + &.vertical { + min-width: $finetune_trough_size; + padding-left: ($medium-size - $finetune_trough_size) / 2; + padding-right: ($medium-size - $finetune_trough_size) / 2; + } + + // to make the trough grow in fine-tune mode + slider { margin: $finetune_slider_margin; } + } + + // the backing bit + trough { + transition: background-color $duration $ease-out; + outline: none; + background-color: $track; + + &:disabled { background-color: $track-disabled; } + } + + // the colored part of the backing bit + highlight { + transition: background-image $duration $ease-out; + background-image: image($primary); + + &:disabled { + background-color: $background; + background-image: image($text-secondary-disabled); + } + } + + // this is another differently styled part of the backing bit, the most relevant use case is for example + // in media player to indicate how much video stream as been cached + fill { + transition: background-color $duration $ease-out; + background-color: $track; + + &:disabled { background-color: transparent; } + } + + slider { + transition: all $duration $ease-out; + border-radius: $circular-radius; + color: $primary; + background-color: $base; + box-shadow: inset 0 0 0 2px $primary; + + &:hover { + box-shadow: inset 0 0 0 2px $primary, 0 0 0 8px $divider; + } + + &:active { + box-shadow: inset 0 0 0 4px $primary, 0 0 0 8px $divider; + } + + &:disabled { + box-shadow: inset 0 0 0 2px $text-secondary-disabled; + } + } + + marks, + value { color: $text-secondary; } + + indicator { + background-color: $track; + color: transparent; + } + + //marks margins + @each $scale_orient, $marks_class, $marks_pos, $marks_margin in (horizontal, top, top, bottom), + (horizontal, bottom, bottom, top), + (vertical, top, left, right), + (vertical, bottom, right, left) { + &.#{$scale_orient} marks { + &.#{$marks_class} { + margin-#{$marks_margin}: $_marks_distance; + margin-#{$marks_pos}: -($_marks_distance + $_marks_length); + } + } + + &.#{$scale_orient}.fine-tune marks { + &.#{$marks_class} { + margin-#{$marks_margin}: $_marks_distance - 1px; + margin-#{$marks_pos}: -($_marks_distance + $_marks_length - 1px); + } + } + } + + &.horizontal { + indicator { + min-height: $_marks_length; + min-width: 1px; + } + } + + &.vertical { + indicator { + min-height: 1px; + min-width: $_marks_length; + } + } + + // *WARNING* scale with marks madness following + + @each $dir_class, $dir_infix in ('horizontal', 'horz'), + ('vertical', 'vert') { + @each $marks_infix, $marks_class in ('marks-before', 'marks-before:not(.marks-after)'), + ('marks-after', 'marks-after:not(.marks-before)') { + &.#{$dir_class}.#{$marks_class} { + slider { + transition: background-color $duration $ease-out, + background-size $ripple-fade-out-duration $ease-out, + background-image $ripple-fade-out-opacity-duration $ease-out; + 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; + + &, &:hover, &:active, &:disabled { + box-shadow: none; + } + + &:focus { background-color: $overlay-focus; } + + &:hover { background-color: $overlay-hover; } + + &:focus:hover { background-color: $overlay-focus-hover; } + + &:active { + transition: background-color $duration $ease-out, + background-size 0ms, + background-image 0ms; + animation: ripple-on-slider $ripple-fade-in-duration $ease-out forwards; + background-size: auto, 0% 0%; + background-color: $overlay-hover; + } + + @each $state, $state_infix in ('', ''), + (':disabled', '-disabled') { + &#{$state} { + $_scale_asset: 'assets/scale-#{$dir_infix}-#{$marks_infix}-slider#{$state_infix}#{$asset-suffix}'; + + background-image: -gtk-scaled(url('#{$_scale_asset}.png'), url('#{$_scale_asset}@2.png')), + radial-gradient(circle, transparent 10%, transparent 0%); + } + } + + &:active { + $_scale_asset: 'assets/scale-#{$dir_infix}-#{$marks_infix}-slider#{$asset-suffix}'; + + background-image: -gtk-scaled(url('#{$_scale_asset}.png'), url('#{$_scale_asset}@2.png')), + radial-gradient(circle, $overlay-active 10%, transparent 0%); + } + } + } + } + } + + &.color { + min-height: 0; + min-width: 0; + + &.horizontal { + padding: 0 0 12px 0; + + slider { + &:dir(ltr), &:dir(rtl) { // specificity bump + margin-bottom: $color_slider_margin; + margin-top: $color_marks_slider_margin; + } + } + } + + &.vertical { + &:dir(ltr) { + padding: 0 0 0 12px; + + slider { + margin-left: $color_slider_margin; + margin-right: $color_marks_slider_margin; + } + } + + &:dir(rtl) { + padding: 0 12px 0 0; + + slider { + margin-right: $color_slider_margin; + margin-left: $color_marks_slider_margin; + } + } + } + } +} + + +/***************** + * Progress bars * + *****************/ +progressbar { + // sizing + &.horizontal { + trough, + progress { min-height: $space-size; } + } + + &.vertical { + trough, + progress { min-width: $space-size; } + } + + // FIXME: insensitive state missing and some other state should be set probably + color: $text-secondary; + font-size: smaller; + + trough { + border-radius: $corner-radius; + background-color: $track-disabled; + } + + progress { + border-radius: $corner-radius; + background-color: $primary; + } + + &.osd { // progressbar.osd used for epiphany page loading progress + min-width: $space-size; + min-height: $space-size; + background-color: transparent; + + trough { background-color: transparent; } + + progress { background-color: $primary; } + } + + trough.empty progress { all: unset; } // makes the progress indicator disappear, when the fraction is 0 +} + + +/************* + * Level Bar * + *************/ +levelbar { + &.horizontal { + block { min-height: $space-size; } + + &.discrete block { + min-width: $medium-size; + + &:not(:last-child) { margin-right: 2px; } + } + } + + &.vertical { + block { min-width: $space-size; } + + &.discrete block { + min-height: $medium-size; + + &:not(:last-child) { margin-bottom: 2px; } + } + } + + // imitate the entry style + trough { + border-radius: $corner-radius; + + // &:disabled { background-color: $base-alt; } + } + + block { + &.low { background-color: $warning; } + + &.high, + &:not(.empty) { background-color: $primary; } + + &.full { background-color: $success; } + + &.empty { background-color: $track-disabled; } + } +} + + +/**************** + * Print dialog * +*****************/ +printdialog { + paper { + padding: 0; + border: 1px solid $divider; + background-color: $base; + color: $text; + } + + .dialog-action-box { margin: 12px; } +} + + +/********** + * Frames * + **********/ + +%frame { + margin: 0; + padding: 0; + border: 1px solid $divider; + border-radius: 0; + box-shadow: none; +} + +frame > border, +.frame { + @extend %frame; + + &.view { border-radius: $corner-radius; } + + &.flat { border-style: none; } +} + +frame { + // & > border { @extend %frame; } + + &.flat > border, + statusbar & > border { border: none; } // for backward compatibility +} + +actionbar > revealer > box { + padding: $space-size; + border-top: 1px solid $divider; + background-color: $base; + background-clip: border-box; + + .background.csd box.vertical > & { + border-radius: 0 0 $window-radius $window-radius; + } + + button:not(.suggested-action):not(.destructive-action) { @extend %button-flat; } + + .linked > button:not(.suggested-action):not(.destructive-action) { @extend %button-basic; } + + // .linked:not(.vertical) > entry:not(:only-child) { border-radius: $corner-radius; } +} + +scrolledwindow { + viewport.frame { // avoid double borders when viewport inside scrolled window + border: none; + } + + stack &.frame { + // border-radius: $corner-radius; + + viewport.frame list { border: none; } + } + + // This is used when content is touch-dragged past boundaries. + // draws a box on top of the content, the size changes programmatically. + @at-root overshoot { + &.top { @include overshoot(top); } + + &.bottom { @include overshoot(bottom); } + + &.left { @include overshoot(left); } + + &.right { @include overshoot(right); } + } + + // // Overflow indication, works similarly to the overshoot, the size if fixed tho. + // @at-root undershoot { + // &.top { @include undershoot(top); } + // + // &.bottom { @include undershoot(bottom); } + // + // &.left { @include undershoot(left); } + // + // &.right { @include undershoot(right); } + // } + + @at-root junction { // the small square between two scrollbars + border-style: solid none none solid; + border-width: 1px; + border-color: $divider; + background-color: $base; + + &:dir(rtl) { border-style: solid solid none none; } + } +} + +// vbox and hbox separators +separator { + min-width: 1px; + min-height: 1px; + background-color: $divider; +} + +%hide_separators { + min-width: 0; + min-height: 0; + background-color: transparent; +} + + +/********* + * Lists * + *********/ + +%circular_list { + border-radius: $corner-radius + 1px; + box-shadow: none; + border: 1px solid $divider; +} + +%circular_row { + border-radius: 0; + + &:first-child { + border-top-left-radius: $corner-radius; + border-top-right-radius: $corner-radius; + } + + &:last-child { // Not use ? + border-bottom-left-radius: $corner-radius; + border-bottom-right-radius: $corner-radius; + } + + &:only-child { + border-radius: $corner-radius; + } + + &:focus { + box-shadow: inset 0 0 0 1000px $overlay-focus; + } +} + +list { + border-color: $divider; + background-color: $base; + + row { + padding: $space-size / 2; + } + + &.content:not(.conversation-listbox) { + @extend %circular_list; + + > row { + @extend %circular_row; + } + } + + &.navigation-sidebar { + padding: $space-size / 2; + + > row { + border-radius: $corner-radius; + } + } +} + +row { + @at-root %row_activatable, &.activatable { + transition: $transition, + background-size $ripple-fade-out-duration $ease-out, + background-image $ripple-fade-out-opacity-duration $ease-out; + 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%; + + &:focus { + box-shadow: inset 0 0 0 9999px $overlay-focus; + } + + &:hover { + transition: $transition, + box-shadow 0ms, + background-size $ripple-fade-out-duration $ease-out, + background-image $ripple-fade-out-opacity-duration $ease-out; + box-shadow: inset 0 0 0 9999px $overlay-hover; + } + + &.has-open-popup, // this is for indicathing which row generated a popover see https://bugzilla.gnome.org/show_bug.cgi?id=754411 + &:active { + transition: $transition, + background-size 0ms, + background-image 0ms; + animation: ripple $ripple-fade-in-duration $ease-out forwards; + box-shadow: inset 0 0 0 9999px $overlay-hover; + background-image: radial-gradient(circle, $overlay-active 10%, transparent 0%); + background-size: 0% 0%; + } + + button.circular { + @extend %button-flat-simple; + } + } + + &:selected { + color: inherit; // for overlays + background-color: $divider; + + image, + label { color: $text; } + + button image, + button label { color: inherit; } + + &:disabled { + image, + label { color: $text-disabled; } + } + } +} + + +/********************* + * App Notifications * + *********************/ +.app-notification { + // @extend %osd; + @extend %toolbar_osd; + margin: 8px; + + button { + @extend %button-flat; + + &.text-button:not(:disabled) { color: $primary; } + } + + &.frame, + border { border-style: none; } +} + + +/************* + * Expanders * + *************/ +expander { + title > arrow { + transition: all $duration $ease-out; + min-width: 16px; + min-height: 16px; + -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); + -gtk-icon-transform: rotate(-90deg); + + &:dir(rtl) { -gtk-icon-transform: rotate(90deg); } + + &:checked { -gtk-icon-transform: unset; } + + color: $text-secondary; + + &:hover, &:active { color: $text; } + + &:disabled { color: $text-secondary-disabled; } + } +} + + +/************ + * Calendar * + ************/ +calendar { + padding: 1px; + border: 1px solid $divider; + color: $text; + + &:disabled { color: $text-disabled; } + + &:selected { + @extend %selected_items; + + border-radius: $corner-radius + 1px; + } + + &.header { + border-style: none none solid; + border-color: $divider; + border-radius: 0; + } + + &.button { @extend %button-flat-simple; } + + &.highlight { + color: $text-secondary; + font-weight: 500; + } + + &:indeterminate { color: $text-secondary-disabled; } +} + + +/*********** + * Dialogs * + ***********/ +messagedialog { // Message Dialog styling + &.background { + background-color: $surface; + + &.csd { // rounded bottom border styling for csd version + border-bottom-left-radius: $window-radius; + border-bottom-right-radius: $window-radius; + } + } + + .titlebar { + min-height: $small-size; + border-style: none; + box-shadow: none; + background-color: $surface; + color: $text; + + &:backdrop { + background-color: $surface; + color: $text-secondary; + } + } + + .dialog-action-box { + margin-top: -$space-size; + // padding: $space-size; + + button, .linked:not(.vertical) > button { + @extend %button-flat; + + &, &:first-child, &:last-child { border-radius: $corner-radius; } + + &:not(:last-child) { margin-right: $space-size; } + + &.suggested-action:not(:disabled) { color: $suggested; } + + &.destructive-action:not(:disabled) { color: $destructive; } + } + } +} + +filechooser { + .csd & { + background-color: $base; + border-radius: 0 0 $window-radius $window-radius; + } + + .dialog-action-box { border-top: 1px solid $divider; } + + #pathbarbox { + border-bottom: 1px solid $divider; + background-color: $background; + + > stack > box > button { // The new folder button + @extend %button-flat; + @extend %circular-button; + } + } + + stack.view { + background-color: transparent; + padding: 0; + + scrolledwindow { + background-color: transparent; + border-radius: 0 0 $window-radius 0; + + list { background-color: transparent; } + } + + > placesview { + background-color: transparent; + // border-bottom-right-radius: $window-radius; + + > actionbar { + &, > revealer > box { + background-color: transparent; + } + } + } + + frame > border { border: none; } + } + + .csd & placessidebar { + background: none; + border-bottom-left-radius: $window-radius; + } + + actionbar { + &, > revealer > box { + background-color: transparent; + } + } +} + +// filechooserbutton:drop(active) { +// box-shadow: none; +// } + + +/*********** + * Sidebar * + ***********/ +.sidebar { + border-style: none; + // background-color: $base; + + &:not(separator) { + @at-root %sidebar_left, + &:dir(ltr), + &.left, + &.left:dir(rtl) { + border-right: 1px solid $divider; + border-left-style: none; + } + + @at-root %sidebar_right, + &:dir(rtl), + &.right { + border-left: 1px solid $divider; + border-right-style: none; + } + } + + list { background-color: transparent; } + + paned & { &.left, &.right, &.left:dir(rtl), &:dir(rtl), &:dir(ltr), & { border-style: none; }} +} + +stacksidebar.sidebar { + & { + &:dir(ltr), + &.left, + &.left:dir(rtl) { list { @extend %sidebar_left; }} + + &:dir(rtl), + &.right { list { @extend %sidebar_right; }} + } + + + separator.vertical, + separator.horizontal { @extend %hide_separators; } + + list { + padding: $space-size / 2; + background-color: $base; // This should not be necessary, but the parent stacksidebar ignores background-color. + } + + row { + min-height: 32px; + padding: 0 $space-size / 2; + border-radius: $corner-radius; + + &:selected { + background-color: $primary; + color: on($primary); + font-weight: 500; + + label, image { + color: on($primary); + } + } + + + row { margin-top: $space-size / 2; } + + > label { + padding-left: $space-size; + padding-right: $space-size; + color: inherit; + } + + &.needs-attention > label { @extend %needs-attention; } + } +} + +// separator.sidebar { +// background-color: $divider; +// } + + +/**************** + * File chooser * + ****************/ +// dim the sidebar icons, see bug #786613 for details on this oddity +row image.sidebar-icon { + transition: color $duration $ease-out; + color: $text-secondary; + + &:disabled { color: $text-secondary-disabled; } +} + +placessidebar.sidebar { + > viewport.frame { border-style: none; } + + list { + padding: $space-size; + + > separator { @extend %hide_separators; } + } + + row { + // Needs overriding of the GtkListBoxRow padding + min-height: 32px; + margin: 0; // Remove unwanted hard-coded vertical margins with -1px + padding: 0; + border-radius: $corner-radius; + + // Using margins/padding directly in the SidebarRow + // will make the animation of the new bookmark row jump + > revealer { padding: 0 8px 0 16px; } + + &:selected { + background-color: $divider; + font-weight: 500; + + // &, image.sidebar-icon, button.sidebar-button { color: $text; } + } + + &:disabled { color: $text-disabled; } + + image.sidebar-icon { + &:dir(ltr) { padding-right: 8px; } + &:dir(rtl) { padding-left: 8px; } + } + + label.sidebar-label { + color: inherit; + + &:dir(ltr) { padding-right: 2px; } + &:dir(rtl) { padding-left: 2px; } + } + + button.sidebar-button { + @extend %button-flat-simple; + @extend %small-button; + } + + &.sidebar-placeholder-row { background-color: $overlay-hover; } + + &.sidebar-new-bookmark-row { + color: $primary; + + image.sidebar-icon { color: $primary; } + } + + &:drop(active) { + transition: $transition, + box-shadow 0ms, + background-size $ripple-fade-out-duration $ease-out, + background-image $ripple-fade-out-opacity-duration $ease-out; + box-shadow: inset 0 0 0 9999px $overlay-hover; + } + } +} + +placesview { + .server-list-button > image { -gtk-icon-transform: rotate(0turn); } + + .server-list-button:checked > image { -gtk-icon-transform: rotate(-0.5turn); } + + // this selects the "connect to server" label + > actionbar > revealer > box > label { + padding-left: 8px; + padding-right: 8px; + } +} + + +/********* + * Paned * + *********/ +paned { + > separator { + min-width: 1px; + min-height: 1px; + -gtk-icon-source: none; // defeats the ugly default handle decoration + border-style: none; // just to be sure + background-color: transparent; + // workaround, using background istead of a border since the border will get rendered twice (?) + background-image: image($divider); + background-size: 1px 1px; + background-clip: content-box; // avoids borders image being rendered twice (?) + + &.wide { + min-width: 6px; + min-height: 6px; + background-color: $background; + background-image: image($divider), image($divider); + background-size: 1px 1px, 1px 1px; + } + } + + &.horizontal > separator { + background-repeat: repeat-y; + + &:dir(ltr) { + margin: 0 -8px 0 0; + padding: 0 8px 0 0; + background-position: left; + } + + &:dir(rtl) { + margin: 0 0 0 -8px; + padding: 0 0 0 8px; + background-position: right; + } + + &.wide { + margin: 0; + padding: 0; + background-repeat: repeat-y, repeat-y; + background-position: left, right; + } + } + + &.vertical > separator { + margin: 0 0 -8px 0; + padding: 0 0 8px 0; + background-repeat: repeat-x; + background-position: top; + + &.wide { + margin: 0; + padding: 0; + background-repeat: repeat-x, repeat-x; + background-position: bottom, top; + } + } +} + + +/************** + * GtkInfoBar * + **************/ +infobar { + border: none; + margin-bottom: 0; + + &.info { + & > revealer > box, + &:hover > revealer > box, + &:backdrop > revealer > box { + background-color: $base; + + link:link { color: on($primary); } + + button { + &, &.text-button:not(:disabled) { color: $primary; } + } + } + } + + &.action, + &.question { + & > revealer > box, + &:backdrop > revealer > box { + background-color: $primary; + color: on($primary); + + link:link { color: on($primary); } + + button { + &, &:hover, &:focus, &:active, &:checked, &.text-button:not(:disabled) { color: on($primary); } + } + } + + &:hover > revealer > box { + background-color: if($variant == 'light', lighten($primary, 5%), darken($primary, 5%)); + } + } + + &.warning { + & > revealer > box, + &:backdrop > revealer > box { + background-color: $warning; + color: on($warning); + + link:link { color: on($warning); } + + button { + @extend %button-on-dark; + + &, &:hover, &:focus, &:active, &:checked, &.text-button:not(:disabled) { color: on($warning); } + } + } + + &:hover > revealer > box { + background-color: if($variant == 'light', lighten($warning, 5%), darken($warning, 5%)); + } + } + + &.error { + & > revealer > box, + &:backdrop > revealer > box { + background-color: $error; + color: on($error); + + link:link { color: on($error); } + + button { + &, &:hover, &:focus, &:active, &:checked, &.text-button:not(:disabled) { color: on($error); } + } + } + + &:hover > revealer > box { + background-color: if($variant == 'light', lighten($error, 5%), darken($error, 5%)); + } + } +} + + +/************ + * Tooltips * + ************/ +tooltip { + &.background { + // background-color needs to be set this way otherwise it gets drawn twice + // see https://bugzilla.gnome.org/show_bug.cgi?id=736155 for details. + background-color: $tooltip; + color: on($tooltip); + } + + &.background.csd { + border-radius: $corner-radius; + } + + // padding: 4px; /* not working */ + border-radius: $corner-radius/2; + box-shadow: none; // otherwise it gets inherited by windowframe.csd + + &:not(.csd):not(.unity-csd) { + // border: 1px solid $divider; + // border-radius: $corner-radius + 1px; + // background-clip: $background-clip-extra; + } + + // FIXME: we need a border or tooltips vanish on black background. + decoration { background-color: transparent; } + + > box { + margin: -6px; // Remove hard-coded 6px margin + min-height: 32px - 4px * 2; + padding: 4px 8px; + } + + * { + // workaround for Eclipse. + // do not include any declaration here. + } +} + + +/***************** + * Color Chooser * + *****************/ +colorswatch { + // This widget is made of two boxes one on top of the other, the lower box is colorswatch {} the other one + // is colorswatch overlay {}, colorswatch has the programmatically set background, so most of the style is + // applied to the overlay box. + + // base color corners rounding + // to avoid the artifacts caused by rounded corner anti-aliasing the base color + // sports a bigger radius. + // nth-child is needed by the custom color strip. + + &.top { + border-top-left-radius: $corner-radius; + border-top-right-radius: $corner-radius; + + overlay { + border-top-left-radius: $corner-radius; + border-top-right-radius: $corner-radius; + } + } + + &.bottom { + border-bottom-left-radius: $corner-radius; + border-bottom-right-radius: $corner-radius; + + overlay { + border-bottom-left-radius: $corner-radius; + border-bottom-right-radius: $corner-radius; + } + } + + &.left, + &:first-child:not(.top) { + border-top-left-radius: $corner-radius; + border-bottom-left-radius: $corner-radius; + + overlay { + border-top-left-radius: $corner-radius; + border-bottom-left-radius: $corner-radius; + } + } + + &.right, + &:last-child:not(.bottom) { + border-top-right-radius: $corner-radius; + border-bottom-right-radius: $corner-radius; + + overlay { + border-top-right-radius: $corner-radius; + border-bottom-right-radius: $corner-radius; + } + } + + &.dark { color: on(dark); } + + &.light { color: on(light); } + + overlay { + transition: $transition-shadow; + + &:hover { box-shadow: 0 0 0 2px $primary; } + } + + &#add-color-button { + border-radius: $corner-radius 0 0 $corner-radius; + + &:only-child { border-radius: $corner-radius; } + + overlay { + background-color: $fill; + + &:hover { background-color: $divider; box-shadow: none; } + + &:active { background-color: $track; } + } + } + + &:disabled { + opacity: 0.5; + + overlay { box-shadow: none; } + } + + &#editor-color-sample { + border-radius: $menu-radius; + + overlay { border-radius: $menu-radius; } + + overlay:hover { box-shadow: $shadow-z1; } + } +} + +// colorscale popup +colorchooser .popover.osd { + transition: $transition-shadow; + border-radius: $corner-radius; + box-shadow: $shadow-z4, inset 0 1px highlight($surface); + background-color: $surface; + + &:backdrop { box-shadow: $shadow-z2, inset 0 1px highlight($surface); } +} + + +/******** + * Misc * + ********/ +// content view (grid/list) +.content-view { + background-color: $background; + + // &:hover { -gtk-icon-effect: highlight; } + + rubberband, .rubberband { @extend rubberband; } +} + +// .scale-popup { +// .osd & { @extend %osd; } +// +// .osd & button.flat { // FIXME: quick hack, redo properly +// } +// +// button { // +/- buttons on GtkVolumeButton popup +// } +// } + + +/********************** + * Window Decorations * + **********************/ +decoration { + transition: $transition-shadow; + border-radius: $window-radius; + + @if $rimless == 'true' { + box-shadow: $shadow-z16, 0 0 36px transparent; + } @else { + box-shadow: $shadow-z16, 0 0 0 1px $window-border, 0 0 36px transparent; + + @if $variant == 'dark' { + .csd & { + border: 1px solid highlight($background); + background-color: $background; + background-clip: border-box; + } + } + } + + // this is used for the resize cursor area + margin: 8px; + + &:backdrop { + // the transparent shadow here is to enforce that the shadow extents don't + // change when we go to backdrop, to prevent jumping windows. + // The biggest shadow should be in the same order then in the active state + // or the jumping will happen during the transition. + + @if $rimless == 'true' { + box-shadow: $shadow-z4, 0 0 36px transparent; + } @else { + box-shadow: $shadow-z4, 0 0 0 1px $window-border, 0 0 36px transparent; + } + } + + .maximized &, + .fullscreen &, + .tiled &, + .tiled-top &, + .tiled-right &, + .tiled-bottom &, + .tiled-left & { border-radius: 0; } + + .popup & { + box-shadow: none; + border: none; + } + + // server-side decorations as used by mutter + .ssd & { + border: none; + border-radius: $window-radius $window-radius 0 0; + + @if $rimless == 'true' { + box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16); + } @else { + box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 0 0 1px $window-border; // just doing borders, wm draws actual shadows + } + } + + .metacity & { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: none; + } + + .csd.popup & { + border-radius: $menu-radius; + border: none; + + @if $rimless == 'true' { + box-shadow: $shadow-z5; + } @else { + box-shadow: $shadow-z5, 0 0 0 1px $window-border; + } + } + + tooltip.csd & { + border-radius: $menu-radius; + box-shadow: none; + border: none; + } + + messagedialog.csd & { + border-radius: $window-radius; + + @if $variant == 'dark' { + border: 1px solid highlight($surface); + background-color: $surface; + background-clip: border-box; + } + } + + .solid-csd & { + margin: 0; + padding: 2px; + border-radius: 0; + box-shadow: none; + background-color: $titlebar; + border: 1px solid $solid-border; + + &:backdrop { background-color: $titlebar-backdrop; } + } +} + +// Windows button + +%mac_window_button { + min-height: 16px; + min-width: 16px; + padding: 0; + margin: 0 $space-size - 2px; + + &.minimize, &.maximize, &.close { + color: transparent; + + &:hover, &:active { + color: on($applet-primary); + } + + &:backdrop { + background-color: $titlebar-track; + + &:hover, &:active { + color: $titlebar-text-disabled; + } + } + } + + &.minimize { // Window minimize button + background-color: $titlebutton-min; + + &:active { + background-color: mix($titlebar-text, $titlebutton-min, 25%); + } + } + + &.maximize { // Window maximize button + background-color: $titlebutton-max; + + &:active { + background-color: mix($titlebar-text, $titlebutton-max, 25%); + } + } + + &.close { // Window close button + background-color: $titlebutton-close; + + &:active { + background-color: mix($titlebar-text, $titlebutton-close, 25%); + } + } +} + +%normal_window_button { + min-height: 22px; + min-width: 22px; + padding: 0; + margin: 0 $space-size - 2px; + + &.minimize, &.maximize, &.close { + color: $titlebar-text-secondary; + background-color: gtkalpha(currentColor, 0.1); + + &:hover { + color: $titlebar-text; + background-color: gtkalpha(currentColor, 0.15); + } + + &:active { + color: $titlebar-text; + background-color: gtkalpha(currentColor, 0.2); + } + + &:backdrop { + opacity: 0.65; + } + } +} + +button.titlebutton:not(.suggested-action):not(.destructive-action) { + @extend %circular-button; + + @if $window_button == 'mac' { + @extend %mac_window_button; + } @else { + @extend %normal_window_button; + } +} + +.monospace { font-family: monospace; } + + +/********************** + * Touch Copy & Paste * + **********************/ +// touch selection handlebars for the Popover.osd above +cursor-handle { + color: $primary; + -gtk-icon-source: -gtk-recolor(url("assets/scalable/cursor-handle-symbolic.svg")); + + &.top:dir(ltr), &.bottom:dir(rtl) { + -gtk-icon-transform: rotate(90deg); + } + + &.bottom:dir(ltr), &.top:dir(rtl) { + -gtk-icon-transform: unset; + } + + &.insertion-cursor:dir(ltr), &.insertion-cursor:dir(rtl) { + padding-top: 6px; + -gtk-icon-transform: rotate(45deg); + } +} + +.context-menu { font: initial; } // Decouple the font of context menus from their entry/textview + +// shortcut window keys +.keycap { + min-width: 28px - 8px * 2; + min-height: 28px - 2px; + margin-top: 2px; + padding-bottom: 2px; + padding-left: 8px; + padding-right: 8px; + + border: solid 1px $divider; + border-radius: $corner-radius + 1px; + box-shadow: inset 0 -2px $divider; + background-color: $surface; + color: $text; + font-size: smaller; +} + +:not(decoration):not(window):drop(active) { // FIXME needs to be done widget by widget, this wildcard should really die + caret-color: $primary; +} + +stackswitcher { + min-height: 0; + padding: $space-size / 2; + margin: $space-size 0; + border-radius: $corner-radius + $space-size / 2; + background-color: $fill; + border: none; + + &.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action) { + margin: 0 0; + background-color: transparent; + border-radius: $corner-radius; + padding: ($medium-size - 24px - $space-size) / 2 ($medium-size - 16px) / 2; + + &.text-button { min-width: 100px; } + + &:focus:not(:hover):not(:checked) { box-shadow: none; } + + &:checked { + transition: $transition; + background-color: if($variant == 'light', rgba($base, 1), rgba(white, 0.15)); + color: $text; + box-shadow: 0 1px 3px rgba(black, 0.06); + } + } + + button.text-button { min-width: 100px; } // FIXME aggregate with buttons + + button.circular, + button.text-button.circular { // FIXME aggregate with buttons + min-width: $medium-size; + min-height: $medium-size; + padding: 0; + } +} + + +/************* + * App Icons * + *************/ +// Outline for low res icons +.lowres-icon { + // -gtk-icon-shadow: none; +} + +// Drapshadow for large icons +.icon-dropshadow { + // -gtk-icon-shadow: none; +} + + +/********* + * Emoji * + *********/ +popover.emoji-picker { + padding: 0; + + entry { + border-bottom: 1px solid $divider; + border-image: none; + border-radius: 0; + box-shadow: none; + background-color: transparent; + } + + scrolledwindow { border-bottom: 1px solid $divider; } +} + +button.emoji-section { + margin: 4px; + + &:checked { + // background-color: transparent; + color: $primary; + } + + &:not(:last-child) { margin-right: 0; } +} + +popover.emoji-picker .emoji { + min-width: 3em; + min-height: 3em; + padding: 0 8px; + // font-size: larger; + + widget { + transition: $transition; + border-radius: $corner-radius; + + &:hover { background-color: $overlay-hover; } + } +} + +popover.emoji-completion { + padding: 8px 0; + + arrow { + border: none; + background: none; + } + + .emoji-completion-row { + min-height: $menuitem-size; + padding: 0 12px; + } + + .emoji:hover { + background-color: $overlay-hover; + } +} diff --git a/src/src/sass/gtk/_common-4.0.scss b/src/src/sass/gtk/_common-4.0.scss new file mode 100644 index 00000000..534dee71 --- /dev/null +++ b/src/src/sass/gtk/_common-4.0.scss @@ -0,0 +1,4302 @@ + +/*************** + * Base States * + ***************/ +.background { + background-color: $background; + color: $text; +} + +dnd { + color: on($background); +} + +.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); } + +%view, .view { + // background-color: $base; + color: $text; + + // &:selected:hover { box-shadow: inset 0 0 0 9999px rgba($primary, 0.08); } + + &:disabled { color: $text-disabled; } + + &:selected { + color: $text; + @extend %selected_items; + } +} + +textview { + // FIXME: we need to override background-color to ensure text rendering + + text { + background-color: $base; + selection { &:focus, & { @extend %selected_items_primary; }} + } + + border { + background-color: $base-alt; + color: $text-secondary; // FIXME: not working + } +} + +iconview { + @extend %view; + &:hover, &:selected { border-radius: $corner-radius / 2; } +} + +rubberband { + border: 1px solid $primary; + background-color: rgba($primary, 0.3); +} + +flowbox { + > rubberband { @extend rubberband; } + + > flowboxchild { + padding: 4px; + border-radius: $corner-radius; + + &:selected { @extend %selected_items_color; } + } +} + +.content-view .tile { + &:selected { + background-color: transparent; + } +} + +gridview { + > rubberband { @extend rubberband; } + + > child { + padding: 3px; + + &:selected { + outline-color: $overlay-selected; + + @extend %selected_items; + } + + box { //cells + border-spacing: 8px; //label separation + margin: 12px; + } + } +} + +coverflow cover { + color: $text; + background-color: $base; + border: 1px solid black; +} + +label { + &.separator { + color: $text-secondary; + } + + > selection { @extend %selected_items_primary; } + + &:disabled { + color: $text-disabled; + + // selection { color: $text-disabled; } + + headerbar &, + tab &, + button & { color: inherit; } + } + + &.osd { + border-radius: $corner-radius; + background-color: $tooltip; + color: on($tooltip); + } +} + +%dim-label, .dim-label { color: $text-secondary; } + +window.assistant { + .sidebar { + padding: 4px 0; + // background-color: $base; + // border-top: 1px solid $divider; + } + + // &.csd .sidebar { border-top-style: none; } + + .sidebar label { + min-height: $medium-size; + padding: 0 12px; + color: $text-disabled; + font-weight: 500; + + &.highlight { color: $text; } + } +} + +%osd { + color: on($base); + background-color: $base; + background-clip: padding-box; + border-radius: $corner-radius; + border: none; +} + +.osd { + @extend %osd; + padding: $space-size; + margin: $space-size; + box-shadow: $shadow-z4; + + &.circular { border-radius: $circular-radius; } +} + + +/********************* + * Spinner Animation * + *********************/ +@keyframes spin { + to { transform: rotate(1turn); } +} + +spinner { + background: none; + opacity: 0; // non spinning spinner makes no sense + -gtk-icon-source: -gtk-icontheme('process-working-symbolic'); + + &:checked { + opacity: 1; + animation: spin 1s linear infinite; + + &:disabled { opacity: 0.5; } + } +} + +// General Typography +.large-title { + font-weight: 300; + font-size: 24pt; +} + +.title { + &-1 { + font-weight: 800; + font-size: 20pt; + } + + &-2 { + font-weight: 800; + font-size: 15pt; + } + + &-3 { + font-weight: 700; + font-size: 15pt; + } + + &-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; + + &-heading { + font-weight: 700; + font-size: 9pt; + } +} + +/**************** + * Text Entries * + ****************/ +%entry, +entry { + %entry_basic, & { + min-height: $medium-size; + padding: 0 8px; + border-spacing: $space-size; + border-radius: $corner-radius; + caret-color: currentColor; // this shouldn't be needed. + + @include entry(normal); + + &:focus-within { @include entry(checked); } + + &:drop(active) { @include entry(hover); } + + &:disabled { @include entry(disabled); } + + // &.search { border-radius: $circular-radius; } + + &.flat { + min-height: 0; + padding: 2px; + border-radius: 0; + background-color: transparent; + } + + image { // icons inside the entry + color: $text-secondary; + + &:hover, &:active { color: $text; } + + &:disabled { color: $text-disabled; } + + &.left { + margin-left: ($medium-size - 16px) / 2 - 8px; + margin-right: 6px; + } + + &.right { + margin-left: 6px; + margin-right: ($medium-size - 16px) / 2 - 8px; + } + } + + undershoot { + &.left { @include undershoot(left); } + + &.right { @include undershoot(right); } + } + + > text > selection { @extend %selected_items_primary; } + + // entry error and warning style + @each $e_type, $e_color in (error, $error), + (warning, $warning) { + &.#{$e_type} { + @include entry(normal, $e_color); + + &:focus-within { @include entry(checked, $e_color); } + + &:disabled { @include entry(disabled, $e_color); } + } + } + } + + > progress, + progress > trough > progress { + margin: 2px -8px; + border-bottom: 2px solid $primary; + background-color: transparent; + } + + // linked entries + .linked:not(.vertical) > & { @extend %linked; } + + // Vertically linked entries + .linked.vertical > & { @extend %linked-vertical; } +} + +%entry_raised { + border-radius: $corner-radius; + + @include entry(raised-normal); + + &:focus-within { @include entry(raised-focus); } + + &:drop(active) { @include entry(raised-hover); } + + &:disabled { @include entry(raised-disabled); } + + // entry error and warning style + @each $e_type, $e_color in (error, $error), + (warning, $warning) { + &.#{$e_type} { + @include entry(raised-normal, $e_color); + + &:focus-within { @include entry(raised-focus, $e_color); } + + &:disabled { @include entry(raised-disabled, $e_color); } + + image { + color: on($e_color, secondary); + + &:hover, &:active { color: on($e_color); } + + &:disabled { color: on($e_color, disabled); } + } + } + } +} + +treeview entry { + &.flat, & { + background-color: $base; + + &, &:focus-within { + border-image: none; + box-shadow: none; + } + } +} + +.entry-tag { + margin: 2px; + border-radius: $circular-radius; + box-shadow: none; + background-color: $track-disabled; + color: $text; + + &:hover { background-image: image($overlay-hover); } + + // side margins: compensate the entry padding with a negative margin + // then the negative margin itself + :dir(ltr) & { + margin-left: 4px; + margin-right: 0; + padding-left: 12px; + padding-right: 8px; + } + + :dir(rtl) & { + margin-left: 0; + margin-right: 4px; + padding-left: 8px; + padding-right: 12px; + } + + // seems any sizing doesn't work + &.button { + box-shadow: none; + background-color: transparent; + + &:not(:hover):not(:active) { color: $text-secondary; } + } +} + +// Editable Labels +editablelabel > stack > text { + @include entry(normal); +} + +/*********** + * Buttons * + ***********/ +// stuff for .needs-attention +@keyframes needs-attention { + from { background-image: radial-gradient(farthest-side, $primary 0%, transparentize($primary, 1) 0%); } + to { background-image: radial-gradient(farthest-side, $primary 95%, transparentize($primary, 1)); } +} + +%button-on-dark { + color: on(dark, secondary); + + &:focus, &:hover, &:active, &:checked { color: on(dark); } + &:disabled { color: on(dark, secondary-disabled); } + &:checked:disabled { color: on(dark, disabled); } +} + +%button-basic { + @include button(normal); + + &:focus { @include button(focus); } + + &:hover { @include button(hover); } + + &:active { @include button(active); } + + &:disabled { @include button(disabled); } + + &:checked { @include button(checked); } + + &:checked:hover { @include button(checked-hover); } + + &:checked:disabled { @include button(checked-disabled); } +} + +button { + min-height: 24px; + min-width: 16px; + padding: ($medium-size - 24px) / 2 ($medium-size - 16px) / 2; + border-radius: $corner-radius; + font-weight: 500; + @extend %button-basic; + + &:drop(active) { @include button(hover); } + + @at-root %button-flat, &.flat { + @at-root %button-flat-simple, & { + @include button(flat-normal); + + &:focus { @include button(flat-focus); } + + &:hover { @include button(flat-hover); } + + &:active { @include button(flat-active); } + + &:disabled { @include button(flat-disabled); } + } + + &:checked, &:checked:hover { @include button(flat-checked); } + + &:checked:disabled { @include button(flat-checked-disabled); } + } + + &.text-button { + min-width: 64px - 16px * 2; + padding-left: 16px; + padding-right: 16px; + + &.flat { + min-width: 64px - 8px * 2; + padding-left: 8px; + padding-right: 8px; + } + } + + &.image-button { + min-width: 24px; + padding: ($medium-size - 24px) / 2; + + // @extend %circular-button; + } + + // NOTE: Some image-only buttons use this as well + &.text-button.image-button { + min-width: 24px; + padding: ($medium-size - 24px) / 2; + border-radius: $corner-radius; + + label { + &:first-child { margin-left: 16px - ($medium-size - 24px) / 2; } + + &:last-child { margin-right: 16px - ($medium-size - 24px) / 2; } + } + + &.flat label { + &:first-child { margin-left: 12px - ($medium-size - 24px) / 2; } + + &:last-child { margin-right: 12px - ($medium-size - 24px) / 2; } + } + + image:not(:only-child) { margin: 0 (24px - 16px) / 2; } + } + + .linked:not(.vertical) > &, + .linked:not(.vertical) > &.image-button { + @extend %linked; + } + + .linked.vertical > &, + .linked.vertical > &.image-button { + @extend %linked-vertical; + } + + .linked:not(.vertical) > &.flat, + .linked.vertical > &.flat { + &:not(:only-child) { // specificity bump + border-radius: $corner-radius; + } + + &:focus { box-shadow: inset 0 0 0 9999px $overlay-focus; } + } + + // big standalone buttons like in Documents pager + &.osd { + padding: ($large-size - 24px) / 2 ($large-size - 16px) / 2; + + &.image-button { padding: ($large-size - 24px) / 2; } + + &:disabled { opacity: 0; } + } + + // Suggested and Destructive Action buttons + @each $b_type, $b_color in (suggested-action, $suggested), + (destructive-action, $destructive) { + &.#{$b_type} { + background-color: $b_color; + color: on($b_color); + box-shadow: none; + + &:disabled { @include button(disabled); } + + &:hover { + box-shadow: inset 0 0 0 9999px transparent, + 0 2px (4px * .6) -1px rgba($b_color, 0.2), + 0 4px (5px * .6) 0 rgba($b_color, 0.14), + 0 1px (10px * .6) 0 rgba($b_color, 0.12); + } + + &:checked { background-color: mix(on($b_color), $b_color, percentage(0.3)); } + + &:checked:hover { + box-shadow: inset 0 0 0 9999px transparent, + 0 3px 3px -3px rgba($b_color, 0.3), + 0 2px 3px -1px rgba($b_color, 0.24), + 0 2px 5px 0 rgba($b_color, 0.12); + } + + &:focus { box-shadow: 0 0 0 2px rgba($b_color, 0.35); } + + &.flat { + background-color: transparent; + color: $b_color; + + &:disabled { @include button(flat-disabled); } + + &:checked { background-color: rgba($b_color, 0.3); } + } + + .osd & { } + } + } + + stackswitcher > & { + // to position the needs attention dot, padding is added to the button + // child, a label needs just lateral padding while an icon needs vertical + // padding added too. + + > label { + margin: 0 -6px; + padding: 0 6px; + } + + > image { + margin: -3px -6px; + padding: 3px 6px; + } + + &.needs-attention { + > label, + > image { @extend %needs-attention; } + + &:checked { + > label, + > image { + animation: none; + background-image: none; + } + } + } + } + + // hide separators + &.font, + &.file { + separator { @extend %hide_separators; } + + > box { border-spacing: $space-size; } + > box > box > label { font-weight: bold; } + } + + @at-root %circular-button, + &.close, + &.circular { // The Bloody Circul Button + border-radius: $circular-radius; + + label { padding: 0; } + } + + @at-root %small-button { + min-height: $small-size; + min-width: $small-size; + padding: 0; + border-radius: $circular-radius; + } +} + +%needs-attention { + animation: needs-attention $ripple-fade-in-duration $ease-out forwards; + background-repeat: no-repeat; + background-position: right 3px; + background-size: 6px 6px; + + &:dir(rtl) { background-position: left 3px; } +} + +%linked { + border-radius: 0; + + &:first-child { + border-top-left-radius: $corner-radius; + border-bottom-left-radius: $corner-radius; + } + + &:last-child { + border-top-right-radius: $corner-radius; + border-bottom-right-radius: $corner-radius; + } + + &:only-child { + border-radius: $corner-radius; + } +} + +%linked-vertical { + border-radius: 0; + + &:first-child { + border-top-left-radius: $corner-radius; + border-top-right-radius: $corner-radius; + } + + &:last-child { + border-bottom-left-radius: $corner-radius; + border-bottom-right-radius: $corner-radius; + } + + &:only-child { + border-radius: $corner-radius; + } +} + +/* menu buttons */ +modelbutton.flat { + min-height: $menuitem-size; + padding: 0 $space-size * 1.5; + border-radius: $corner-radius; + color: $text; + + @extend %button-flat-simple; + + &:selected { @extend %selected_items; } +} + +modelbutton.flat arrow { + &.left { -gtk-icon-source: -gtk-icontheme("go-previous-symbolic"); } + &.right { -gtk-icon-source: -gtk-icontheme("go-next-symbolic"); } +} + +button.color { + min-height: $small-size; + min-width: $small-size; + padding: $space-size; + + colorswatch:only-child { + // &, overlay { border-radius: 0; } + } +} + +%list_button, +list > row button.image-button:not(.flat) { + background-color: transparent; + box-shadow: none; + border: none; + &:hover { @include button(hover); } + &:active, + &:checked { @include button(active); } + + @each $b_type, $b_color in (suggested-action, $suggested), + (destructive-action, $destructive) { + &.#{$b_type} { // allow colored buttons in lists #3643 + background-color: $b_color; + color: on($b_color); + } + } +} + +/********* + * Links * + *********/ +link, %links { + color: $link; + + &:visited { + color: $link-visited; + } +} + +button.link { + &:link { + &, &:focus, &:hover, &:active { color: $link; } + } + + &:visited { + &, &:focus, &:hover, &:active { color: $link-visited; } + } + + > label { text-decoration-line: underline; } +} + +/***************** + * GtkSpinButton * + *****************/ +spinbutton { + &:not(.vertical) { + // in this horizontal configuration, the whole spinbutton + // behaves as the entry, so we extend the entry styling + // and nuke the style on the internal entry + @extend %entry; + + padding: 0; + border-spacing: 0; + + > text { + min-width: $large-size - 8px * 2; + // reset all the other props since the spinbutton node is styled here + margin: 0; + padding-left: $space-size * 2; + border-image: none; + border-radius: 0; + box-shadow: none; + background-color: transparent; + } + + > button { + @extend %button-flat-simple; + @extend %small-button; + + // margin: $space-size; + border: solid $space-size transparent; + + // Remove unwanted focus indicator + &:focus:not(:hover):not(:active):not(:disabled) { + box-shadow: inset 0 0 0 9999px transparent; + color: $text-secondary; + } + + &.up:dir(ltr), + &.down:dir(rtl) { margin-left: -$space-size / 2; } + + &.up:dir(rtl), + &.down:dir(ltr) { margin-right: -$space-size / 2; } + } + } + + // Vertical + &.vertical { + @extend %entry; + + padding: 0; + + &:disabled { color: $text-disabled; } + + > text { + margin: 0; + border-image: none; + border-radius: 0; + box-shadow: none; + background-color: transparent; + + min-height: $medium-size; + min-width: $large-size - $space-size; + padding: 0; + } + + > button { + @extend %button-flat-simple; + @extend %small-button; + padding: 0; + + border: solid $space-size transparent; + + // Remove unwanted focus indicator + &:focus:not(:hover):not(:active) { + box-shadow: inset 0 0 0 9999px transparent; + color: $text-secondary; + } + + &.up { margin: 0 $space-size / 2; } + + &.down { margin: 0 $space-size / 2; } + } + } + + // Misc + treeview &:not(.vertical), + row &:not(.vertical) { + min-height: 0; + border-style: none; + border-radius: 0; + + > text { + min-height: 0; + padding: 1px 2px; + } + } +} + + +/************** + * ComboBoxes * + **************/ +dropdown > popover.menu.background > contents { padding: 0; } + +dropdown > button > box { + border-spacing: $space-size; +} + +dropdown, +combobox { + arrow { + -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); + min-height: 16px; + min-width: 16px; + } + + // align menu labels with the button label + > popover.menu > contents modelbutton { + padding-left: 9px; + padding-right: 9px; + } + + button.combo cellview { + &:dir(ltr) { margin-left: 8px - ($medium-size - 16px) / 2; } + &:dir(rtl) { margin-right: 8px - ($medium-size - 16px) / 2; } + } + + // newstyle + popover { + margin-top: $space-size - 2px; + padding: 0; + + listview { + margin: $space-size 0; + + & > row { + padding: $space-size; + + &:selected { + color: $text; + background-color: $overlay-selected; + } + } + } + + // drodowns with searchboxes on top + .dropdown-searchbar { + padding: $space-size; + } + } + + &.linked { + button:nth-child(2) { + &:dir(ltr) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + &:dir(rtl) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + } + } + + > .linked:not(.vertical) > entry:not(:only-child) { + border-radius: $corner-radius; + + &:first-child { + margin-right: -$medium-size; + padding-right: $medium-size; + } + + &:last-child { + margin-left: -$medium-size; + padding-left: $medium-size; + } + } + + > .linked:not(.vertical) > button:not(:only-child) { + @extend %button-flat; + // @extend %small-button; + + min-height: 16px; + min-width: 16px; + margin: ($medium-size - $small-size) / 2; + padding: ($small-size - 16px) / 2; + border-radius: $corner-radius; + } +} + +// the combo is a composite widget so the way we do button linking doesn't +// work, special case needed. See +// https://bugzilla.gnome.org/show_bug.cgi?id=733979 + +.linked:not(.vertical) > combobox { + &:not(:first-child) > box > button.combo { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + &: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; + } + + &:not(:last-child) > box > button.combo { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + } +} + +button.combo:only-child { + border-radius: $corner-radius; + font-weight: normal; + + @include entry(normal); + + &:focus { @include button(flat-focus); } + + &:hover { @include button(flat-hover); } + + &:active { @include button(flat-active); } + + &:checked { @include button(flat-checked); } + + &:disabled { @include button(disabled); } +} + + +/************ + * Toolbars * + ************/ +.toolbar, +toolbar { + padding: $space-size / 2 $space-size; + background-color: $background; + border-spacing: $space-size; + + button { @extend %button-flat; } + + // on OSD + .osd & { background-color: transparent; } + + // stand-alone OSD toolbars + @at-root %toolbar_osd, &.osd { + transition: $transition-shadow; + padding: $space-size; + border-radius: $corner-radius; + box-shadow: $shadow-z4, inset 0 1px highlight($surface); + background-color: $surface; + + &:backdrop { box-shadow: $shadow-z2, inset 0 1px highlight($surface); } + + &.left, + &.right, + &.top, + &.bottom { border-radius: 0; } // positional classes for `attached` osd toolbars + + &.bottom { + box-shadow: none; + background-color: transparent; + background-image: linear-gradient(to bottom, + transparent, + rgba(black, 0.1) 30%, + rgba(black, 0.2) 50%, + rgba(black, 0.4)); + } + } + + // toolbar separators + &.horizontal > separator { margin: 2px; } + &.vertical > separator { margin: 2px; } + + &:not(.inline-toolbar):not(.osd) { + scale, + entry, + spinbutton, + button { margin: 2px; } + + .linked entry, + .linked spinbutton, + .linked button { + &:not(:first-child) { margin-left: 0; } + &:not(:last-child) { margin-right: 0; } + } + + spinbutton { + entry, + button { margin: 0; } + } + + switch { margin: 2px + $space-size 2px; } + } +} + +// oldstyle toolbar buttons +.toolbar button { + margin: 1px; + @extend %button-flat; + border-radius: $corner-radius / 2; +} + +// searchbar +searchbar > revealer > box { + padding: $space-size; + border-spacing: $space-size; + border-style: solid; + border-width: 0 0 1px; + border-color: $divider; + background-color: $background; + background-clip: border-box; +} + +/*************** + * Header bars * + ***************/ + +%titlebar-button { + @extend %button-flat; + color: $titlebar-text-secondary; + border: none; + + .linked:not(.vertical) > & { + border-radius: $corner-radius; + } + + &:focus, &:hover, &:active, &:checked { color: $titlebar-text; } + + &:disabled { color: $titlebar-text-secondary-disabled; } + + &:checked { + &:disabled { + background-color: transparent; + color: $titlebar-text-disabled; + } + } + + &:backdrop { + color: $titlebar-text-disabled; + + &:focus, &:hover, &:active { color: $titlebar-text-secondary; } + + &:disabled { color: $titlebar-text-secondary-disabled; } + + &:checked { + color: $titlebar-text-secondary; + + &:disabled { color: $titlebar-text-secondary-disabled; } + } + } +} + +%titlebar-entry { + background-color: $titlebar-fill; + color: $titlebar-text; + + &:disabled { + background-color: $titlebar-fill; + color: $titlebar-text-disabled; + } + + image { + color: $titlebar-text-secondary; + + &:hover, &:active { color: $titlebar-text; } + + &:disabled { color: $titlebar-text-disabled; } + } +} + +headerbar { + transition: background-color $duration $ease-out, color $duration $ease-out; + box-shadow: inset 0 -1px $divider; + background-color: $titlebar; + color: $titlebar-text; + min-height: $large-size; + padding: 0 $space-size; + + &:disabled { color: $titlebar-text-disabled; } + + &:backdrop { + background-color: $titlebar-backdrop; + color: $titlebar-text-secondary; + + &:disabled { color: $titlebar-text-secondary-disabled; } + } + + .title { + padding: 0 12px; + font-weight: bold; + } + + .subtitle { + padding: 0 12px; + font-size: smaller; + } + + .subtitle, + .dim-label { + transition: color $duration $ease-out; + color: $titlebar-text-secondary; + + &:backdrop { color: $titlebar-text-disabled; } + } + + // Don't draw titlebar above titlebar + .titlebar { + background-color: transparent; + box-shadow: none; + } + + // The separator for split headerbars + headerbar + separator { + background-color: $titlebar-divider; + } + + box.vertical & { + background-color: $titlebar; + } + + > windowhandle > box { + padding: 0 $space-size / 2; + + &, + > box.start, + > box.end { + border-spacing: $space-size; + } + } + + // add vertical margins to common widget on the headerbar to avoid them spanning the whole height + entry, + spinbutton, + button, + stackswitcher { + margin-top: $space-size; + margin-bottom: $space-size; + } + + menubutton.popup { + margin-top: 0; + margin-bottom: 0; + } + + button:not(.suggested-action):not(.destructive-action) { + @extend %titlebar-button; + } + + separator:not(.sidebar) { + margin-top: $large-size / 4; + margin-bottom: $large-size / 4; + background-color: $titlebar-divider; + } + + switch { + margin-top: ($large-size - 24px) / 2; + margin-bottom: ($large-size - 24px) / 2; + } + + // reset button margins of the spinbutton + spinbutton button { + margin-top: 0; + margin-bottom: 0; + } + + // FIXME: This is a hacky workaround. + .entry-tag { + margin-top: 5px; + margin-bottom: 5px; + } + + entry { @extend %titlebar-entry; } + + .linked:not(.vertical) > entry:not(:only-child) { border-radius: $corner-radius; } + + button.suggested-action, button.destructive-action { + &:disabled { + background-color: $titlebar-fill; + color: $titlebar-text-disabled; + } + } + + @if $variant == 'light' and $topbar == 'dark' { + stackswitcher { // reset + background-color: on($titlebar, fill); + + &.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action) { + &:checked { + background-color: rgba(white, 0.15); + color: $titlebar-text; + } + } + } + } + + &.selection-mode { + // 0.1ms was a workaround for https://gitlab.gnome.org/GNOME/gtk/issues/698 + // but let's keep it for backwards compatibility. + transition: background-color 0.1ms $ripple-fade-in-duration, color $duration $ease-out; + box-shadow: inset 0 1px highlight($primary); + background-color: $primary; + color: on($primary); + + &:backdrop { + color: on($primary, secondary); + } + + .subtitle:link { color: on($primary); } + + button:not(.suggested-action):not(.destructive-action) { + @extend %button-on-dark; + } + + .selection-menu { + padding-left: 16px; + padding-right: 16px; + + .arrow { -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); } + } + } + + .selection-mode { + box-shadow: inset 0 1px highlight($primary); // Avoid double shadows + background-color: $primary; + } + + + &.default-decoration { + min-height: $small-size; + padding: $space-size; + box-shadow: inset 0 1px highlight($titlebar); + + windowcontrols { + button, + menubutton { + min-width: 16px; + min-height: 16px; + margin: 0; + padding: 0; + } + + menubutton button { + min-height: 20px; + min-width: 20px; + margin: 0; + padding: $space-size - 2px; + } + } + } + + .solid-csd & { + &:dir(rtl), &:dir(ltr) { // specificity bump + border-radius: 0; + box-shadow: none; // just remove the highlight + } + } +} + +window.devel { + headerbar.titlebar { + $c: $titlebar; + $gradient: cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, + linear-gradient(to right, transparent 65%, transparentize($primary, 0.8)), + linear-gradient(to top, darken($c, 3%), $c 3px, lighten($c, 6%)); + @if $variant == 'dark' { + $gradient: cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, + linear-gradient(to right, transparent 65%, transparentize($primary, 0.9)), + linear-gradient(to top, lighten($c, 3%) 3px, lighten($c, 5%)); + } + + background: $titlebar $gradient; + + &:backdrop { + background: $titlebar cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, + image($titlebar); /* background-color would flash */ + } + } +} + +viewswitcher { + margin: 0; + + &.wide { + border-spacing: $space-size / 2; + } + + &.narrow button.toggle { + border-radius: 0; + margin: 0; + + &:focus-within, &:focus { box-shadow: none; } + } + + button.toggle { + font-weight: bold; + padding: 0; + + > stack > box { + &.narrow { + font-size: 0.75rem; + padding-top: $space-size; + padding-bottom: $space-size - 2px; + border-spacing: $space-size - 2px; + + > stack > label { + padding-left: $space-size; + padding-right: $space-size; + } + } + + &.wide { + padding: 2px $space-size * 2; + border-spacing: $space-size; + } + } + } +} + +// AdwViewSwitcherBar +viewswitcherbar actionbar > revealer > box { + padding: 0; +} + +// AdwViewSwitcherTitle +viewswitchertitle viewswitcher { + margin-left: $space-size * 2; + margin-right: $space-size * 2; +} + +// AdwIndicatorBin +indicatorbin { + > indicator, > mask { + min-width: $space-size; + min-height: $space-size; + border-radius: $circular-radius; + } + + > indicator { + margin: 1px; + background-color: gtkalpha(currentColor, .4); + + > label { + font-size: 0.6rem; + font-weight: bold; + padding: 1px 4px; + color: white; + } + } + + > mask { + padding: 1px; + background: black; + } + + &.needs-attention > indicator { + background-color: $primary; + + > label { color: on($primary); } + } +} + +/************ + * Pathbars * + ************/ +%pathbar_button, +pathbar > button { + padding-left: ($medium-size - 24px) / 2; + padding-right: ($medium-size - 24px) / 2; + border-radius: $corner-radius; + background-color: $overlay-focus; + + &:disabled { background-color: $overlay-normal; } + + &:checked { + background-color: $overlay-focus-hover; + color: $text; + } + + label:not(:only-child) { + &:first-child { margin-left: 0; } + + &:last-child { margin-right: 0; } + } + + &.text-button { + min-width: 0; + } + + &.slider-button { + padding-left: (24px - 16px) / 2; + padding-right: (24px - 16px) / 2; + } +} + + +/************** + * Tree Views * + **************/ +columnview.view, +treeview.view { + border-left-color: $solid-border; // this is actually the tree lines color, + border-top-color: $solid-border; // while this is the grid lines color, better then nothing + + // FIXME: Avoid transparency background-color being slightly darker + &:selected { + @extend %selected_items; + } + + > rubberband { @extend rubberband; } // to avoid borders being overridden by the previously set props + + &:hover, &:selected { + border-radius: 0; + box-shadow: none; + } + + &.separator { + min-height: 1px + 2px * 2; + color: $divider; + } + + // FIXME: box-shadow, background-color and background-image are not available here. + &:drop(active) { + box-shadow: none; + + &.after { border-top-style: none; } + + &.before { border-bottom-style: none; } + } + + > dndtarget:drop(active) { + border-style: solid none; + border-width: 1px; + border-color: $overlay-selected; + + &.after { border-top-style: none; } + + &.before { border-bottom-style: none; } + } + + &.expander { + min-width: 16px; + min-height: 16px; + -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); + + &:dir(rtl) { -gtk-icon-source: -gtk-icontheme('pan-end-symbolic-rtl'); } + + color: $text-secondary; + + &:hover { color: $text; } + + &:selected { + color: $text; + + &:hover { color: $text; } + } + + &:checked { -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); } + + &:disabled { color: $text-secondary-disabled; } + } + + &.progressbar { // progress bar in treeviews + border-bottom: $space-size solid $primary; + box-shadow: none; + background-color: transparent; + background-image: none; + + &:selected:hover { box-shadow: none; } + } + + &.trough { // progress bar trough in treeviews + border-bottom: $space-size solid $track-disabled; + box-shadow: none; + background-color: transparent; + background-image: none; + + &:selected:hover { box-shadow: none; } + } + + > header { + > button { + @extend %row_activatable; + + padding: 2px 6px; + border-style: none solid solid none; + border-width: 1px; + border-color: $divider; + border-radius: 0; + background-clip: border-box; + + &:not(:focus):not(:hover):not(:active) { color: $text-secondary; } + + &, &:disabled { background-color: $base; } + + &:last-child { border-right-style: none; } + } + } + + button.dnd, + header.button.dnd { // for treeview-like derive widgets + padding: 2px 6px; + border-style: none solid solid; + border-width: 1px; + border-color: $divider; + border-radius: 0; + box-shadow: none; + background-color: $base; + background-clip: border-box; + color: $primary; + } + + acceleditor > label { background-color: $primary; } // see tests/testaccel to test +} + + +/********* + * Menus * + *********/ +menubar { + padding: 0; + // box-shadow: inset 0 -1px $divider; + background-color: $titlebar; + color: $titlebar-text; + + &:backdrop { + background-color: $titlebar-backdrop; + color: $titlebar-text-secondary; + } + + .csd & { transition: $transition; } + + > item { + transition: $transition; + min-height: 20px; + padding: $space-size - 2px $space-size + 2px; + color: $titlebar-text-secondary; + + &:selected { // Seems like it :hover even with keyboard focus + transition: none; + background-color: $overlay-checked; + color: $titlebar-text; + } + + &:disabled { color: $titlebar-text-secondary-disabled; } + + label:disabled { color: inherit; } // to inherit the above color + } + + //nested submenus + & > item popover.menu popover.menu { + margin-left: $space-size * 1.5; + } + + & > item popover.menu.background popover.menu.background > contents { + margin: 0; + border-radius: $menu-radius; //including top + } +} + + +/********************** + * Popover Base Menus * + **********************/ +popover.menu { + box.inline-buttons { + padding: 0 $space-size; + + button.image-button.model { + min-height: $menuitem-size; + min-width: $menuitem-size; + padding: 0; + border: none; + outline: none; + transition: none; + + &:selected { background: image($overlay-selected); } + } + } + + box.circular-buttons { + padding: $space-size; + + button.circular.image-button.model { + @extend %small-button; + padding: $space-size; + + &:focus { + background-color: $overlay-selected; + } + } + } + + &.background separator { + margin: $space-size 0; + } + + arrow.left, + radio.left, + check.left { + margin-left: 0; + margin-right: 0; + } + + arrow.right, + radio.right, + check.right { + margin-left: 0; + margin-right: 0; + } + + modelbutton { + transition: background-color $duration $ease-out; + min-height: $menuitem-size - $space-size; + min-width: $menuitem-size * 2; + padding: $space-size / 2 $space-size * 1.5; + color: $text; + font: initial; + text-shadow: none; + box-shadow: none; + background: none; + + &:hover { + transition: none; + background-color: $overlay-hover; + } + + &:disabled { color: $text-disabled; } + } + + label.title { + font-weight: bold; + padding: 4px ($space-size + 20px); //this will fall apart with font sizing + } +} + + +/************ + * Popovers * + ************/ +popover.background { + font: initial; + + &, &:backdrop { + background-color: transparent; + } + + > arrow, + > contents { + transition: $transition-shadow; + padding: $space-size; + background-color: $surface; + border-radius: $menu-radius; + + @if $rimless == 'true' { + border: none; + box-shadow: $shadow-z5; + } @else { + border: 1px solid highlight($surface); + background-clip: border-box; + box-shadow: 0 0 0 1px $window-border, $shadow-z5; + } + + &:backdrop { + @if $rimless == 'true' { + box-shadow: $shadow-z3; + } @else { + box-shadow: $shadow-z3, 0 0 0 1px $window-border; + } + } + } + + @if $rimless == 'false' and $variant == 'light' { + > arrow { + border: 1px solid $window-border; + } + + > contents { + border: none; + } + } + + > contents { + > list, + > .view, + > toolbar { + border-style: none; + box-shadow: none; + background-color: transparent; + } + + separator { + background-color: $divider; + margin: $space-size / 2 0; + } + + list separator { margin: 0; } + } + + // FIXME: Use the popover color instead of transparent as a workaround for .view + .view:not(:selected), + toolbar { background-color: $surface; } + + .linked > button:not(.radio) { + background-color: transparent; + box-shadow: none; + border-radius: $corner-radius;s + &:first-child { border-radius: $corner-radius; } + &:last-child { border-radius: $corner-radius; } + &:only-child { border-radius: $corner-radius; } + } + + &.menu button, + button.model { + @extend %button-flat; + + min-height: 32px; + padding: 0 8px; + border-radius: $corner-radius; + } + + .osd &, + &.touch-selection, + &.magnifier { + background-color: transparent; + + > arrow, + > contents { + @extend %osd; + + border: none; + box-shadow: none; + } + } + + &.touch-selection, + &.magnifier { + button { @extend %button-on-dark; } + } +} + +magnifier { + background-color: $base; +} + +/************* + * Notebooks * + *************/ + +%tabs_tab { + transition: $transition, + background-size 0ms, + background-image 0ms; + min-height: $small-size; + min-width: $small-size; + padding: $space-size / 2 $space-size * 2; + border: none; + outline: none; + background-clip: padding-box; + color: $text-secondary; + font-weight: 500; + border-radius: $modal-radius; + background-image: none; + background-color: transparent; + + &:hover { + background-color: $fill; + background-image: none; + color: $text; + } + + &:disabled { color: $text-secondary-disabled; } + + &:checked { + transition: $transition; + background-color: if($variant == 'light', rgba($base, 1), rgba(white, 0.15)); + color: $text; + box-shadow: 0 1px 3px rgba(black, 0.06); + background-image: none; + + &:disabled { color: $text-disabled; } + } +} + +notebook { + frame > paned > & > header, + &.frame > header { background-color: $fill; } + + &, &.frame { + background-color: $base; + border-radius: $modal-radius + $space-size; + } + + &.frame frame { + > border { + border: none; + border-radius: $modal-radius; + } + + > list { + // @extend %circular_list; + + row.activatable { border-radius: $corner-radius; } + } + } + + > header { + border: none; + background-color: $fill; + padding: $space-size / 2; + margin: $space-size / 2; + border-radius: $modal-radius + $space-size / 2; + // background-clip: border-box; + + &.top > tabs > arrow { + @extend %notebook_vert_arrows; + + border-top-style: none; + } + + &.bottom > tabs > arrow { + @extend %notebook_vert_arrows; + + border-bottom-style: none; + } + + @at-root %notebook_vert_arrows { + padding-left: 4px; + padding-right: 4px; + + &.down { + margin-left: 0; + -gtk-icon-source: -gtk-icontheme('pan-start-symbolic'); + } + + &.up { + margin-right: 0; + -gtk-icon-source: -gtk-icontheme('pan-end-symbolic'); + } + } + + &.left > tabs > arrow { + @extend %notebook_horz_arrows; + + border-left-style: none; + } + + &.right > tabs > arrow { + @extend %notebook_horz_arrows; + + border-right-style: none; + } + + @at-root %notebook_horz_arrows { + padding-top: 4px; + padding-bottom: 4px; + + &.down { + margin-top: 0; + -gtk-icon-source: -gtk-icontheme('pan-up-symbolic'); + } + + &.up { + margin-bottom: 0; + -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); + } + } + + > tabs > arrow { + @extend %button-flat-simple; + + min-height: 16px; + min-width: 16px; + border-radius: $corner-radius; + } + + tab { + @extend %tabs_tab; + + // FIXME: The tab node doesn't have :drop(active), instead its child box has it. + > box { + transition: background-color $duration $ease-out; + margin: -$space-size -12px; + padding: $space-size 12px; + + &:drop(active) { + background-color: $divider; + color: $text; + } + } + + // colors the button like the label, overridden otherwise + button.flat { + @extend %small-button; + + &:last-child { + margin-left: $space-size; + margin-right: $space-size - 12px; + } + + &:first-child { + margin-left: $space-size - 12px; + margin-right: $space-size; + } + } + + button.close-button { + min-width: $small-size; + min-height: $small-size; + } + } + + &.top, + &.bottom { + tabs { + // padding-left: 8px; + // padding-right: 8px; + + &:not(:only-child) { + &:first-child { margin-left: 0; } + + &:last-child { margin-right: 0; } + } + + tab.reorderable-page { border-style: solid; } + } + } + + &.left, + &.right { + tabs { + // padding-top: 8px; + // padding-bottom: 8px; + + &:not(:only-child) { + &:first-child { margin-top: 0; } + + &:last-child { margin-bottom: 0; } + } + + tab.reorderable-page { border-style: solid; } + } + } + + > menubutton > button.image-button { + padding: $space-size / 2; + min-width: $small-size; + min-height: $small-size; + margin-left: $space-size / 2; + } + } + + > stack:not(:only-child) { // the :not(:only-child) is for "hidden" notebooks + background-color: transparent; + border-radius: $corner-radius; + } +} + +$tab_needs_attention_gradient: radial-gradient(ellipse at bottom, + transparentize(white, .2), + gtkalpha($primary, .4) 10%, + gtkalpha($primary, 0) 30%); + + +@mixin undershoot-gradient($dir, $color) { + background: linear-gradient(to #{$dir}, + $color, + transparentize(black, 1) 20px); +} + +@mixin need-attention-gradient($dir) { + background: linear-gradient(to #{$dir}, + gtkalpha($accent_color, .5), + gtkalpha($accent_color, .3) 1px, + gtkalpha($accent_color, 0) 20px); +} + +$tab_needs_attention_gradient: radial-gradient(ellipse at bottom, + transparentize(white, .2), + gtkalpha($primary, .4) 10%, + gtkalpha($primary, 0) 30%); + + +@mixin undershoot-gradient($dir, $color) { + background: linear-gradient(to #{$dir}, + $color, + transparentize(black, 1) 20px); +} + +@mixin need-attention-gradient($dir) { + background: linear-gradient(to #{$dir}, + gtkalpha($primary, .5), + gtkalpha($primary, .3) 1px, + gtkalpha($primary, 0) 20px); +} + +tabbar { + .box { + min-height: $medium-size; + border-bottom: none; + background: none; + } + + scrolledwindow.pinned { + undershoot { + border: 0 solid $border; + } + + &:dir(rtl) undershoot.left { + border-left-width: 1px; + } + + &:dir(ltr) undershoot.right { + border-right-width: 1px; + } + + tabbox > background { + &:dir(ltr) { + box-shadow: inset -1px 0 $border; + } + + &:dir(rtl) { + box-shadow: inset 1px 0 $border; + } + } + } + + undershoot { + transition: background 150ms ease-in-out; + + &.left { + @include undershoot-gradient("right", $base); + } + + &.right { + @include undershoot-gradient("left", $base); + } + } + + .needs-attention-left undershoot.left { + @include need-attention-gradient("right"); + } + + .needs-attention-right undershoot.right { + @include need-attention-gradient("left"); + } + + tabbox { + background-color: $fill; + background-image: none; + padding: $space-size / 2; + margin: $space-size / 2; + border-radius: $modal-radius + $space-size / 2; + + > background { + background: none; + } + } + + tab { + @extend %tabs_tab; + + &.needs-attention { + background-image: $tab_needs_attention_gradient; + + &:hover { + background-image: image(gtkalpha(currentColor, .03)), $tab_needs_attention_gradient; + } + } + } + + .start-action, + .end-action { + background-color: $fill; + background-clip: padding-box; + border-color: $border; + border-style: solid; + transition: background 150ms ease-in-out; + + button { + border: none; + border-radius: 0; + } + } + + .start-action:dir(ltr), + .end-action:dir(rtl) { + border-right-width: 1px; + } + + .start-action:dir(rtl), + .end-action:dir(ltr) { + border-left-width: 1px; + } + + &:not(.inline) { + scrolledwindow.pinned { + undershoot { + border-color: $border; + } + } + + undershoot { + &.left { + @include undershoot-gradient("right", $titlebar); + } + + &.right { + @include undershoot-gradient("left", $titlebar); + } + } + + .needs-attention-left undershoot.left { + @include need-attention-gradient("right"); + } + + .needs-attention-right undershoot.right { + @include need-attention-gradient("left"); + } + + tabbox > background { + background-color: $titlebar; + } + + .start-action, + .end-action { + background-color: gtkalpha($titlebar, .6); + border-color: $border; + } + + &:backdrop .box { + background-color: $titlebar-backdrop; + transition: $transition; + } + } +} + +dnd tab { + min-height: $small-size; + background-color: $titlebar; + color: $titlebar-text; + + &.needs-attention { + background-image: $tab_needs_attention_gradient; + } + + box-shadow: 0 1px 5px 1px transparentize(black, .91), + 0 2px 14px 3px transparentize(black, .95), + 0 0 0 1px transparentize(black, .95); + + outline: 1px solid $window-border; + outline-offset: -1px; + + margin: $small-size; +} + +tabbar, +dnd { + tab { + padding: $space-size; + + button.image-button { + padding: 0; + margin: 0; + min-width: $small-size; + min-height: $small-size; + border-radius: $circular-radius; + } + } +} + +tabview:drop(active), +tabbox:drop(active) { + box-shadow: none; +} + + +/************** + * Scrollbars * + **************/ +scrollbar { + $_slider_min_length: 24px; + + transition: $transition; + background-color: $base; + box-shadow: none; + outline: none; + + // scrollbar border + &.top { border-bottom: 1px solid $divider; } + &.bottom { border-top: 1px solid $divider; } + &.left { border-right: 1px solid $divider; } + &.right { border-left: 1px solid $divider; } + + // slider + > range > trough > slider { + transition: background-color $duration $ease-out; + min-width: 8px; + min-height: 8px; + border: 4px solid transparent; + border-radius: $circular-radius; + background-clip: padding-box; + background-color: $text-disabled; + box-shadow: none; + outline: none; + + &:hover { background-color: $text-secondary; } + + &:active { background-color: $text; } + + &:disabled { background-color: $text-secondary-disabled; } + } + + > range.fine-tune { + > trough > slider { + min-width: 4px; + min-height: 4px; + } + + &.horizontal > trough > slider { margin: 2px 0; } + + &.vertical > trough > slider { margin: 0 2px; } + } + + &.overlay-indicator { + &:not(.fine-tune) > range > trough > slider { + transition-property: background-color, min-height, min-width; + } + + &:not(.dragging):not(.hovering) { + border-color: transparent; + background-color: transparent; + + > range > trough > slider { + min-width: 4px; + min-height: 4px; + margin: 4px - 1px; + border: 1px solid rgba($base, 0.3); + } + + button { + min-width: 4px; + min-height: 4px; + margin: 4px - 1px; + border: 1px solid rgba($base, 0.3); + border-radius: $circular-radius; + background-color: $text-disabled; + background-clip: padding-box; + -gtk-icon-source: none; + + &:disabled { background-color: $text-secondary-disabled; } + } + + &.horizontal { + > range > trough > slider { min-width: $_slider_min_length; } + + button { min-width: 8px; } + } + + &.vertical { + > range > trough > slider { min-height: $_slider_min_length; } + + button { min-height: 8px; } + } + } + + &.dragging, + &.hovering { background-color: rgba($surface, 0.9); } + } + + &.horizontal > range > trough > slider { min-width: $_slider_min_length; } + + &.vertical > range > trough > slider { min-height: $_slider_min_length; } + + // button styling + button { + @extend %button-flat-simple; + + min-width: 16px; + min-height: 16px; + padding: 0; + border-radius: 0; + } + + // button icons + &.vertical { + button { + &.down { -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); } + + &.up { -gtk-icon-source: -gtk-icontheme('pan-up-symbolic'); } + } + } + + &.horizontal { + button { + &.down { -gtk-icon-source: -gtk-icontheme('pan-end-symbolic'); } + + &.up { -gtk-icon-source: -gtk-icontheme('pan-start-symbolic'); } + } + } +} + + +/********** + * Switch * + **********/ +switch { + transition: all $duration $ease-out; + margin: $space-size 0; + padding: 0; + border: none; + border-radius: $circular-radius; + background-color: $text-disabled; + background-clip: border-box; + font-size: 0; + color: transparent; + + &:checked { + background-color: $primary; + } + + &:disabled { opacity: 0.5; } + + // hide on/off icons for >=3.24.5 + image { + margin: -8px; + } + + > slider { + transition: all $duration $ease-out; + min-width: $small-size - 4px; + min-height: $small-size - 4px; + margin: 1px; + border-radius: $circular-radius; + outline: none; + box-shadow: none; + background-color: white; + border: none; + } + + &:focus slider, + &:hover slider, + &:focus:hover slider { box-shadow: 0 0 0 6px $divider; } +} + + +/************************* + * Check and Radio items * + *************************/ +// draw regular check and radio items using our PNG assets +// all assets are rendered from assets.svg. never add pngs directly + +// selection-mode +.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; + + &:hover, &:active { box-shadow: 0 0 0 10px $divider; } + + @each $s, $as in ('', '-unchecked'), + (':checked', '-checked') { + &#{$s} { + -gtk-icon-source: -gtk-scaled(url("assets/selectionmode-checkbox#{$as}#{$asset-suffix}.png"), + url("assets/selectionmode-checkbox#{$as}#{$asset-suffix}@2.png")); + } + } +} + +checkbutton, +radiobutton { + outline: none; + border-spacing: $space-size / 2; +} + +check, +radio { + min-height: 20px; + min-width: 20px; + margin: $space-size / 2; + padding: 0; + border-radius: $circular-radius; + color: transparent; + background-color: $divider; + transition: $transition, + box-shadow $ripple-fade-out-duration / 2 $ease-out; + + &:hover { + box-shadow: 0 0 0 6px $fill; + background-color: rgba($text, 0.15); + } + + &:active { + box-shadow: 0 0 0 6px $divider; + background-color: rgba($text, 0.20); + } + + &:disabled { + background-color: $fill; + } + + &:checked, &:indeterminate { + color: on($primary); + background-color: $primary; + + &:hover { + box-shadow: 0 0 0 6px rgba($primary, 0.15); + background-color: lighten($primary, 10%); + } + + &:active { + box-shadow: 0 0 0 6px rgba($primary, 0.20); + background-color: $primary; + } + + &:disabled { + color: on($primary, secondary); + background-color: rgba($primary, 0.35); + } + } + + popover modelbutton.flat & { + &, &:focus, &:hover, &:focus:hover, &:active, &:disabled { + transition: none; // FIXME: this is a workaround for a popover check/radio long transition issue + box-shadow: none; + background-image: none; + } + + &.left:dir(rtl) { + margin-left: -$space-size / 2; + margin-right: $space-size; + } + + &.right:dir(ltr) { + margin-left: $space-size; + margin-right: -$space-size / 2; + } + } + + popover.menu & { + transition: none; + margin: 0; // this is a workaround for a menu check/radio size allocation issue + padding: 0; + + &:dir(ltr) { + margin-right: $space-size; + margin-left: -$space-size / 2; + } + + &:dir(rtl) { + margin-left: $space-size; + margin-right: -$space-size / 2; + } + + &, &:hover, &:disabled, &:checked:hover, &:indeterminate:hover { + box-shadow: none; + } + } +} + +%check, +check { + -gtk-icon-size: 20px; + + &: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"))); } + &: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, +radio { + -gtk-icon-size: 20px; + + &: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"))); } + &: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"))); } +} + +%small_check, +popover.menu check { + min-height: 16px; + min-width: 16px; + -gtk-icon-size: 16px; + + &: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"))); } + &: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"))); } +} + +%small_radio, +popover.menu radio { + min-height: 16px; + min-width: 16px; + -gtk-icon-size: 16px; + + &: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"))); } + &: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"))); } +} + +// ANIMATION: +// this is made with those pretty convoluted transitions, since checks and radios have to animate only on state changes, +// the transformation is set on the active state and it get reset on the checked state. +check:not(:checked):active { -gtk-icon-transform: rotate(90deg); } + +// radio:not(:checked):active { -gtk-icon-transform: scale(0); } + +treeview.view, +columnview.view { + radio, check { + padding: 0; + margin: 0; + transition: none; + + &:not(:hover):not(:disabled):not(:checked):not(:indeterminate) { + background-color: $divider; + } + + &, &:hover, &:disabled, &:checked:hover, &:indeterminate:hover { + box-shadow: none; + } + } + + &:hover, &:selected, &:focus, &:focus-within { + check, radio { + box-shadow: none; + background-color: transparent; + } + } +} + + +/************ + * GtkScale * + ************/ + scale { + // sizing + $_marks_length: 8px; + $_marks_distance: 7px; + + $trough_size: 2px; + $finetune_trough_size: 4px; + + $slider_size: 18px; + + $slider_margin: -($slider_size - $trough_size) / 2; + $finetune_slider_margin: -($slider_size - $finetune_trough_size) / 2; + + $color_slider_margin: -($slider_size) * 3 / 4; + $color_marks_slider_margin: -($slider_size - 16px) - $color_slider_margin; + + min-height: $trough_size; + min-width: $trough_size; + + &.horizontal { padding: ($medium-size - $trough_size) / 2 12px; } + + &.vertical { padding: 12px ($medium-size - $trough_size) / 2; } + + // the slider is inside the trough, so to have make it bigger there's a negative margin + slider { + min-height: $slider_size; + min-width: $slider_size; + margin: $slider_margin; + } + + // click-and-hold the slider to activate + &.fine-tune { + &.horizontal { + min-height: $finetune_trough_size; + padding-top: ($medium-size - $finetune_trough_size) / 2; + padding-bottom: ($medium-size - $finetune_trough_size) / 2; + } + + &.vertical { + min-width: $finetune_trough_size; + padding-left: ($medium-size - $finetune_trough_size) / 2; + padding-right: ($medium-size - $finetune_trough_size) / 2; + } + + // to make the trough grow in fine-tune mode + slider { margin: $finetune_slider_margin; } + } + + // the backing bit + trough { + transition: background-color $duration $ease-out; + outline: none; + background-color: $track; + + &:disabled { background-color: $track-disabled; } + } + + // the colored part of the backing bit + highlight { + transition: background-image $duration $ease-out; + background-image: image($primary); + + &:disabled { + background-color: $background; + background-image: image($text-secondary-disabled); + } + } + + // this is another differently styled part of the backing bit, the most relevant use case is for example + // in media player to indicate how much video stream as been cached + fill { + transition: background-color $duration $ease-out; + background-color: $track; + + &:disabled { background-color: transparent; } + } + + slider { + transition: all $duration $ease-out; + border-radius: $circular-radius; + color: $primary; + background-color: $base; + box-shadow: inset 0 0 0 2px $primary; + + &:hover { + box-shadow: inset 0 0 0 2px $primary, 0 0 0 8px $divider; + } + + &:active { + box-shadow: inset 0 0 0 4px $primary, 0 0 0 8px $divider; + } + + &:disabled { + box-shadow: inset 0 0 0 2px $text-secondary-disabled; + } + } + + marks, + value { color: $text-secondary; } + + indicator { + background-color: $track; + color: transparent; + } + + //marks margins + @each $scale_orient, $marks_class, $marks_pos, $marks_margin in (horizontal, top, top, bottom), + (horizontal, bottom, bottom, top), + (vertical, top, left, right), + (vertical, bottom, right, left) { + &.#{$scale_orient} > marks { + &.#{$marks_class} { + margin-#{$marks_margin}: $_marks_distance; + margin-#{$marks_pos}: -($_marks_distance + $_marks_length); + } + } + + &.#{$scale_orient}.fine-tune > marks { + &.#{$marks_class} { + margin-#{$marks_margin}: $_marks_distance - 1px; + margin-#{$marks_pos}: -($_marks_distance + $_marks_length - 1px); + } + } + } + + &.horizontal { + indicator { + min-height: $_marks_length; + min-width: 1px; + } + } + + &.vertical { + indicator { + min-height: 1px; + min-width: $_marks_length; + } + } + + // *WARNING* scale with marks madness following + + @each $dir_class, $dir_infix in ('horizontal', 'horz'), + ('vertical', 'vert') { + @each $marks_infix, $marks_class in ('marks-before', 'marks-before:not(.marks-after)'), + ('marks-after', 'marks-after:not(.marks-before)') { + &.#{$dir_class}.#{$marks_class} { + slider { + transition: background-color $duration $ease-out, + background-size $ripple-fade-out-duration $ease-out, + background-image $ripple-fade-out-opacity-duration $ease-out; + 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; + + &, &:hover, &:active, &:disabled { + box-shadow: none; + } + + &:focus { background-color: $overlay-focus; } + + &:hover { background-color: $overlay-hover; } + + &:focus:hover { background-color: $overlay-focus-hover; } + + &:active { + background-size: auto, 0% 0%; + background-color: $overlay-hover; + } + + @each $state, $state_infix in ('', ''), + (':disabled', '-disabled') { + &#{$state} { + $_scale_asset: 'assets/scale-#{$dir_infix}-#{$marks_infix}-slider#{$state_infix}#{$asset-suffix}'; + + background-image: -gtk-scaled(url('#{$_scale_asset}.png'), url('#{$_scale_asset}@2.png')); + } + } + + &:active { + $_scale_asset: 'assets/scale-#{$dir_infix}-#{$marks_infix}-slider#{$asset-suffix}'; + + background-image: -gtk-scaled(url('#{$_scale_asset}.png'), url('#{$_scale_asset}@2.png')); + } + } + } + } + } + + &.color { + min-height: 0; + min-width: 0; + + &.horizontal { + padding: 0 0 12px 0; + + slider { + &:dir(ltr), &:dir(rtl) { // specificity bump + margin-bottom: $color_slider_margin; + margin-top: $color_marks_slider_margin; + } + } + } + + &.vertical { + &:dir(ltr) { + padding: 0 0 0 12px; + + slider { + margin-left: $color_slider_margin; + margin-right: $color_marks_slider_margin; + } + } + + &:dir(rtl) { + padding: 0 12px 0 0; + + slider { + margin-right: $color_slider_margin; + margin-left: $color_marks_slider_margin; + } + } + } + } +} + + +/***************** + * Progress bars * + *****************/ +progressbar { + // sizing + &.horizontal { + trough, + progress { min-height: $space-size; } + } + + &.vertical { + trough, + progress { min-width: $space-size; } + } + + // FIXME: insensitive state missing and some other state should be set probably + color: $text-secondary; + font-size: smaller; + + trough { + border-radius: $corner-radius; + background-color: $track-disabled; + } + + progress { + border-radius: $corner-radius; + background-color: $primary; + } + + &.osd { // progressbar.osd used for epiphany page loading progress + min-width: $space-size; + min-height: $space-size; + background-color: transparent; + + trough { background-color: transparent; } + + progress { background-color: $primary; } + } + + trough.empty progress { all: unset; } // makes the progress indicator disappear, when the fraction is 0 +} + + +/************* + * Level Bar * + *************/ +levelbar { + &.horizontal { + block { min-height: $space-size; } + + &.discrete block { + min-width: $medium-size; + + &:not(:last-child) { margin-right: 2px; } + } + } + + &.vertical { + block { min-width: $space-size; } + + &.discrete block { + min-height: $medium-size; + + &:not(:last-child) { margin-bottom: 2px; } + } + } + + // imitate the entry style + trough { + // padding: 2px; + border-radius: $corner-radius; + // box-shadow: $shadow-z1; + // background-color: $base; + + // &:disabled { background-color: $base-alt; } + } + + block { + &.low { background-color: $warning; } + + &.high, + &:not(.empty) { background-color: $primary; } + + &.full { background-color: $success; } + + &.empty { background-color: $track-disabled; } + } +} + + +/**************** + * Print dialog * +*****************/ +window.dialog.print { + drawing { + color: $text; + background: none; + border: none; + padding: 0; + + paper { + padding: 0; + border: 1px solid $divider; + background-color: $base; + color: $text; + } + } + + .dialog-action-box { margin: 12px; } +} + + +/********** + * Frames * + **********/ + +frame, +.frame { + border: 1px solid $divider; + + > list { border: none; } + + &.view { border-radius: $corner-radius; } + + &.flat { border-style: none; } +} + +frame { + border-radius: $corner-radius; + + > label { + margin: 4px; + } + + &.flat > border, + statusbar & > border { border: none; } // for backward compatibility +} + +actionbar > revealer > box { + padding: $space-size; + border-spacing: $space-size; + box-shadow: inset 0 1px $border; + background-color: $base; + background-clip: border-box; + border: none; + + .background.csd box.vertical > & { + border-radius: 0 0 $window-radius $window-radius; + } + + button:not(.suggested-action):not(.destructive-action) { @extend %button-flat; } + + .linked > button:not(.suggested-action):not(.destructive-action) { @extend %button-basic; } + + // .linked:not(.vertical) > entry:not(:only-child) { border-radius: $corner-radius; } +} + +statusbar { + padding: $space-size $space-size * 3; +} + +scrolledwindow { + viewport.frame { // avoid double borders when viewport inside scrolled window + border: none; + } + + stack &.frame { + // border-radius: $corner-radius; + + viewport.frame list { border: none; } + } + + // This is used when content is touch-dragged past boundaries. + // draws a box on top of the content, the size changes programmatically. + @at-root overshoot { + &.top { @include overshoot(top); } + + &.bottom { @include overshoot(bottom); } + + &.left { @include overshoot(left); } + + &.right { @include overshoot(right); } + } + + // Overflow indication, works similarly to the overshoot, the size if fixed tho. + @at-root undershoot { + &.top { @include undershoot(top); } + + &.bottom { @include undershoot(bottom); } + + &.left { @include undershoot(left); } + + &.right { @include undershoot(right); } + } + + @at-root junction { // the small square between two scrollbars + border-style: solid none none solid; + border-width: 1px; + border-color: $divider; + background-color: $base; + + &:dir(rtl) { border-style: solid solid none none; } + } +} + +// vbox and hbox separators +separator { + min-width: 1px; + min-height: 1px; + background-color: $divider; +} + +%hide_separators { + min-width: 0; + min-height: 0; + background-color: transparent; +} + + +/********* + * Lists * + *********/ + +%circular_list { + border-radius: $corner-radius + 1px; + box-shadow: none; + border: 1px solid $divider; +} + +%circular_row { + border-radius: 0; + + &:first-child { + border-top-left-radius: $corner-radius; + border-top-right-radius: $corner-radius; + } + + &:last-child { // Not use ? + border-bottom-left-radius: $corner-radius; + border-bottom-right-radius: $corner-radius; + } + + &:only-child { + border-radius: $corner-radius; + } + + &:focus { + box-shadow: inset 0 0 0 1000px $overlay-focus; + } +} + +listview, +list { + border-color: $divider; + background-color: $base; + + row { padding: $space-size; } + + > row.expander { padding: 0px; } + > row.expander .row-header { padding: 2px; } + + &.content:not(.conversation-listbox) { + @extend %circular_list; + + > row { + @extend %circular_row; + } + } + + &.boxed-list { + @extend %circular_list; + + > row { + @extend %circular_row; + + &.expander { + list { + background-color: transparent; + box-shadow: none; + border: none; + + > row { + @extend %circular_row; + } + } + } + } + } +} + +list.frame { border-radius: $corner-radius; } + +listview.view { + color: $text; + background-color: transparent; + + popover.menu & { + padding: 0; + + > row { + margin-left: 0; + margin-right: 0; + } + } +} + +row { + color: $text-secondary; + + @at-root %row_activatable, &.activatable { + transition: $transition; + outline: none; + box-shadow: inset 0 0 0 9999px transparent; + + &:focus { + color: $text; + box-shadow: inset 0 0 0 9999px $overlay-focus; + } + + &:hover { + color: $text; + transition: $transition, + box-shadow 0ms; + box-shadow: inset 0 0 0 9999px $overlay-hover; + } + + &.has-open-popup, // this is for indicathing which row generated a popover see https://bugzilla.gnome.org/show_bug.cgi?id=754411 + &:active { + color: $text; + transition: $transition; + box-shadow: inset 0 0 0 9999px $overlay-active; + } + + button.circular { + @extend %button-flat-simple; + } + } + + &:selected { + @extend %selected_items; + color: inherit; // for overlays + + image, + label { color: $text; } + + button image, + button label { color: inherit; } + + &:disabled { + image, + label { color: $text-disabled; } + } + } +} + +treeexpander { + border-spacing: $space-size; +} + +columnview { + row:not(:selected) cell editablelabel { + &:not(.editing):focus-within { + outline: 2px solid $overlay-selected; + } + + &.editing:focus-within { + outline: 2px solid $primary; + } + + &.editing text selection { + color: on($primary); + background-color: $primary; + } + } +} + +.rich-list { /* rich lists usually containing other widgets than just labels/text */ + & > row { + padding: $space-size * 1.5 $space-size * 2; + min-height: 32px; /* should be tall even when only containing a label */ + + & > box { + border-spacing: $space-size * 2; + } + } +} + +/********************* + * App Notifications * + *********************/ +.app-notification { + @extend %toolbar_osd; + margin: 8px; + border-spacing: $space-size * 1.5; + padding: $space-size * 1.5; + border: none; + + button { + @extend %button-flat; + + &.text-button:not(:disabled) { color: $primary; } + } + + &.frame, + border { border-style: none; } +} + + +/************* + * Expanders * + *************/ +expander { + transition: all $duration $ease-out; + min-width: 16px; + min-height: 16px; + color: $text-secondary; + -gtk-icon-source: -gtk-icontheme('pan-end-symbolic'); + + &:dir(rtl) { -gtk-icon-source: -gtk-icontheme('pan-end-symbolic-rtl'); } + + &:hover, &:active { color: $text; } + + &:disabled { color: $text-secondary-disabled; } +} + +expander-widget { + > box > title { + border-radius: $corner-radius; + + &:hover > expander { + color: $text-secondary; //only lightens the icon + } + } +} + +.navigation-sidebar, +placessidebar, +stackswitcher, +expander-widget { + &:not(decoration):not(window):drop(active):focus, + &:not(decoration):not(window):drop(active) { + box-shadow: none; + } +} + + +/************ + * Calendar * + ************/ +calendar { + padding: 0; + border: 1px solid $divider; + border-radius: $corner-radius; + color: $text; + + &:disabled { color: $text-disabled; } + + &:selected { + @extend %selected_items; + + border-radius: $corner-radius; + } + + > header { + padding: $space-size / 2; + border-bottom: 1px solid $divider; + + > button { + min-height: $small-size; + + @extend %button-flat-simple; + } + } + + > grid { + margin: $space-size / 2; + + > label { + border-radius: $circular-radius; + margin: 0; + } + + > label.today { + @extend %selected_items_color; + + &:selected { + box-shadow: none; + @extend %selected_items_primary; + } + } + + > label:focus { + outline-style: none; + } + + > label.day-number { + padding: $space-size*1.5; + + &:selected { + @extend %selected_items; + } + } + + > label.day-number.other-month { + color: gtkalpha(currentColor, 0.3); + } + } +} + + +/*********** + * Dialogs * + ***********/ +window.dialog.message { // Message Dialog styling + &.background { background-color: $surface; } + + box.dialog-vbox.vertical { + border-spacing: 10px; + } + + .titlebar { + min-height: $small-size; + border-style: none; + box-shadow: inset 0 1px highlight($surface); + background-color: $surface; + color: $text; + + &:backdrop { + background-color: $surface; + color: $text-secondary; + } + } + + .dialog-action-area { + margin-top: -$space-size; + // padding: $space-size; + + > button { + @extend %button-flat; + + &, &:first-child, &:last-child { border-radius: $circular-radius; } + + &:not(:last-child) { margin-right: $space-size; } + + &:not(:disabled) { color: $primary; } + + // &.suggested-action:not(:disabled) { color: $suggested; } + + &.destructive-action:not(:disabled) { color: $destructive; } + } + } +} + +filechooser { + .csd & { + background-color: $base; + border-radius: 0 0 $window-radius $window-radius; + } + + .dialog-action-box { border-top: 1px solid $divider; } + + #pathbarbox { + border-bottom: 1px solid $divider; + background-color: $background; + + > stack > box > button { // The new folder button + @extend %button-flat; + @extend %circular-button; + } + } + + stack.view { + background-color: transparent; + + scrolledwindow { + background-color: transparent; + border-radius: 0 0 $window-radius 0; + + list { background-color: transparent; } + } + + > placesview { + background-color: transparent; + // border-bottom-right-radius: $window-radius; + + > actionbar { + &, > revealer > box { + background-color: transparent; + } + } + } + + frame > border { border: none; } + } + + .csd & placessidebar { + background: none; + border-bottom-left-radius: $window-radius; + } + + actionbar { + &, > revealer > box { + background-color: transparent; + } + } +} + +filechooserbutton > button > box { + border-spacing: $space-size; +} + +filechooserbutton:drop(active) { + box-shadow: none; + border-color: transparent; +} + + +/*********** + * Sidebar * + ***********/ +.sidebar { + border-style: none; + background-color: $base-alt; + + &:not(separator) { + @at-root %sidebar_left, + &:dir(ltr), + &.left, + &.left:dir(rtl) { + border-right: 1px solid $divider; + border-left-style: none; + } + + @at-root %sidebar_right, + &:dir(rtl), + &.right { + border-left: 1px solid $divider; + border-right-style: none; + } + } + + listview.view, + list { background-color: transparent; } + + paned & { &.left, &.right, &.left:dir(rtl), &:dir(rtl), &:dir(ltr), & { border-style: none; }} +} + +stacksidebar { + + separator.vertical, + separator.horizontal { @extend %hide_separators; } + + list { + padding: $space-size; + background-color: $base-alt; // This should not be necessary, but the parent stacksidebar ignores background-color. + } + + row { + min-height: $small-size; + padding: $space-size; + border-radius: $corner-radius; + + &:selected { + background-color: $overlay-selected; + color: $text; + font-weight: 500; + } + + + row { margin-top: 4px; } + + > label { + padding-left: 6px; + padding-right: 6px; + color: inherit; + } + + &.needs-attention > label { @extend %needs-attention; } + } +} + +separator.sidebar { + background-color: $divider; + border-right: none; + + &.selection-mode, + .selection-mode & { + background-color: rgba(white, 0.15); + } +} + + +/********************** + * Navigation Sidebar * + **********************/ + +.navigation-sidebar { + padding: $space-size; //only vertical padding. horizontal row size would clip + border-right: none; + + > row { + min-height: $small-size; + padding: $space-size; + border-radius: $corner-radius; + + &:hover, + &:focus-visible:focus-within { + background-color: $overlay-hover; + } + + &:selected { + background-color: $overlay-selected; + color: $text; + + &:hover { + background-color: $overlay-focus-hover; + } + + &:focus-visible:focus-within { + outline: none; + background-color: $overlay-focus; + + &:hover { background-color: $overlay-focus-hover; } + } + } + + &:disabled { color: $text-disabled; } + } +} + +/**************** + * File chooser * + ****************/ +// dim the sidebar icons, see bug #786613 for details on this oddity +row image.sidebar-icon { + transition: color $duration $ease-out; + color: $text-secondary; + + &:disabled { color: $text-secondary-disabled; } +} + +placessidebar { + > viewport.frame { border-style: none; } + + list { padding: 1px 0 4px; } + + .navigation-sidebar > row { + // Needs overriding of the GtkListBoxRow padding + min-height: 32px; + margin: -1px 4px -1px 0; // Remove unwanted hard-coded vertical margins with -1px + padding: 0; + border-radius: 0 $circular_radius $circular_radius 0; + + // Using margins/padding directly in the SidebarRow + // will make the animation of the new bookmark row jump + > revealer { padding: 0 8px 0 16px; } + + &:selected { + background-color: $overlay-selected; + color: $text; + font-weight: 500; + } + + &:disabled { color: $text-disabled; } + + image.sidebar-icon { + &:dir(ltr) { padding-right: 8px; } + &:dir(rtl) { padding-left: 8px; } + } + + label.sidebar-label { + color: inherit; + + &:dir(ltr) { padding-right: 2px; } + &:dir(rtl) { padding-left: 2px; } + } + + button.sidebar-button { + @extend %button-flat-simple; + @extend %small-button; + } + + &.sidebar-placeholder-row { background-color: $overlay-hover; } + + &.sidebar-new-bookmark-row { + color: $primary; + + image.sidebar-icon { color: $primary; } + } + + &:drop(active) { + transition: $transition, + box-shadow 0ms; + box-shadow: inset 0 0 0 9999px $overlay-hover; + } + } +} + +placesview { + .server-list-button > image { + transition: 200ms $ease-out; + -gtk-icon-transform: rotate(0turn); + } + + .server-list-button:checked > image { + transition: 200ms $ease-out; + -gtk-icon-transform: rotate(-0.5turn); + } + + // this selects the "connect to server" label + > actionbar > revealer > box > label { + border-spacing: $space-size; + } +} + + +/********* + * Paned * + *********/ +paned { + > separator { + min-width: 1px; + min-height: 1px; + -gtk-icon-source: none; // defeats the ugly default handle decoration + border-style: none; // just to be sure + background-color: transparent; + // workaround, using background istead of a border since the border will get rendered twice (?) + background-image: image($divider); + background-size: 1px 1px; + background-clip: content-box; // avoids borders image being rendered twice (?) + + &.wide { + min-width: 6px; + min-height: 6px; + background-color: $background; + background-image: image($divider), image($divider); + background-size: 1px 1px, 1px 1px; + } + } + + &.horizontal > separator { + background-repeat: repeat-y; + + &:dir(ltr) { + margin: 0 -8px 0 0; + padding: 0 8px 0 0; + background-position: left; + } + + &:dir(rtl) { + margin: 0 0 0 -8px; + padding: 0 0 0 8px; + background-position: right; + } + + &.wide { + margin: 0; + padding: 0; + background-repeat: repeat-y, repeat-y; + background-position: left, right; + } + } + + &.vertical > separator { + margin: 0 0 -8px 0; + padding: 0 0 8px 0; + background-repeat: repeat-x; + background-position: top; + + &.wide { + margin: 0; + padding: 0; + background-repeat: repeat-x, repeat-x; + background-position: bottom, top; + } + } +} + + +/************ + * GtkVideo * + ************/ + +video { + & image.osd { + min-width: 64px; + min-height: 64px; + border-radius: $circular-radius; + border: none; + } + + background: black; + border-radius: $corner-radius; +} + +/************** + * GtkInfoBar * + **************/ +infobar { + border: none; + margin-bottom: 0; + + > revealer > box { + padding: $space-size; + border-spacing: $space-size * 2; + } + + &.info { + & > revealer > box, + &:hover > revealer > box, + &:backdrop > revealer > box { + background-color: $base; + + button { + &, &.text-button:not(:disabled) { color: $primary; } + } + } + } + + &.action, + &.question { + & > revealer > box, + &:backdrop > revealer > box { + background-color: $primary; + color: on($primary); + + button { + &, &:hover, &:focus, &:active, &:checked, &.text-button:not(:disabled) { color: on($primary); } + } + + *:link { color: on($primary); } + } + + &:hover > revealer > box { + background-color: if($variant == 'light', lighten($primary, 5%), darken($primary, 5%)); + } + } + + &.warning { + & > revealer > box, + &:backdrop > revealer > box { + background-color: $warning; + color: on($warning); + + button { + @extend %button-on-dark; + + &, &:hover, &:focus, &:active, &:checked, &.text-button:not(:disabled) { color: on($warning); } + } + + *:link { color: on($warning); } + } + + &:hover > revealer > box { + background-color: if($variant == 'light', lighten($warning, 5%), darken($warning, 5%)); + } + } + + &.error { + & > revealer > box, + &:backdrop > revealer > box { + background-color: $error; + color: on($error); + + button { + &, &:hover, &:focus, &:active, &:checked, &.text-button:not(:disabled) { color: on($error); } + } + + *:link { color: on($error); } + } + + &:hover > revealer > box { + background-color: if($variant == 'light', lighten($error, 5%), darken($error, 5%)); + } + } +} + + +/************ + * Tooltips * + ************/ +tooltip { + &.background { + // background-color needs to be set this way otherwise it gets drawn twice + // see https://bugzilla.gnome.org/show_bug.cgi?id=736155 for details. + background-color: $tooltip; + color: on($tooltip); + box-shadow: $shadow-z4; + border-radius: $corner-radius/2; + margin: 2px 6px 8px 6px; + border: none; + } + + padding: $space-size $space-size * 2; + box-shadow: none; // otherwise it gets inherited by windowframe.csd + border: none; + + > box { + border-spacing: $space-size; + } +} + + +/***************** + * Color Chooser * + *****************/ +colorswatch { + // This widget is made of two boxes one on top of the other, the lower box is colorswatch {} the other one + // is colorswatch overlay {}, colorswatch has the programmatically set background, so most of the style is + // applied to the overlay box. + + // base color corners rounding + // to avoid the artifacts caused by rounded corner anti-aliasing the base color + // sports a bigger radius. + // nth-child is needed by the custom color strip. + + &.top { + border-top-left-radius: $corner-radius; + border-top-right-radius: $corner-radius; + + overlay { + border-top-left-radius: $corner-radius; + border-top-right-radius: $corner-radius; + } + } + + &.bottom { + border-bottom-left-radius: $corner-radius; + border-bottom-right-radius: $corner-radius; + + overlay { + border-bottom-left-radius: $corner-radius; + border-bottom-right-radius: $corner-radius; + } + } + + &.left, + &:first-child:not(.top) { + border-top-left-radius: $corner-radius; + border-bottom-left-radius: $corner-radius; + + overlay { + border-top-left-radius: $corner-radius; + border-bottom-left-radius: $corner-radius; + } + } + + &.right, + &:last-child:not(.bottom) { + border-top-right-radius: $corner-radius; + border-bottom-right-radius: $corner-radius; + + overlay { + border-top-right-radius: $corner-radius; + border-bottom-right-radius: $corner-radius; + } + } + + &.dark { color: on(dark); } + + &.light { color: on(light); } + + colorchooser &:hover { + transition: $transition-shadow; + box-shadow: 0 0 0 2px $primary; + } + + &#add-color-button { + border-radius: $corner-radius 0 0 $corner-radius; + color: $text; + + &:only-child { border-radius: $corner-radius; } + + overlay { + background-color: $fill; + + &:hover { background-color: $divider; box-shadow: none; } + + &:active { background-color: $track; } + } + } + + &:disabled { + opacity: 0.5; + + overlay { box-shadow: none; } + } + + &#editor-color-sample { + border-radius: $corner-radius; + + overlay { border-radius: $corner-radius; } + + overlay:hover { box-shadow: $shadow-z1; } + } +} + +// colorscale popup +colorchooser .popover.osd { + transition: $transition-shadow; + border-radius: $corner-radius; + box-shadow: $shadow-z4, inset 0 1px highlight($surface); + background-color: $surface; + + &:backdrop { box-shadow: $shadow-z2, inset 0 1px highlight($surface); } +} + + +/******** + * Misc * + ********/ +// content view (grid/list) +.content-view { + background-color: $background; + + // &:hover { -gtk-icon-effect: highlight; } + + rubberband, .rubberband { @extend rubberband; } +} + +.scale-popup { + // .osd & { @extend %osd; } + + // .osd & button.flat { // FIXME: quick hack, redo properly + // } + // + // button { // +/- buttons on GtkVolumeButton popup + // } +} + + +/********************** + * Window Decorations * + **********************/ +window { + &.csd { + transition: $transition-shadow; + border-radius: $window-radius; + outline-color: highlight($background); + outline-offset: -1px; + outline-style: solid; + outline-width: 1px; + + @if $rimless == 'true' { + box-shadow: $shadow-z16, 0 0 36px transparent; + } @else { + box-shadow: $shadow-z16, 0 0 0 1px $window-border, 0 0 36px transparent; + } + + &:backdrop { + // the transparent shadow here is to enforce that the shadow extents don't + // change when we go to backdrop, to prevent jumping windows. + // The biggest shadow should be in the same order then in the active state + // or the jumping will happen during the transition. + @if $rimless == 'true' { + box-shadow: $shadow-z4, 0 0 36px transparent; + } @else { + box-shadow: $shadow-z4, 0 0 0 1px $window-border, 0 0 36px transparent; + } + } + + &.popup { + border-radius: $menu-radius; + } + + &.dialog.message { + border-radius: $window-radius; + } + + .solid-csd & { + margin: 0; + padding: 2px; + border-radius: 0; + background-color: $titlebar; + border: 1px solid $solid-border; + + &:backdrop { background-color: $titlebar-backdrop; } + } + + &.maximized, + &.fullscreen, + &.tiled, + &.tiled-top, + &.tiled-right, + &.tiled-bottom, + &.tiled-left { border-radius: 0; } + } +} + +// Windows button + +%mac_window_button { + min-height: 16px; + min-width: 16px; + padding: 0; + margin: 0 $space-size - 2px; + + &.minimize, &.maximize, &.close { + color: transparent; + + image { padding: 0; } + + &:hover, &:active { + color: on($applet-primary); + } + + &:backdrop { + background-color: $titlebar-track; + + &:hover, &:active { + color: $titlebar-text-disabled; + } + } + } + + &.minimize { // Window minimize button + background-color: $titlebutton-min; + + &:active { + background-color: mix($titlebar-text, $titlebutton-min, 25%); + } + } + + &.maximize { // Window maximize button + background-color: $titlebutton-max; + + &:active { + background-color: mix($titlebar-text, $titlebutton-max, 25%); + } + } + + &.close { // Window close button + background-color: $titlebutton-close; + + &:active { + background-color: mix($titlebar-text, $titlebutton-close, 25%); + } + } +} + +%normal_window_button { + min-height: 22px; + min-width: 22px; + padding: 0; + margin: 0 $space-size - 2px; + + &.minimize, &.maximize, &.close { + color: $titlebar-text-secondary; + background-color: gtkalpha(currentColor, 0.1); + + image { padding: 0; } + + &:hover { + color: $titlebar-text; + background-color: gtkalpha(currentColor, 0.15); + } + + &:active { + color: $titlebar-text; + background-color: gtkalpha(currentColor, 0.2); + } + + &:backdrop { + opacity: 0.65; + } + } +} + +$window-space: if($window_button == 'mac', $space-size, $space-size - 2px); + +windowcontrols { + border-spacing: $space-size; + + &:not(.empty) { + &.start:dir(ltr), + &.end:dir(rtl) { + margin-right: $window-space; + margin-left: $window-space; + } + + &.start:dir(rtl), + &.end:dir(ltr) { + margin-left: $window-space; + margin-right: $window-space; + } + } + + button:not(.suggested-action):not(.destructive-action) { + @extend %circular-button; + + @if $window_button == 'mac' { + @extend %mac_window_button; + } @else { + @extend %normal_window_button; + } + } +} + + +// catch all extend :) + +%selected_items { + background-color: $overlay-selected; +} + +%selected_items_color { + color: $primary; + background-color: rgba($primary, 0.2); +} + +%selected_items_primary { + color: on($primary); + background-color: $primary; +} + +.monospace { font-family: monospace; } + + +/********************** + * Touch Copy & Paste * + **********************/ +// touch selection handlebars for the Popover.osd above +cursor-handle { + color: $primary; + -gtk-icon-source: -gtk-recolor(url("assets/scalable/cursor-handle-symbolic.svg")); + + &.insertion-cursor:dir(ltr), &.insertion-cursor:dir(rtl) { + padding-top: 6px; + } +} + +// shortcut window keys +shortcuts-section { + margin: 20px; +} + +.shortcuts-search-results { + margin: 20px; + border-spacing: 24px; +} + +shortcut { + border-spacing: 6px; +} + +shortcut > .keycap { + min-width: 28px - 8px * 2; + min-height: 28px - 2px; + margin-top: 2px; + padding-bottom: 2px; + padding-left: 8px; + padding-right: 8px; + + border: solid 1px $divider; + border-radius: $corner-radius + 1px; + box-shadow: inset 0 -2px $divider; + background-color: $surface; + color: $text; + font-size: smaller; +} + +:not(decoration):not(window):drop(active) { // FIXME needs to be done widget by widget, this wildcard should really die + caret-color: $primary; +} + +stackswitcher { + min-height: 0; + padding: $space-size / 2; + margin: $space-size 0; + border-radius: $corner-radius + $space-size / 2; + background-color: $fill; + border: none; + + &.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action) { + margin: 0 0; + background-color: transparent; + border-radius: $corner-radius; + padding: ($medium-size - 24px - $space-size) / 2 ($medium-size - 16px) / 2; + + &.text-button { min-width: 100px; } + + &:focus:not(:hover):not(:checked) { box-shadow: none; } + + &:checked { + transition: $transition; + background-color: if($variant == 'light', rgba($base, 1), rgba(white, 0.15)); + color: $text; + box-shadow: 0 1px 3px rgba(black, 0.06); + } + } + + button.text-button { min-width: 100px; } // FIXME aggregate with buttons + + button.circular, + button.text-button.circular { // FIXME aggregate with buttons + min-width: $medium-size; + min-height: $medium-size; + padding: 0; + } +} + + +/************* + * App Icons * + *************/ +// Outline for low res icons +.lowres-icon { + -gtk-icon-shadow: none; +} + +// Drapshadow for large icons +.icon-dropshadow { + -gtk-icon-shadow: none; +} + + +/********* + * Emoji * + *********/ +popover.emoji-picker { + padding: 0; + + > contents { + padding: 0; + } +} + +.emoji-searchbar { + padding: $space-size; + border-spacing: $space-size; + border-bottom: 1px solid $divider; + background: none; + + entry { + text { + background: none; + box-shadow: none; + } + } +} + +.emoji-toolbar { + padding: 0; + border-spacing: $space-size / 2; + border-top: 1px solid $divider; + background: none; +} + +button.emoji-section { + margin: 0; + padding: $space-size; + border-radius: $corner-radius; + + &:checked { + color: $primary; + } +} + +popover.emoji-picker emoji { + font-size: x-large; + padding: $space-size; + transition: $transition; + border-radius: $corner-radius; + + &:focus, + &:hover { + background: $overlay-hover; + } +} + +emoji-completion-row { + min-height: $menuitem-size; + padding: 0 $space-size * 2; + + > box { + border-spacing: $space-size; + padding: 2px $space-size; + } + + &:focus, &:hover, + emoji:hover, emoji:focus { + background-color: $overlay-hover; + color: $text; + } +} + +popover.entry-completion > contents { + padding: 0; +} diff --git a/src/src/sass/gtk/_drawing-3.0.scss b/src/src/sass/gtk/_drawing-3.0.scss new file mode 100644 index 00000000..b9a7c999 --- /dev/null +++ b/src/src/sass/gtk/_drawing-3.0.scss @@ -0,0 +1,324 @@ +// generic drawing of more complex things + + +// ripple effect animations + +@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, $primary 0%, transparent 0%); + } + + to { + background-image: radial-gradient(circle, $primary 100%, transparent 0%); + } +} + + +@mixin entry($t, $fc: $primary) { +// +// entry +// +// $t: entry type +// $fc: focus color +// + + @if $t == normal { + transition: $transition, box-shadow $ripple-fade-out-duration $ease-out; + box-shadow: inset 0 0 0 2px transparent; + background-color: $entry; + color: $text; + } + + @if $t == hover { + background-color: $overlay-hover; + box-shadow: inset 0 0 0 2px $overlay-hover; + } + + @if $t == focus { + background-color: $overlay-focus; + box-shadow: inset 0 0 0 2px if($fc == $primary, $track, $fc); + } + + @if $t == checked { + background-color: $entry; + box-shadow: inset 0 0 0 2px if($fc == $primary, $primary, $fc); + } + + @if $t == disabled { + box-shadow: inset 0 0 0 2px transparent; + background-color: $entry; + color: $text-disabled; + } + + @if $t == raised-normal { + transition: $transition, box-shadow $ripple-fade-out-duration $ease-out; + border-image: none; + box-shadow: inset 0 0 0 2px transparent; + background-color: if($fc == $primary, $surface, $fc); + color: if($fc == $primary, $text, on($fc)); + } + + @if $t == raised-hover { + box-shadow: inset 0 0 0 2px $overlay-hover; + } + + @if $t == raised-focus { + border-image: none; + box-shadow: inset 0 0 0 2px if($fc == $primary, $primary, $fc); + } + + @if $t == raised-disabled { + box-shadow: inset 0 0 0 2px transparent; + background-color: $base-alt; + color: $text-disabled; + } +} + + +@mixin button($t) { +// +// button +// +// $t: button type +// + + @if $t == normal { + transition: $transition, + background-size $ripple-fade-out-duration $ease-out, + background-image $ripple-fade-out-opacity-duration $ease-out; + outline: none; + box-shadow: inset 0 0 0 9999px transparent; + background-color: $button; + background-image: radial-gradient(circle, transparent 10%, transparent 0%); + background-repeat: no-repeat; + background-position: center; + background-size: 1000% 1000%; + color: $text; + } + + @if $t == hover { + box-shadow: inset 0 0 0 9999px $overlay-hover; + } + + @if $t == focus { + box-shadow: 0 0 0 2px rgba($primary, 0.35); + } + + @if $t == active { + transition: $transition, + background-size 0ms, + background-image 0ms, + border 0ms; + animation: ripple $ripple-fade-in-duration $ease-out forwards; + box-shadow: inset 0 0 0 9999px $overlay-hover; + background-image: radial-gradient(circle, $overlay-active 10%, transparent 0%); + background-size: 0% 0%; + } + + @if $t == disabled { + box-shadow: none; + background-color: $fill; + color: $text-disabled; + } + + @if $t == checked { + // box-shadow: inset 0 0 0 9999px transparent, $shadow-z2; + background-color: $primary; + color: on($primary); + } + + @if $t == checked-hover { + box-shadow: inset 0 0 0 9999px transparent; + } + + @if $t == checked-disabled { + box-shadow: inset 0 0 0 9999px $overlay-checked; + background-color: $fill; + color: $text-disabled; + } + + @if $t == flat-normal { + transition: $transition, + border-image $ripple-fade-in-duration $ease-out, + background-size $ripple-fade-out-duration $ease-out, + background-image $ripple-fade-out-opacity-duration $ease-out; + 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: $text-secondary; + } + + @if $t == flat-hover { + box-shadow: inset 0 0 0 9999px $overlay-hover; + color: $text; + } + + @if $t == flat-focus { + box-shadow: inset 0 0 0 2px $overlay-focus; + color: $text; + } + + @if $t == flat-active { + transition: $transition, + border-image $ripple-fade-in-duration $ease-out, + background-size 0ms, + background-image 0ms; + animation: ripple $ripple-fade-in-duration $ease-out forwards; + box-shadow: inset 0 0 0 9999px $overlay-hover; + background-image: radial-gradient(circle, $overlay-active 10%, transparent 0%); + background-size: 0% 0%; + color: $text; + } + + @if $t == flat-disabled { + box-shadow: none; + background-color: transparent; + color: $text-secondary-disabled; + } + + @if $t == flat-checked { + background-color: $overlay-checked; + color: $text; + } + + @if $t == flat-checked-disabled { + background-color: $overlay-checked; + color: $text-disabled; + } +} + + +@mixin overshoot($p, $t:normal, $c:$text) { +// +// overshoot +// +// $p: position +// $t: type +// $c: base color +// +// possible $p values: +// top, bottom, right, left +// +// possible $t values: +// normal, backdrop +// + + $_small_gradient_length: 5%; + $_big_gradient_length: 100%; + + $_position: center top; + $_small_gradient_size: 100% $_small_gradient_length; + $_big_gradient_size: 100% $_big_gradient_length; + + @if $p==bottom { + $_position: center bottom; + $_linear_gradient_direction: to top; + } + + @else if $p==right { + $_position: right center; + $_small_gradient_size: $_small_gradient_length 100%; + $_big_gradient_size: $_big_gradient_length 100%; + } + + @else if $p==left { + $_position: left center; + $_small_gradient_size: $_small_gradient_length 100%; + $_big_gradient_size: $_big_gradient_length 100%; + } + + $_small_gradient_color: $c; + $_big_gradient_color: $c; + + @if $c==$text { + $_small_gradient_color: $border; + $_big_gradient_color: $text; + + @if $t==backdrop { $_small_gradient_color: $fill; } + } + + $_small_gradient: -gtk-gradient(radial, + $_position, 0, + $_position, 0.5, + to($_small_gradient_color), + to(rgba($_small_gradient_color, 0))); + + $_big_gradient: -gtk-gradient(radial, + $_position, 0, + $_position, 0.6, + from(rgba($_big_gradient_color, 0.07)), + to(rgba($_big_gradient_color, 0))); + + @if $t==normal { + background-image: $_small_gradient, $_big_gradient; + background-size: $_small_gradient_size, $_big_gradient_size; + } + + @else if $t==backdrop { + background-image: $_small_gradient; + background-size: $_small_gradient_size; + } + + background-repeat: no-repeat; + background-position: $_position; + + background-color: transparent; // reset some properties to be sure to not inherit them somehow + border: none; // + box-shadow: none; // +} + + +@mixin undershoot($p) { +// +// undershoot +// +// $p: position +// +// possible $p values: +// top, bottom, right, left +// + + $_undershoot_color_dark: $track; + $_undershoot_color_light: transparent; + + $_gradient_dir: left; + $_dash_bg_size: 12px 1px; + $_gradient_repeat: repeat-x; + $_bg_pos: left $p; + + @if ($p == left) or ($p == right) { + $_gradient_dir: top; + $_dash_bg_size: 1px 12px; + $_gradient_repeat: repeat-y; + $_bg_pos: $p top; + } + + background-color: transparent; // shouldn't be needed, but better to be sure + + background-image: linear-gradient(to $_gradient_dir, // this is the dashed line + $_undershoot_color_light 50%, + $_undershoot_color_dark 50%); + + padding-#{$p}: 1px; + background-size: $_dash_bg_size; + background-repeat: $_gradient_repeat; + background-origin: content-box; + background-position: $_bg_pos; + margin: 0 4px; + + @if ($p == left) or ($p == right) { + margin: 4px 0; + } +} diff --git a/src/src/sass/gtk/_drawing-4.0.scss b/src/src/sass/gtk/_drawing-4.0.scss new file mode 100644 index 00000000..ca6a7187 --- /dev/null +++ b/src/src/sass/gtk/_drawing-4.0.scss @@ -0,0 +1,239 @@ +// generic drawing of more complex things + +@mixin entry($t, $fc: $primary) { +// +// entry +// +// $t: entry type +// $fc: focus color +// + + @if $t == normal { + transition: $transition, box-shadow $ripple-fade-out-duration $ease-out; + box-shadow: inset 0 0 0 2px transparent; + background-color: $entry; + color: $text; + } + + @if $t == hover { + background-color: $overlay-hover; + box-shadow: inset 0 0 0 2px $overlay-hover; + } + + @if $t == focus { + background-color: $overlay-focus; + box-shadow: inset 0 0 0 2px if($fc == $primary, $track, $fc); + } + + @if $t == checked { + background-color: $entry; + box-shadow: inset 0 0 0 2px if($fc == $primary, $primary, $fc); + } + + @if $t == disabled { + box-shadow: inset 0 0 0 2px transparent; + background-color: $fill; + color: $text-disabled; + } + + @if $t == raised-normal { + transition: $transition, box-shadow $ripple-fade-out-duration $ease-out; + border-image: none; + box-shadow: inset 0 0 0 2px transparent; + background-color: if($fc == $primary, $surface, $fc); + color: if($fc == $primary, $text, on($fc)); + } + + @if $t == raised-hover { + box-shadow: inset 0 0 0 2px $overlay-hover; + } + + @if $t == raised-focus { + border-image: none; + box-shadow: inset 0 0 0 2px if($fc == $primary, $primary, $fc); + } + + @if $t == raised-disabled { + box-shadow: inset 0 0 0 2px transparent; + background-color: $base-alt; + color: $text-disabled; + } +} + + +@mixin button($t) { +// +// button +// +// $t: button type +// + + @if $t == normal { + transition: $transition, + box-shadow $ripple-fade-in-duration $ease-out; + outline: none; + box-shadow: inset 0 0 0 9999px transparent; + background-color: $button; + color: $text; + } + + @if $t == hover { + box-shadow: inset 0 0 0 9999px $overlay-hover; + } + + @if $t == focus { + box-shadow: 0 0 0 2px rgba($primary, 0.35); + } + + @if $t == active { + transition: box-shadow $ripple-fade-in-duration $ease-out, + background-color $ripple-fade-in-duration $ease-out; + box-shadow: inset 0 0 0 9999px $overlay-active; + } + + @if $t == disabled { + box-shadow: none; + background-color: $fill; + color: $text-disabled; + } + + @if $t == checked { + background-color: $primary; + color: on($primary); + } + + @if $t == checked-hover { + box-shadow: inset 0 0 0 9999px transparent; + } + + @if $t == checked-disabled { + box-shadow: inset 0 0 0 9999px $overlay-checked; + background-color: $fill; + color: $text-disabled; + } + + @if $t == flat-normal { + transition: $transition; + outline: none; + box-shadow: inset 0 0 0 9999px transparent; + background-color: transparent; + color: $text-secondary; + } + + @if $t == flat-hover { + box-shadow: inset 0 0 0 9999px $overlay-hover; + color: $text; + } + + @if $t == flat-focus { + box-shadow: inset 0 0 0 2px $overlay-focus; + color: $text; + } + + @if $t == flat-active { + transition: $transition; + box-shadow: inset 0 0 0 9999px $overlay-active; + color: $text; + } + + @if $t == flat-disabled { + box-shadow: none; + background-color: transparent; + color: $text-secondary-disabled; + } + + @if $t == flat-checked { + background-color: $overlay-checked; + color: $text; + } + + @if $t == flat-checked-disabled { + background-color: $overlay-checked; + color: $text-disabled; + } +} + + +@mixin overshoot($p) { +// +// overshoot +// +// $p: position +// +// possible $p values: +// top, bottom, right, left +// + + $_small_gradient_length: 3%; + $_big_gradient_length: 50%; + + $_small_gradient_size: 100% $_small_gradient_length; + $_big_gradient_size: 100% $_big_gradient_length; + + @if $p==right or $p==left { + $_small_gradient_size: $_small_gradient_length 100%; + $_big_gradient_size: $_big_gradient_length 100%; + } + + $_small_gradient: radial-gradient(farthest-side at $p, + gtkalpha(currentColor, 0.12) 85%, + gtkalpha(currentColor, 0)); + + $_big_gradient: radial-gradient(farthest-side at $p, + gtkalpha(currentColor, 0.05), + gtkalpha(currentColor, 0)); + + background-image: $_small_gradient, $_big_gradient; + background-size: $_small_gradient_size, $_big_gradient_size; + + background-repeat: no-repeat; + background-position: $p; + + background-color: transparent; // reset some properties to be sure to not inherit them somehow + border: none; // + box-shadow: none; // +} + + +@mixin undershoot($p) { +// +// undershoot +// +// $p: position +// +// possible $p values: +// top, bottom, right, left +// + + $_undershoot_color_dark: $track; + $_undershoot_color_light: transparent; + + $_gradient_dir: left; + $_dash_bg_size: 12px 1px; + $_gradient_repeat: repeat-x; + $_bg_pos: left $p; + + @if ($p == left) or ($p == right) { + $_gradient_dir: top; + $_dash_bg_size: 1px 12px; + $_gradient_repeat: repeat-y; + $_bg_pos: $p top; + } + + background-color: transparent; // shouldn't be needed, but better to be sure + + background-image: linear-gradient(to $_gradient_dir, // this is the dashed line + $_undershoot_color_light 50%, + $_undershoot_color_dark 50%); + + padding-#{$p}: 1px; + background-size: $_dash_bg_size; + background-repeat: $_gradient_repeat; + background-origin: content-box; + background-position: $_bg_pos; + margin: 0 4px; + + @if ($p == left) or ($p == right) { + margin: 4px 0; + } +} diff --git a/src/src/sass/gtk/apps/_budgie.scss b/src/src/sass/gtk/apps/_budgie.scss new file mode 100644 index 00000000..f93f12ba --- /dev/null +++ b/src/src/sass/gtk/apps/_budgie.scss @@ -0,0 +1,731 @@ +// based css: +// https://github.com/solus-project/budgie-desktop/tree/master/src/theme + +/****************** + * Budgie Desktop * + ******************/ +// Container for both the "panel" area and the shadow. Wise to keep +// this transparent.. +.budgie-container { background-color: transparent; } + +// Budgie setting +.budgie-settings-window { + list.sidebar { + border-radius: 0 0 0 $window-radius; + } + + buttonbox.inline-toolbar { + border-style: none none solid; + + button { + border-radius: $corner-radius; + + @extend %button-flat-simple; + } + } +} + +// Budgie popover +.budgie-popover { + @if $rimless == 'true' { + border: none; + box-shadow: $shadow-z4; + } @else if $variant == 'dark' { + border: 1px solid highlight($surface); + box-shadow: $shadow-z4, 0 0 0 1px $window-border; + background-clip: border-box; + } @else { + border: 1px solid $border; + box-shadow: $shadow-z4; + background-clip: padding-box; + } + + background-color: $popover; + border-radius: $menu-radius; + + .container { padding: 0; } + + separator { margin: $space-size / 2 0; } + + border { border: none; } + + list { background-color: transparent; } + + row { + &:hover { box-shadow: none; } + + button { + @extend %button-flat-simple; + // border-radius: $corner-radius; + } + } + + // AppMenu (Elementary) + scrolledwindow.sidebar:not(.categories) { + background-color: $fill; + border-right: none; + border-bottom-left-radius: $menu-radius; + + list > row.activatable { + @extend %row_activatable; + padding: $space-size ($space-size + 2px); + } + } + + treeview.view.sidebar { + border-right: none; + background: none; + + &:hover { background-color: $overlay-hover; } + &:selected { background-color: $overlay-active; } + } + + &.bottom scrolledwindow.sidebar:not(.categories) { + padding-top: $menu-radius; + border-top-left-radius: $menu-radius; + border-bottom-left-radius: 0; + } + + > frame.container > grid.horizontal > grid.horizontal { + > widget > grid.horizontal > stack { + border-top: 1px solid $divider; + } + } + + &.bottom > frame.container > grid.horizontal > grid.horizontal { + > widget > grid.horizontal > stack { + border-top: none; + border-bottom: 1px solid $divider; + } + } + + &.budgie-menu { // Budgie AppMenu + .container { padding: 0; } + + .sidebar, + scrollbar, + entry.search { background-color: transparent; } + + entry.search { + border-bottom: 1px solid $divider; + border-image: none; + border-radius: 0; + box-shadow: none; + font-size: 120%; + } + + scrolledwindow.sidebar.categories { + background-color: $fill; + padding-bottom: $menu-radius; + + button.flat.radio.category-button { + @extend %button-flat; + border-radius: 0; + } + } + + scrolledwindow > viewport.frame > list > row.activatable > button.flat { + border-radius: 0; + } + } + + &.user-menu { + .container { padding: $space-size; } + + list, + row { // reset styling + border: none; + background: none; + box-shadow: none; + } + + // top-row (user-name and avatar) + > frame.container > box.vertical row.activatable:first-child { + margin-bottom: $space-size / 2; + outline-width: 0; + border-radius: $corner-radius; + + button.indicator-item { + transition: none; + animation: none; + } + } + } + + &.sound-popover { + // separator { margin: $space-size / 2 0; } + } + + &.night-light-indicator { + .container { padding: $space-size / 2; } + .view-header { margin: 0 $space-size; } + } + + &.places-menu { + .container { padding: $space-size / 2; } + + .name-button { + image { + &:dir(ltr) { margin-right: $space-size / 2; } + &:dir(rtl) { margin-left: $space-size / 2; } + } + } + + .unmount-button { + margin: ($menuitem-size - $small-size) / 2; + padding: 0; + } + + .places-list:not(.always-expand) { + margin-top: $space-size / 2; + padding-top: $space-size / 2; + border-top: 1px solid $divider; + } + + // use such sizes for consistency with other hard-coded dim-label sizes + .alternative-label { + padding: $space-size / 2; + font-size: 15px; + } + } + + &.workspace-popover { + // .container { padding: $space-size; } + + flowboxchild { padding: 0; } + } +} + +// FIXME: workspace has unnecessary/unknown margin +.workspace-switcher { + .workspace-layout { + border: 0 solid on($panel, divider); + + .top &, + .bottom & { + &:dir(ltr) { border-left-width: 1px; } + + &:dir(rtl) { border-right-width: 1px; } + } + + .left &, + .right & { border-top-width: 1px; } + } + + .workspace-item, + .workspace-add-button { + border: 0 solid on($panel, divider); + + .top &, + .bottom & { + &:dir(ltr) { border-right-width: 1px; } + + &:dir(rtl) { border-left-width: 1px; } + } + + .left &, + .right & { border-bottom-width: 1px; } + } + + .workspace-item { + transition: $transition; + + &.current-workspace { background-color: $overlay-checked; } + } + + .workspace-add-button { + &:hover { box-shadow: none; } + + &:active { background-image: none; } + + &:active image { margin: 1px 0 -1px; } + } + + .workspace-icon-button { + .budgie-panel & { // to overwrite the .budgie-panel button style below + min-height: 24px; + min-width: 24px; + padding: 0; + border-radius: $corner-radius; + } + } +} + +%panel_circular_button { + padding: 0 0; + margin: ($space-size / 2) 0; + min-width: 16px; + min-height: 16px; + color: on($panel, secondary); + + &, &:hover, &:active, &:checked { + background: none; + box-shadow: none; + } + + image { + padding: 0; + margin: 0; + border-radius: $circular-radius; + background-image: image(on($panel, divider)); + } + + &:hover { + color: on($panel); + + image { + background-image: image(rgba(white, 0.20)); + } + } + + &:active, &:checked { + color: on($panel); + + image { + background-image: image(rgba(white, 0.28)); + } + } +} + +// Panel +.budgie-panel { + transition: background-color $duration $ease-out; + background-color: $panel; + color: on($panel, secondary); + font-weight: 500; + + &.transparent { background-color: rgba($panel, 0.75); } + + button { + @extend %button-flat-simple; + color: on($panel, secondary); + min-height: 24px; + min-width: 24px; + padding: 0; + border-radius: 0; + + &:hover { color: on($panel); } + + &:active { color: on($panel, secondary); } + + // Menu Button + &.budgie-menu-launcher { + // padding: 0 2px; + @extend %panel_circular_button; + // @extend %button-flat; + // @extend %button-on-dark; + color: on($panel, secondary); + // border-radius: $menu-radius; + + &:focus { // Fixed issues when global menubar item is hovering + background: none; + box-shadow: none; + border: none; + color: on($panel, secondary); + } + } + + // Raven Trigger + &.raven-trigger { + color: on($panel, secondary); + } + } + + &.horizontal button { padding: 0 4px; } + + &.vertical button { padding: 4px 0; } + + separator { background-color: on($panel, track); } + + // used to indicate unread notifications + .alert { color: $destructive; } + + // End Section needs to be fancy + .end-region { + // background-color: rgba(0,0,0, 0.2); + } + + // budgie-pixel-saver-applet + .titlebar:not(headerbar) { + min-height: 0; + padding: 0; + box-shadow: none; + background-color: transparent; + color: on($panel); + + button:not(.suggested-action):not(.destructive-action) { + color: on($panel, secondary); + + &:hover, + &:active { color: on($panel); } + } + } + + // Budgie styled Gtk Menus + menubar, + .menubar { + color: on($panel, secondary); + box-shadow: none; + border: none; + + > menuitem { + color: on($panel, secondary); + + &:hover, &:active { + color: on($panel); + } + } + } + + // Tasklist + #tasklist-button { + padding: 0 4px; + + @extend %underscores; + } + + &.vertical #tasklist-button { min-height: 32px; } + + // Icon Tasklist + button.flat.launcher { + padding: 0; + + // @extend %underscores; + + // for indicator colors + &:not(:checked) { + color: on($panel, disabled); + + &:hover, &:active { color: on($panel, secondary); } + + &:disabled { color: on($panel, secondary-disabled); } + } + } + + .unpinned button.flat.launcher, + .pinned button.flat.launcher.running { + @each $pos, $b_pos, $b_wid in (top, center calc(1px), 2 0 0 0 / 2px 0 0 0), + (bottom, center calc(100% - 1px), 0 0 2 0 / 0 0 2px 0), + (left, calc(1px) center, 0 0 0 2 / 0 0 0 2px), + (right, calc(100% - 1px) center, 0 2 0 0 / 0 2px 0 0) { + .#{$pos} & { + &:checked { + border-image: radial-gradient(circle closest-corner at #{$b_pos}, + currentColor 100%, + transparent 0%) + #{$b_wid}; + } + } + } + } +} + +%underscores { + @each $pos, $b_pos, $b_wid in (top, center calc(1px), 2 0 0 0 / 2px 0 0 0), + (bottom, center calc(100% - 1px), 0 0 2 0 / 0 0 2px 0), + (left, calc(1px) center, 0 0 0 2 / 0 0 0 2px), + (right, calc(100% - 1px) center, 0 2 0 0 / 0 2px 0 0) { + .#{$pos} & { + & { + border-image: radial-gradient(circle closest-corner at #{$b_pos}, + currentColor 0%, + transparent 0%) + 0 0 0 0 / 0 0 0 0; + } + + &:checked { + border-image: radial-gradient(circle closest-corner at #{$b_pos}, + currentColor 100%, + transparent 0%) + #{$b_wid}; + } + } + } +} + +frame.raven-frame > border { + border-style: none; + // box-shadow: $shadow-z16; +} + +$pos_list: ((top, bottom), (bottom, top), (left, right), (right, left)); + +@each $pos, $b_pos in $pos_list { + // Panel borders + // .#{$pos} .budgie-panel { border-#{$b_pos}: 4px solid transparent; } + + // Raven borders + .#{$pos} frame.raven-frame > border { + margin-#{$b_pos}: 32px; + // border-#{$b_pos}: 1px solid $frame; + } + + // Shadows + // .#{$pos} .shadow-block { background-image: linear-gradient(to $b_pos, $frame, transparent); } +} + +// Raven +.raven { + background-color: $surface; + box-shadow: $shadow-z16; + + > box { margin-bottom: -10px; } // remove extra space between box and .raven-header.bottom + + stackswitcher.linked { + margin: 6px 16px; + + > button { + @extend %button-flat; + + &:focus { box-shadow: none; } + } + } + + .raven-header { + min-height: $medium-size; + padding: 3px; + + &.top { + padding: 0; + border-bottom: 1px solid $divider; + + stackswitcher button { + margin: -4px 0 -5px; // remove unwanted vertical margins + padding: 0 16px; + min-height: $small-size; + } + } + + &.bottom { border-top: 1px solid $divider; } + } + + stack { + .raven-header { margin-top: -6px; } // remove extra space in Notifications stack + + scrolledwindow .raven-header { margin-top: -8px; } // remove extra spaces in Applets stack + } + + .expander-button { @extend %circular-button; } + + .raven-background { + border-style: solid none; + border-width: 1px; + border-color: $divider; + background-color: $base; + + // &.middle { border-bottom-style: none; } // applet background between two headers + + > overlay > widget > image { color: $divider; } + } + + scrolledwindow.raven-background { border-bottom-style: none; } + + .powerstrip button { + margin: 2px 0 1px; + padding: ($large-size - 24px) / 2; + border-radius: $circular-radius; + } + + .option-subtitle { font-size: smaller; } + + .audio-widget { + scale.marks-after { + padding-top: 0; + padding-bottom: 0; + + label { + font-size: 90%; + padding: 0; + margin: -10px 0 0 6px; + } + } + + button.flat.expander-button { + margin-top: 4px; + margin-bottom: 4px; + } + + list.devices-list.sound-devices { + > row.activatable { + &:selected, &:checked { + background-color: rgba($text, 0.06); + color: $text; + + label { color: $text; } + } + + label { padding-left: 12px; } + } + } + } +} + +// Calendar +calendar.raven-calendar { + // padding: 3px; + border-style: none; + background-color: transparent; + + &:selected { + @extend %selected_items; + + border-radius: $corner-radius; + } +} + +// MPRIS Applet +.raven-mpris { + background-color: $scrim; + color: on($scrim); + + label { min-height: 24px; } + + button.image-button { + padding: ($large-size - 24px) / 2; + + @extend %button-on-dark; + } +} + +// notification list +.raven-notifications-view { + > .raven-background > viewport.frame { + padding: 0; // reset padding for full-width list node + + > list > row.activatable { + margin-left: -$space-size; + margin-right: -$space-size / 2; + + .raven-notifications-group-header { padding: 0 $space-size * 2; } + + // sub-list rows grouping + list { + padding: $space-size; + background: none; + + > row.activatable { + border: none; + padding: $space-size; + padding-left: $space-size * 2; + margin: $space-size / 2; + border-radius: $corner-radius; + background-color: $fill; + + &:hover, &:selected { + background-color: $divider; + } + } + } + + &:selected, &:selected:hover, &:hover, &:active, &:focus { + background: none; + box-shadow: none; + } + } + } +} + +// Notifications +.budgie-notification-window { background-color: transparent; } + +.budgie-notification { + .notification-title { font-size: 120%; } + + .notification-body { color: $text-secondary; } +} + +// On Screen Display in Budgie +.budgie-osd-window { + @extend .budgie-notification-window; +} + +// Internal part of the OSD +.budgie-osd { + .budgie-osd-text { font-size: 120%; } +} + +// Alt+tab switcher in Budgie +.budgie-switcher-window { + @extend .budgie-notification-window; +} + +// Internal part of the Switcher +.budgie-switcher { + @extend .budgie-notification; +} + +.budgie-panel { + .lock-keys { + image:disabled { color: on($panel, secondary-disabled); } + } +} + +.drop-shadow { + margin: 5px 9px; + padding: 3px; + border-radius: $window-radius; + box-shadow: $shadow-z4, inset 0 1px highlight($surface); + background-color: $surface; + + button { @extend %button-flat-simple; } + + .linked > button { border-radius: $window-radius; } +} + +%budgie_dialog { + background-color: $surface; + border: none; + padding: 0; +} + +// Session Dialog +.budgie-session-dialog, +.budgie-polkit-dialog, +.budgie-run-dialog { + @extend %budgie_dialog; + + &.background, & > decoration { + border-radius: $window-radius; + } + + & > decoration { + border: none; + box-shadow: $shadow-z16, 0 0 0 1px $window-border; + } + + label:not(:last-child), + .dialog-title { + font-size: 120%; + } + + .linked.horizontal > button { + padding: 8px 16px; + border-top: 1px solid $divider; + border-radius: 0; + @extend %button-flat-simple; + + &:first-child { border-bottom-left-radius: $window-radius; } + &:last-child { border-bottom-right-radius: $window-radius; } + } +} + +// PolKit Dialog +.budgie-polkit-dialog { + .message { color: $text-secondary; } + .failure { color: $destructive; } +} + +// Run Dialog +.budgie-run-dialog { + entry.search { + font-size: 120%; + padding: $space-size 8px + $space-size; + border-image: none; + box-shadow: none; + background-color: transparent; + } + + list .dim-label { color: $text; } + + scrolledwindow { border-top: 1px solid $divider; } +} diff --git a/src/src/sass/gtk/apps/_gnome-3.0.scss b/src/src/sass/gtk/apps/_gnome-3.0.scss new file mode 100644 index 00000000..b3832616 --- /dev/null +++ b/src/src/sass/gtk/apps/_gnome-3.0.scss @@ -0,0 +1,1913 @@ +/************ + * Nautilus * + ************/ +// based css: +// https://gitlab.gnome.org/GNOME/nautilus/blob/master/src/resources/css/Adwaita.css +// hard-coded css: +// https://gitlab.gnome.org/GNOME/nautilus/blob/master/src/resources/css/nautilus.css + +$nautilus: if($variant == 'light' and $topbar == 'dark', $base-alt, $titlebar); + +.nautilus-window { + &.background.csd { + border-radius: 0 0 $window-radius $window-radius; + background-color: $nautilus; + + &:backdrop { background-color: $base; } + + > grid.horizontal > paned.horizontal > separator, + > deck > box.vertical > paned.horizontal > separator { margin-left: if($variant == 'light', -1px, 0); } + + placessidebar { + > viewport.frame { + > list { + > separator { background: none; } + } + } + } + + notebook widget.view:selected { + @extend %selected_items_color; + } + + &.unified { + notebook { + border-radius: 0; + } + } + + &:not(.unified) { + .nautilus-list-view { + background-color: transparent; + border-bottom-right-radius: $window-radius; + + // treeview.view:not(:hover):not(:active):not(:selected) { + // background-color: transparent; + // } + } + + notebook { + background-color: $base; + border-radius: 0 0 $window-radius $window-radius; + + > stack { + background-color: transparent; + } + + scrolledwindow > .view:not(:selected):not(:hover):not(:checked) { + background-color: transparent; + } + + placesview { + > stack > frame > scrolledwindow > viewport > list { background-color: transparent; } + > actionbar { + background-color: transparent; + border-radius: 0 0 $window-radius $window-radius; + + > revealer > box { background-color: transparent; } + } + } + } + + paned > separator { // Use paned separator to hide stack border-bottom-left-radius + min-width: $window-radius; + box-shadow: $window-radius 0 $base; + background-color: $base; + background-image: image(if($variant == 'light', mix(black, $nautilus, 12%), mix(white, $nautilus, 12%))); + } + } + } + + &.maximized { // No border radius when window maximized + &, placessidebar { border-radius: 0; } + } + + // Floating status bar + .floating-bar { + min-height: 32px; + padding: 0; + margin: 6px; + border-style: none; + border-radius: $corner-radius; + background-color: $primary; + color: on($primary); + + button { + margin: (32px - $small-size) / 2; + color: on($primary); + + @extend %small-button; + } + } +} + +// .nautilus-canvas-item { +// border-radius: $corner-radius; +// } + +.nautilus-canvas-item.dim-label, +.nautilus-list-dim-label { + color: $text-secondary; +} + +%desktop-canvas-item, +.nautilus-desktop.nautilus-canvas-item { + // background-color: $scrim; + color: on(dark); +} + +// Toolbar + +@keyframes nautilus-operations-button-needs-attention { + to { background-color: $overlay-focus; } +} + +.nautilus-operations-button-needs-attention { + animation: nautilus-operations-button-needs-attention $ripple-fade-out-duration $ease 2 alternate; +} + +.nautilus-operations-button-needs-attention-multiple { + animation: nautilus-operations-button-needs-attention $ripple-fade-out-duration $ease 6 alternate; +} + +// Path bar +.path-bar-box { + transition: background-color $duration $ease-out; + margin: $space-size 0; + border-radius: $corner-radius; + + button { margin: 0; } // reset the margin + + &.width-maximized { background-color: $titlebar-fill; } + + // workaround for 3.30.1 + &.background.frame { + border-style: none; + background-color: $titlebar-fill; + } + + // for 3.30 + .path-bar button { + label:not(:only-child) { + &:first-child { margin-left: 0; } + + &:last-child { margin-right: 0; } + } + } + + // for 3.32 + .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action) { + padding-left: ($medium-size - 12px) / 2; + padding-right: ($medium-size - 12px) / 2; + margin-left: 1px; + margin-right: 1px; + + label:not(:only-child) { + &:first-child { margin-left: 0; } + + &:last-child { margin-right: 0; } + } + + &.text-button { + min-width: 0; + // border-radius: $circular_radius; + } + + &.text-button.image-button { + // border-radius: $circular_radius; + image:not(:only-child) { margin: 0; } + } + + &:last-child:dir(ltr), + &:first-child:dir(rtl) { + background-color: rgba($titlebar-text, 0.08); + + &:disabled { + background-color: transparent; + color: $titlebar-text-disabled; + } + } + } +} + +.disk-space-display { + // border-style: solid; + // border-width: 2px; + + &.unknown { + background-color: $track; + color: $track; + } + + &.used { + background-color: $primary; + color: $primary; + } + + &.free { + background-color: $track-disabled; + color: $track-disabled; + } +} + +// View +// Hide superfluous treeview drop target indication +.nautilus-list-view .view:not(.dnd) { + // border-bottom: 1px solid $divider; +} + +.search-information { + padding: 2px; + border-bottom: 1px solid $divider; + background-color: $base; + color: $text; +} + +.documents-entry-tag { + @extend .entry-tag; +} + +.conflict-row:not(:selected) { background-color: mix($warning, $base, percentage(0.3)); } + +// Icon view +.nautilus-window flowboxchild { + // .icon-background { background-color: black; } + + .icon-item-background { + padding: 4px; + border-radius: $space-size; + } + + &:selected { + background-color: transparent; + + .icon-item-background { @extend %selected_items_color; } + } +} + +.nautilus-window notebook :not(treeview).view { + border-radius: $space-size; + + selection, + &:selected { + @extend %selected_items_color; + } +} + +// Batch rename dialog +dialog.background > box.dialog-vbox.vertical > grid.horizontal { + > scrolledwindow.frame { border-style: none; } + + > box.horizontal:last-child { + margin: -6px 0 0 -6px; + border-top: 1px solid $divider; + + > label { margin: 0 8px; } + + > box > button { border-radius: 0; } + } +} + +// Tweak to fix the messy sizing of the popover menu +.nautilus-window > popover.menu:not(:last-child) { + padding: 3px; + + > stack > box > box > box { + margin-top: -6px; + + > box { + margin-bottom: -6px; + + &.linked { margin-top: 1px; } + } + } + + separator { margin-bottom: -2px; } +} + +.nautilus-menu-sort-heading { + // min-height: 26px; + // padding-left: 5px; + // padding-right: 5px; + margin: 1px 3px; + font-weight: 500; + + &:disabled { color: $text-secondary; } +} + +// Make operations button circular +.nautilus-window headerbar revealer > button { @extend %circular-button; } + +// Ensure paned separator rendering. See issue #84 for details. +.nautilus-window paned > separator { background-color: $base-alt; } + + +/********* + * gedit * + *********/ +// based css: +// https://gitlab.gnome.org/GNOME/gedit/blob/master/gedit/resources/css/gedit.adwaita.css +// hard-coded css: +// https://gitlab.gnome.org/GNOME/gedit/blob/master/gedit/resources/css/gedit-style.css + +window.org-gnome-gedit { + > paned.titlebar { + > separator { background-color: transparent; } + } + + > overlay > box.vertical { + > paned.gedit-side-panel-paned { + + // 'file-browser' pane + > box.vertical > stack > grid.horizontal { + > box.horizontal { // header-part + margin: 4px 0; + } + + > scrolledwindow { // raised widget + border-bottom-left-radius: $window-radius; + + // treeview.view:not(:hover):not(:selected) { + // background: none; + // } + } + } + + // 'files' pane + stack { + scrolledwindow { + viewport.frame { + list.gedit-document-panel { + background: none; + } + } + } + } + } + } +} + +// Only normal state is handle +.open-document-selector-path-label { + color: $text-secondary; + font-size: smaller; +} + +// Only normal state is handle +.open-document-selector-match { + background-color: $warning; + color: on($warning); +} + +.gedit-document-panel { + background-color: $base-alt; + + // Try to look as the notebook tab close button + row button.flat { + margin-top: 8px; + margin-bottom: 8px; + + @extend %small-button; + } +} + +.gedit-document-panel-group-row:not(:first-child) { + border-top: 1px solid $divider; +} + +.gedit-side-panel-paned statusbar { + border-top: 1px solid $divider; + border-radius: 0 0 $window-radius $window-radius; +} + +.gedit-search-slider { + margin: 4px 4px 8px; + + .linked:not(.vertical) > entry { + border-radius: $corner-radius; + @extend %entry_raised; + + .gedit-search-entry-occurrences-tag { + all: unset; + color: $text-secondary; + } + + $buttons_width: $small-size * 2 + $space-size * 3; + + &:dir(ltr) { + margin-right: -$buttons_width; + padding-right: $buttons_width; + + .gedit-search-entry-occurrences-tag { margin-left: $space-size; } + + image.right { margin-right: 0; } + } + + &:dir(rtl) { + margin-left: -$buttons_width; + padding-left: $buttons_width; + + .gedit-search-entry-occurrences-tag { margin-right: $space-size; } + + image.left { margin-left: 0; } + } + + &:not(.error) { background-color: $surface; } + + &.error ~ button { + color: on($error, secondary); + + &:hover, &:active { color: on($error); } + + &:disabled { color: on($error, secondary-disabled); } + } + } + + .linked > button { + border: solid $space-size transparent; + border-radius: $circular-radius; + + @extend %button-flat-simple; + @extend %small-button; + + &:last-child:dir(ltr), + &:not(:first-child):dir(rtl) { margin-left: -$space-size / 2; } + + &:first-child:dir(rtl), + &:not(:last-child):dir(ltr) { margin-right: -$space-size / 2; } + } +} + +frame.gedit-map-frame > border { + &:dir(ltr) { border-style: none none none solid; } + &:dir(rtl) { border-style: none solid none none; } +} + + +/********** + * Tweaks * + **********/ + +// the sidebar +.tweak-categories { + // padding: 4px 0; + // background-color: shade(@theme_bg_color, 0.99); + + separator { @extend %hide_separators; } + + .csd & { + border-bottom-left-radius: $window-radius; + } +} + +.tweak { + // padding-top: 3px; + padding: 3px; + + &.title:hover { box-shadow: none; } +} + +.tweak-group-white, +.tweak-white, +.tweak-white:hover { + // background-color: white; + background-image: image($base); +} + +.tweak-startup, +.tweak-startup:hover { + // background-color: lighter(shade(@theme_bg_color, 0.9)); + background-image: image($base); +} + +.tweak-group-startup { + // background-color: @view_separators; + background-image: image($base); + // border: 1px solid $frame; + + @extend %circular_list; + + row.activatable { @extend %circular_row; } + + row.tweak-startup { + border-radius: $corner-radius; + background-color: transparent; + background-image: none; + } +} + +// Workaround for 3.26 +list { + &.tweak-group { + list { + @extend %circular_list; + + row.activatable { @extend %circular_row; } + } + } +} + +// Add more spaces between title and list +row#Focus, +row#ClickMethod, +row#PrimaryWorkspaceTweak, // for 3.26.0 +row#workspaces-only-on-primary { + margin-top: 4px; +} + +// See https://github.com/nana-4/materia-theme/issues/432 +leaflet.titlebar > .titlebar.tweak-titlebar-left, +leaflet.titlebar > .titlebar.tweak-titlebar-right, // Workaround for gnome-tweaks 40.0 +hdyleaflet.titlebar > .titlebar.tweak-titlebar-left, +hdyleaflet.titlebar > .titlebar.tweak-titlebar-right { // Workaround for gnome-tweaks 3.34 + background-color: inherit; + box-shadow: inherit; + // Remove only background-color transition. + // This shouldn't be necessary, but otherwise it gets lag... + transition: color $duration $ease-out; +} + + +/************************ + * Gnome Control Center * + ************************/ +window.background.csd { + > headerbar.titlebar { + > leaflet, + > hdyleaflet { + > headerbar { + &:first-child:not(:only-child) { + border-top-left-radius: $window-radius; + } + + &:last-child:not(:only-child) { + border-top-right-radius: $window-radius; + } + + &:first-child:only-child, &:last-child:only-child { + border-top-right-radius: $window-radius; + border-top-left-radius: $window-radius; + } + } + } + } + + > stack:not(.titlebar) > stack.background { border-radius: 0 0 $window-radius $window-radius; } + + > leaflet, + > hdyleaflet, + > box.horizontal { + > stack.background { + background: none; + + > widget { + > box.vertical > box.vertical { // Gnome 3.34 Wallpaper setting + > scrolledwindow > viewport.frame { + background-color: $base; + border-bottom-right-radius: $window-radius; + + > box.vertical.view { + background: none; + } + } + } + } + } + + > box.vertical > scrolledwindow.view { // > 3.25.90 + background-color: $base; + border-bottom-left-radius: $window-radius; + + > viewport.frame > stack { + background-color: transparent; + + list { // left-pane + background-color: transparent; + padding: $space-size / 2; + + row.activatable { + border-radius: $corner-radius; + + &:not(:hover):not(:active):not(:selected) { + background-color: transparent; + } + } + + separator { @extend %hide_separators; } + } + } + } + } + + hdycolumn stack frame.view > stack > stack list > separator { + background-color: $border; + } +} + +dialog.background.csd { + > box.vertical.dialog-vbox { // wifi setting + > notebook > stack > box.horizontal > notebook > stack { + border-radius: 0 0 $window-radius $window-radius; + } + + > scrolledwindow > viewport.frame > list { + background: none; + + > row:not(:hover):not(:active):not(:selected) { background-color: transparent; } + } + } +} + +hdyleaflet, leaflet, box.horizontal > stack.background { + frame:not(.view) list:not(.contacts-contact-list) { + @extend %circular_list; + + row.activatable { @extend %circular_row; } + } + + stack.background, overlay { + scrolledwindow > viewport { + list { + @extend %circular_list; + + row.activatable { @extend %circular_row; } + } + } + } + + frame > border { border: none; } + + > box.vertical > scrolledwindow > viewport.frame { + list:not(.view):not(.tweak-group) { + padding: $space-size / 2; + + row.activatable { + border-radius: $corner-radius; + } + + separator { @extend %hide_separators; } + } + } + + frame.view { + @extend %circular_list; + + list { + background: none; + + > separator { + background: none; + min-height: 0; + } + + row.activatable { @extend %circular_row; } + } + } + + list.view, list.frame { + @extend %circular_list; + + row.activatable { @extend %circular_row; } + } +} + +/************************ + * Gnome system monitor * + ************************/ +window#gnome-system-monitor.background.csd { + > box.vertical > stack { + background-color: $base; + border-radius: 0 0 $window-radius $window-radius; + + > box.vertical { + // > scrolledwindow { + // treeview.view:not(.progressbar):not(.trough) { + // background: none; + // @extend .view; + // } + // } + + > revealer > actionbar > revealer > box { + border-radius: 0 0 $window-radius $window-radius; + } + } + } +} + +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 $window-radius $window-radius; + + > viewport.frame { + list { + border-radius: 0 0 $window-radius $window-radius; + } + } + } + + scrolledwindow.frame.emptyGrid { border: none; } // Removed ugly borders + } +} + + +/****************** + * Gnome Contacts * + ******************/ +window.background.csd { + scrolledwindow.contacts-contact-form { + border-bottom-right-radius: $window-radius; + } +} + + +/************************ + * Epiphany (Gnome Web) * + ************************/ + +tabbox { // Gnome 40.0 + background-color: $background; + box-shadow: inset 0 -1px $divider; + padding: ($space-size / 2) ($space-size / 2) 0; + + > tab { + @extend %tabs_tab; + border-radius: $corner-radius $corner-radius 0 0; + border-bottom: none; + + // close button + button { + min-height: 24px; + min-width: 24px; + border-radius: $circular-radius; + border: none; + padding: 0; + @extend %button-flat-simple; + } + } +} + + +/***************** + * Gnome Weather * + *****************/ +#weather-page, +#weekly-forecast-frame { + border-bottom-right-radius: $window-radius; +} + +#weather-page-content-view { + border-bottom-right-radius: $window-radius; + border-bottom-left-radius: $window-radius; +} + + +/*************** + * Gnome Music * + ***************/ +window.background.csd { + box.vertical > overlay > stack.background { border-radius: 0 0 $window-radius $window-radius; } +} + + +/**************** + * Gnome Clocks * + ****************/ +window.background.csd.unified { + > deck > deck > deck { + list { + @extend %circular_list; + + row.activatable { @extend %circular_row; } + } + } +} + + +/************* + * Rhythmbox * + *************/ +%image-button { + min-height: 24px; + min-width: 24px; + padding: ($medium-size - 24px) / 2; + margin: 0; +} + +.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar { + button.image-button { + border-radius: $circular-radius; + + &:not(:first-child), &:not(:last-child) { + border-top-left-radius: $circular-radius; + border-bottom-left-radius: $circular-radius; + border-top-right-radius: $circular-radius; + border-bottom-right-radius: $circular-radius; + } + + &.image-button:not(.text-button) { + &:first-child { + border-top-left-radius: $circular-radius; + border-bottom-left-radius: $circular-radius; + } + + &:last-child { + border-top-right-radius: $circular-radius; + border-bottom-right-radius: $circular-radius; + } + } + + > widget > box > image { padding: 0; } + } +} + +// tweak border and frame in alt-toolbar +window.csd > box.vertical > box.vertical, +window.solid-csd > box.vertical > box.vertical { + > toolbar.horizontal { + padding: $space-size; + // margin: -1px 0; + border-bottom: none; + box-shadow: none; + background-color: transparent; + + > toolitem > .linked > button, + > toolitem > box.horizontal > button { + @extend %circular-button; + @extend %image-button; + } + } + + > frame { + margin: -1px 0; + padding: 0; + + > border { border: none; } + } +} + +// hard-coded spacing depends on non-scalable unit, +// seems cover-art widget is the most biggest thing? +window.background > box.vertical > toolbar.primary-toolbar { + > toolitem { + > .linked > button.image-button.raised { // 'shuffle/repeat' + @extend %circular-button; + @extend %image-button; + + > widget > box > image { padding: 0; } + } + + button.flat.scale { // 'volume' + @extend %circular-button; + @extend %image-button; + } + + > box.horizontal:not(.linked) > button.toggle, + > .linked > button:not(.toggle):not(.raised):not(.flat) { + @extend %circular-button; + @extend %image-button; + } + } +} + + +/********** + * Polari * + **********/ +.polari-room-list { + .sidebar { + background: none; + + > row.activatable:selected { + background-color: $primary; + color: on($primary); + + // > widget > box.horizontal > label { + // color: $text; // not use ! + // } + } + } +} + +stack.view.polari-entry-area { + background-color: $background; + border-top: 1px solid $divider; + border-bottom-right-radius: $window-radius; +} + +stack:disabled.view.polari-entry-area { background-image: image($background); } + +/*********** + * Builder * + ***********/ +// based css for 3.22: +// https://gitlab.gnome.org/GNOME/gnome-builder/tree/gnome-builder-3-22/data/theme +// based css for 3.24: +// https://gitlab.gnome.org/GNOME/gnome-builder/tree/gnome-builder-3-24/data/theme +// based css for 3.26: +// https://gitlab.gnome.org/GNOME/gnome-builder/tree/gnome-builder-3-26/data/themes + +// Layout tab and tab bar tweaks +// The following makes the layout stack header look similar to a tab bar. +layouttabbar { + border-bottom: 1px solid $divider; + background-color: $background; + + button { @extend %button-flat; } + + > box > button { + margin: (40px - $medium-size) / 2 0; + // border-radius: 0; + } +} + +layouttab { + margin: 0 8px; // not working + border-style: none solid; + border-width: 1px; + border-color: $frame; + box-shadow: inset 0 -2px $primary; + background-color: $base; + + separator.vertical { margin: 8px 4px; } + + button { + &.text-button, &.image-button, & { + margin-top: 8px; + margin-bottom: 8px; + padding: 0 4px; + } + } + + // Close button styling for layouttab. + // > box > button.close { @extend %circular-button; } +} + +layout { + border: 1px solid $frame; + -PnlDockBin-handle-size: 1; +} + +entry.search-missing { + background-color: $error; + color: on($error); +} + +// tweak icons for treeviews +window.workbench treeview.image { + color: $text-secondary; +} + +popover.popover-selector list { + padding: 8px - 2px; + + row { + border-radius: $corner-radius; + + image { + &:dir(ltr) { margin-right: 6px; } + &:dir(rtl) { margin-left: 6px; } + } + + .accel { + &:dir(ltr) { margin-left: 6px; } + &:dir(rtl) { margin-right: 6px; } + } + } +} + +omnibar { + &.linked:not(.vertical) entry { border-radius: $corner-radius; } + + &:not(:hover):not(:active) entry { color: $text-secondary; } +} + +popover.omnibar list row:not(:last-child) { + border-bottom: 1px solid $divider; +} + +entry.preferences-search { + border-bottom: 1px solid $divider; + box-shadow: none; + background-color: $base; + + // doesn't work properly + // &:dir(ltr) { border-right: 1px solid $divider; } + // &:dir(rtl) { border-left: 1px solid $divider; } +} + +preferences stacksidebar.sidebar { + list { background-color: $base-alt; } + + &:dir(ltr), + &:dir(rtl) { list { border-style: none; }} + + list separator { @extend %hide_separators; } +} + +preferences > box > box { + &:dir(ltr) { border-right: 1px solid $divider; } + &:dir(rtl) { border-left: 1px solid $divider; } +} + +popover.messagepopover { + &.background { padding: 0; } + + .popover-action-area button { + @extend %button-flat-simple; + + padding: 8px 16px; + border-top: 1px solid $divider; + border-radius: 0; + + &:first-child { border-bottom-left-radius: $corner-radius; } + + &:last-child { border-bottom-right-radius: $corner-radius; } + } + + .popover-content-area { margin: 16px; } +} + +popover.transfers list { + background-color: transparent; + + row:not(:first-child) { border-top: 1px solid $divider; } + + row > box { padding: 10px; } +} + +dockbin { + border: 1px solid $frame; + -PnlDockBin-handle-size: 1; +} + +dockpaned { + border: 1px solid $frame; +} + +eggsearchbar box.search-bar { + padding: 0 8px; + border-bottom: 1px solid $divider; + background-color: $background; +} + +docktabstrip { + padding: 0 8px; + border-bottom: 1px solid $divider; + background-color: $background; +} + +docktab { + transition: $transition, + background-size 0ms, + background-image 0ms; + min-height: $small-size; + min-width: $small-size; + margin-bottom: -1px; + padding: $space-size 6px; + + border-width: 1px; // for reorderable tabs + border-color: transparent; // + + box-shadow: inset 0 -2px transparent; + background-image: radial-gradient(circle, $primary 10%, transparent 0%); + background-repeat: no-repeat; + background-position: center; + background-size: 0% 0%; + + color: $text-secondary; + font-weight: 500; + + &:hover { + background-color: $overlay-hover; + color: $text; + } + + &:checked { + transition: $transition, + background-size $ripple-fade-in-duration $ease-out, + background-image $ripple-fade-in-duration + $ripple-fade-out-duration $ease-out; + box-shadow: inset 0 -2px $primary; + background-color: transparent; + background-image: radial-gradient(circle, transparent 10%, transparent 0%); + background-size: 1000% 1000%; + color: $text; + } +} + +dockoverlayedge { + background-color: $background; + + docktabstrip { + padding: 0; + border: none; + } + + &.left-edge docktab:checked { box-shadow: inset -2px 0 $primary; } + + &.right-edge docktab:checked { box-shadow: inset 2px 0 $primary; } +} + +pillbox { + background-color: $background; + border-radius: $corner-radius; +} + +buildperspective row { + // padding: 10px; +} + +layoutpane entry.search { + border-bottom: 1px solid $divider; + box-shadow: none; + background-color: $base; +} + +editortweak entry.search { + margin-bottom: -1px; + box-shadow: none; + background-color: transparent; +} + +// +// let's tweak hard-coded elements +// + +.gb-search-entry-occurrences-tag { + box-shadow: none; + background-color: transparent; +} + +// Keep search bar and layouttab height in sync. +// layouttabbar > box, +// eggsearchbar > revealer > box, +docktabstrip { + min-height: 39px; +} + +eggsearchbar entry { + // min-height: 24px; +} + +window.workbench preferences preferencesgroup list entry { + // background: none; + // min-height: 0px; + padding-top: 8px; + padding-bottom: 8px; +} + +button.run-arrow-button { + // min-width: 12px; + padding-left: ($medium-size - 16px) / 2; + padding-right: ($medium-size - 16px) / 2; +} + +// +// Additional styles for 3.26 +// + +button.dzlmenubutton image { + min-width: $medium-size - 6px; + + &.arrow { min-width: $medium-size - 9px; } +} + +button.dzlmenubuttonitem { + color: $text; + font-weight: normal; + + &:disabled { color: $text-disabled; } +} + +idelayoutstackheader { + border-bottom: 1px solid $divider; + + button:checked { color: $text; } +} + +// utilities stack switcher +ideeditorutilities > dzldockpaned > box > stackswitcher { + padding: 8px 0; + background-color: $background; + + &:dir(ltr) { border-right: 1px solid $divider; } + + &:dir(rtl) { border-left: 1px solid $divider; } + + button { + border-radius: 0; + box-shadow: none; + background-color: transparent; + + &:active { + background-image: radial-gradient(circle, rgba($primary, 0.7) 10%, transparent 0%); + } + + &:checked { + background-color: transparent; + color: $text; + } + + &:dir(ltr) { + margin-right: -1px; + + &:checked { box-shadow: inset -2px 0 $primary; } + } + + &:dir(rtl) { + margin-left: -1px; + + &:checked { box-shadow: inset 2px 0 $primary; } + } + } +} + +// buildui panel +ideeditorsidebar notebook header { + background: transparent; +} + +popover.messagepopover { + // padding: 0; + + list { + border: 1px solid $divider; + + row:not(:last-child) { border-bottom: 1px solid $divider; } + } +} + + +/********** + * Photos * + **********/ +// based css: +// https://gitlab.gnome.org/GNOME/gnome-photos/blob/master/data/Adwaita.css + +GdMainIconView.content-view { + -GdMainIconView-icon-size: 48; + + // Make spinner visible on both dark and bright backgrounds w/o making + // it look ugly/weird. + // &.cell:active { color: $text-disabled; } +} + +.documents-counter { + margin: 8px; + border-radius: $circular-radius; + box-shadow: $shadow-z4; + background-color: $primary; + color: on($primary); + font-weight: bold; +} + +.photos-entry-tag { + @extend .entry-tag; +} + +.documents-scrolledwin.frame { + border-style: none; + + frame.content-view > border { border-style: none; } +} + +.photos-icon-bg { +} + +.photos-fade-in { + opacity: 1; + transition: opacity $duration $ease-out; +} + +.photos-fade-out { + opacity: 0; + transition: opacity $duration $ease-out; +} + +.photos-collection-icon { +} + +button.photos-filter-preview { + color: $text; + font-weight: normal; + + &:checked { + background-color: $overlay-selected; + color: $text; + + image { + color: on(dark); + } + } +} + +overlay grid.horizontal > revealer > scrolledwindow.frame { + &:dir(ltr) { border-style: none none none solid; } + &:dir(rtl) { border-style: none solid none none; } +} + + +/********* + * Music * + *********/ +// hard-coded css: +// https://gitlab.gnome.org/GNOME/gnome-music/blob/master/data/application.css + +.side-panel:dir(ltr) { + // border-width: 0 1px 0 0; + border-style: solid; + border-color: $divider; +} + +.side-panel:dir(rtl) { + // border-width: 0 0 0 1px; + border-style: solid; + border-color: $divider; +} + +.side-panel .view { + // background-color: mix(@theme_fg_color, @theme_bg_color, 0.9); + background-image: image($base-alt); + + &:hover { background-image: image(mix($text, $base-alt, percentage(0.08))); } +} + +.side-panel .view:selected { + // background-color: mix(@theme_fg_color, @theme_bg_color, 0.5); + background-image: image($primary); + + &:hover { background-image: image(mix(on($primary), $primary, percentage(0.08))); } +} + +.songs-list { + // box-shadow: inset 0 -1px shade(@borders, 1.30); + // background-color: @theme_bg_color; + + &:hover { background-image: image($overlay-hover); } +} + +frame.documents-dropdown { + @extend %toolbar_osd; + + margin: 8px; + + > border { border: none; } +} + +box.vertical > revealer > toolbar.search-bar { + border-bottom: 1px solid $divider; + background-clip: border-box; // avoid black border + + button > widget { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + // -GtkArrow-arrow-scaling: 1; + } +} + + +/************* + * Documents * + *************/ +// documents-scrolledwi (Totem, Documents, EvView) +.documents-scrolledwin { + background-color: transparent; + + .content-view:not(:selected):not(:hover) { + background-color: transparent; + // border-radius: 0 0 $window-radius $window-radius; + } + + viewport.frame { // Documents + background-color: transparent; + + widget > frame.content-view:not(:selected):not(:hover) { + border { border: none; } + + background-color: transparent; + // border-radius: 0 0 $window-radius $window-radius; + } + } +} + + +/******************* + * Document Viewer * + *******************/ +window.background.csd { + // > box.vertical { + // > paned.horizontal > box.vertical > scrolledwindow { + // > treeview.view:not(:hover):not(:selected) { background-color: transparent; } + // } + // } + + evview.view.content-view { + border-radius: 0 0 $window-radius $window-radius; + + &:selected, &:selected:backdrop { + @extend %selected_items_primary; + } + } +} + + +/********************************* + * Archive Manager (File roller) * + *********************************/ +.background.csd { + > grid.horizontal > paned.horizontal { + > scrolledwindow { + border-radius: 0 0 $window-radius $window-radius; + background-color: $base; + + > treeview.view:not(:hover):not(:selected):not(:selected):not(:hover):not(.progressbar):not(.expander):not(.trough):not(.separator) { + background-color: $base; + } + } + + > box.vertical { + > scrolledwindow { + border-radius: 0 0 0 $window-radius; + background-color: $background; + } + } + } +} + + +// /************** +// * Gnome Disk * +// **************/ +// window.background.csd { +// > box.vertical > paned.horizontal { +// > scrolledwindow { +// treeview.view:not(:selected):not(:hover) { +// background-color: transparent; +// } +// } +// } +// } + + +/************ + * Terminal * + ************/ +terminal-window { + decoration { + border-radius: $window-radius $window-radius 0 0; + } + + &.background.csd, + &.background.csd.maximized { border-radius: 0 0 0 0; } // Fixed gnome 3.32 issue: Unable to restore window size after maximization + + notebook > header { + > box { + // Remove hard-coded margin around button(s) + margin: -2px -2px -2px 1px; + + button { + min-height: $small-size; + min-width: $small-size; + padding: $space-size / 2; + } + } + } +} + +window.background { // gnome-terminal 3.32 setting + > box.vertical > box.horizontal > frame { + > border { + border-width: 0 1px 0 0; + } + + > scrolledwindow > viewport.frame { + list { + border-bottom-left-radius: $window-radius; + } + } + } + + > box.vertical > box.horizontal > stack { + > widget > notebook.frame { + border-width: 0; + + > stack { + border-bottom-right-radius: $window-radius; + } + } + } +} + +/********* + * To Do * + *********/ +// less than 3.28 +task-list-view { + taskrow { + transition: $transition; + margin: 0 -8px; + + &:hover { transition: none; } + + label { margin: 0 8px; } + + image.dim-label { min-width: 16px; } + } + + > box > revealer > box > button { + margin: (12px * 2 - $medium-size) / 2; + + .dim-label { color: inherit; } + } +} + +// 3.28 or later +tasklistview { + taskrow { + outline: none; + + entry { + &, &:focus, &:disabled { box-shadow: none; } + } + + image.dim-label { min-width: 16px; } + } + + > box > revealer > box > button { + margin: (12px * 2 - $medium-size) / 2; + + .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: $window-radius; + } +} + + +/******** + * Gitg * + ********/ +frame.commit-frame > border { border-style: solid none none; } + + +/************** + * Characters * + **************/ +box.dialog-vbox scrolledwindow.related { border: 1px solid $frame; } + +list.categories { background-image: image($base-alt); } + + +/********* + * Boxes * + *********/ +.transparent-bg + stack overlay > label { + min-height: 24px; + padding: 0 4px; + border-radius: $corner-radius; + background-color: $scrim; + color: on($scrim); +} + + +/************** + * Calculator * + **************/ +button.title label { min-height: $medium-size; } + + +/********* + * Geary * + *********/ +window.background.csd.geary-main-window, +window#GearyMainWindow.background.csd { + > deck > overlay > + box.vertical > paned.horizontal > box.sidebar.vertical { + border-bottom-left-radius: $window-radius; + + statusbar { + border-bottom-left-radius: $window-radius; + } + } + + stack#conversation_viewer { + border-bottom-right-radius: $window-radius; + + scrolledwindow.geary-conversation-scroller { + viewport.frame { + list.conversation-listbox { + background: none; + border-bottom-right-radius: $window-radius; + } + } + } + + .geary-expanded { + animation: none; + background-image: none; + + > .geary-composer-embed { + actionbar > revealer > box { border-radius: 0; } + + headerbar { + color: $text; + background-color: $background; + box-shadow: none; + border-bottom: 1px solid $frame; + + button { @extend %button-flat; } + } + } + } + + .geary-composer-box { + actionbar > revealer > box { border-bottom-left-radius: 0; } + } + } +} + +preferencesgroup, .geary-accounts-editor-pane { + list { + @extend %circular_list; + + row.activatable { @extend %circular_row; } + } +} + +.geary-accounts-editor-pane { + frame:not(.geary-signature) > border, + scrolledwindow.frame { border: none; } +} + +.geary-main-window.unified { + > deck > overlay > .geary-main-layout { + background-color: $base; + + > leaflet > headerbar, + > leaflet > leaflet > headerbar { + box-shadow: inset 0 -1px $border; + } + + > leaflet > separator.sidebar, // centry + > leaflet > leaflet > separator.sidebar { // left + // border-right: none; + background-color: $titlebar; + box-shadow: inset 0 -1px $border; + transition: background-color $duration $ease-out, + color $duration $ease-out, + box-shadow $duration $ease-out; + + &:backdrop { background-color: $titlebar-backdrop; } + } + + > leaflet > leaflet > box.vertical + separator.sidebar { + min-width: 1px; + background-color: $border; + } + } + + frame.geary-conversation-frame { // center part + scrolledwindow { + // margin: -1px 0; // hide .view top border + padding: $space-size / 2; + + treeview.view { + border: 1px solid transparent; + border-radius: $corner-radius; + padding: $space-size; + + &:selected, &:active { + border-radius: $corner-radius; + background-color: $primary; + color: on($primary); + } + } + } + } + + separator.geary-sidebar-pane-separator { + min-width: 1px; + background-color: $divider; + } + + geary-conversation-viewer#conversation_viewer { // right side + list.background.conversation-listbox.content { + > row.activatable { + border: 1px solid $divider; + border-bottom-width: 0; + background-color: $base; + + &:first-child { + border-top-left-radius: 8px; + border-top-right-radius: 8px; + } + } + + .geary-attachment-pane { + border-radius: 0 0 8px 8px; + + actionbar.background { + background-color: transparent; + + > revealer > box { + border-radius: 0 0 6px 6px; + } + } + } + } + } +} + + +/************** + * Extensions * + **************/ +window.background.csd { + > stack, // GameMode setting + > stack > scrolledwindow > viewport > box, // User Themes (Workspace) setting + > box > stack > scrolledwindow > viewport > box { + > list { + @extend %circular_list; + + row.activatable { @extend %circular_row; } + } + } + + stack stack stack frame, // ArcMenu setting + > stack > stack > box > frame, // Night Theme Switcher setting + > stack > stack > box > box > frame, // Night Theme Switcher setting bottom lists + > stack > box > stack > box > frame, // ArcMenu setting + > stack > box > stack > scrolledwindow > viewport frame, // ArcMenu setting + > stack > box > stack > box > scrolledwindow > viewport > frame, // ArcMenu setting + > stack > grid > scrolledwindow > viewport > box > frame { // GSConnect setting + > border { border: none; } + + > list { + @extend %circular_list; + + row.activatable { @extend %circular_row; } + } + } + + > stack > box > box > list, + > stack > box > stack > scrolledwindow > viewport > list { // ArcMenu setting sidebar + border-bottom-left-radius: $window-radius; + } + + > 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 $window-radius; } + list:last-child { border-radius: 0 0 $window-radius 0; } + } + } + } + + > stack, + > stack > stack { + > scrolledwindow { + border-radius: 0 0 $window-radius $window-radius; + background-color: $base; + + iconview.view:not(:hover):not(:selected):not(:active) { // Wallpaper setting window + // @extend %view; + background-color: transparent; + } + } + } + + > stack { + > scrolledwindow > viewport.frame { + > list { + border-radius: 0 0 $window-radius $window-radius; + + row.activatable:not(:hover):not(:selected):not(:active) { + background-color: transparent; + } + } + } + + // > box.vertical > stack.view { + // > scrolledwindow > treeview.view:not(:hover):not(:selected):not(:active) { + // background-color: transparent; + // } + // } + + toolbar.toolbar { + border-radius: 0 0 $window-radius $window-radius; + } + } + + > notebook { + > stack { + border-radius: 0 0 $window-radius $window-radius; + } + } + } + + stack scrolledwindow { + &.frame { + border-radius: $corner-radius; + + textview.view { + border-radius: $corner-radius; + + > text { + background: none; + } + } + + // treeview.view:not(:hover):not(:selected) { background: none; } + } + + viewport.frame { + &.view { border-radius: $corner-radius; } + } + } +} + + +// +// unified window +// + +window.background.csd.unified { + // Remove the sheen on headerbar... + headerbar { + box-shadow: inset 0 -1px $border; + } + + // ...and add it on the window itself + > decoration-overlay { + @if $rimless == 'true' { + box-shadow: inset 0 1px highlight($titlebar); + } @else { + box-shadow: inset 0 0 0 1px highlight($titlebar); + } + } + + &, + > decoration, + > decoration-overlay { + border-radius: $window-radius; + } + + &.tiled, + &.tiled-top, + &.tiled-right, + &.tiled-bottom, + &.tiled-left, + &.maximized, + &.fullscreen { + > decoration-overlay { + box-shadow: none; + } + + &, + > decoration, + > decoration-overlay { + border-radius: 0; + } + } +} diff --git a/src/src/sass/gtk/apps/_gnome-4.0.scss b/src/src/sass/gtk/apps/_gnome-4.0.scss new file mode 100644 index 00000000..6bd9a99b --- /dev/null +++ b/src/src/sass/gtk/apps/_gnome-4.0.scss @@ -0,0 +1,67 @@ + + %circular_list { + border-radius: $corner-radius + 1px; + box-shadow: none; + border: 1px solid $divider; + } + + %circular_row { + &:first-child { + border-top-left-radius: $corner-radius; + border-top-right-radius: $corner-radius; + } + + &:last-child { // Not use ? + border-bottom-left-radius: $corner-radius; + border-bottom-right-radius: $corner-radius; + } + + &:only-child { + border-radius: $corner-radius; + } + + &:focus { + box-shadow: inset 0 0 0 2px $overlay-focus; + } + } + +/************** + * Extensions * + **************/ +window.background.csd { + > stack, // GameMode setting + > stack > scrolledwindow > viewport > box, // User Themes (Workspace) setting + > box > stack > scrolledwindow > viewport > box { + > list { + @extend %circular_list; + + row.activatable { @extend %circular_row; } + } + } + + stack stack stack frame, // ArcMenu setting + > stack > stack > box > frame, // Night Theme Switcher setting + > stack > stack > box > box > frame, // Night Theme Switcher setting bottom lists + > stack > box > stack > box > frame, // ArcMenu setting + > stack > box > stack > scrolledwindow > viewport frame, // ArcMenu setting + > stack > box > stack > box > scrolledwindow > viewport > frame, // ArcMenu setting + > stack > grid > scrolledwindow > viewport > box > frame { // GSConnect setting + > border { border: none; } + + > list { + @extend %circular_list; + + row.activatable { @extend %circular_row; } + } + } + + > stack > box > box > list, + > stack > box > stack > scrolledwindow > viewport > list { // ArcMenu setting sidebar + border-bottom-left-radius: $window-radius; + } + + > stack > box > .sidebar > scrolledwindow > viewport > list { + padding: 0 0; + } +} + diff --git a/src/src/sass/gtk/apps/_lightdm.scss b/src/src/sass/gtk/apps/_lightdm.scss new file mode 100644 index 00000000..7f455625 --- /dev/null +++ b/src/src/sass/gtk/apps/_lightdm.scss @@ -0,0 +1,97 @@ +// based css: +// https://bazaar.launchpad.net/~lightdm-gtk-greeter-team/lightdm-gtk-greeter/trunk/view/head:/data/sample-lightdm-gtk-greeter.css + +/************************ + * LightDM GTK+ Greeter * + ************************/ +// the panel widget at the top +#panel_window { + background-color: $scrim-alt; + color: on($scrim-alt); + // font-weight: bold; + + // the menubars/menus of the panel, i.e. indicators + menubar, + separator { background-color: transparent; } + + separator { + padding: 0 4px; + + &:first-child { padding: 0 8px; } + } + + menubar > menuitem { + color: on($scrim-alt, secondary); + + &:hover { color: on($scrim-alt); } + + &:disabled label { color: on($scrim-alt, secondary-disabled); } + } +} + +// the login window +#login_window, +#shutdown_dialog, +#restart_dialog { + margin: 8px; + border-radius: $corner-radius; + box-shadow: $shadow-z4, inset 0 1px highlight($surface); + background-color: $surface; +} + +// the top half of the login-window, in GtkDialog terms, the content +#content_frame { + padding-bottom: 28px - 12px; // take into account the hard-coded 12px margin_bottom +} + +#login_window { + // the user-combobox + #user_combobox button {} + + // the entries, one for the username, one for the password + entry {} +} + +// the buttons, alternatively this could also be done with a simple ".lightdm-gtk-greeter button" +#login_window button, +#shutdown_dialog button, +#restart_dialog button { +} + +.lightdm-gtk-greeter button { +} + +// the user's avatar box +#user_image { +} + +// the border around the user's avatar box +#user_image_border { +} + +// the lower half of the login-window, in GtkDialog terms the buttonbox or action area +#buttonbox_frame { + padding-top: 24px; + + > box, + > buttonbox { margin: -16px; } + + button { + @extend %button-flat; + + &:not(:disabled) { color: $primary; } + } +} + +// the shutdown button +#shutdown_button { +} + +// the restart button +#restart_button { +} + +// the warning, in case a wrong password is entered or something else goes wrong according to PAM +#greeter_infobar { + // font-weight: bold; +} diff --git a/src/src/sass/gtk/apps/_mate.scss b/src/src/sass/gtk/apps/_mate.scss new file mode 100644 index 00000000..4d0a32b2 --- /dev/null +++ b/src/src/sass/gtk/apps/_mate.scss @@ -0,0 +1,494 @@ +// based css: +// https://github.com/mate-desktop/mate-themes/blob/master/desktop-themes/Menta/gtk-3.0/mate-applications.css + +/************** + * Mate-Panel * + **************/ +// first make all transparent +.mate-panel-menu-bar menubar, +#PanelApplet-window-menu-applet-button { + background-color: transparent; +} + +// let's start it +.mate-panel-menu-bar { + background-color: $panel; + color: on($panel, secondary); + font-weight: 500; + + button { + @extend %button-flat; + @extend %button-on-dark; + + min-height: 16px; + min-width: 16px; + padding: 0; // NOTE: Most buttons padding are hard-coded to 0 (except for hide buttons) + border-radius: 0; + } +} + +// hide buttons +PanelToplevel.horizontal > grid > button { + min-width: 24px; +} + +PanelToplevel.vertical > grid > button { + min-height: 24px; +} + +#PanelApplet { + // border-width: 0; +} + +PanelSeparator { + color: on($panel, divider); +} + +// the grid left from na-tray and wncktasklist +MatePanelAppletFrameDBus { + border-style: solid; + border-color: on($panel, divider); + + .mate-panel-menu-bar.horizontal & { border-width: 0 1px; } + .mate-panel-menu-bar.vertical & { border-width: 1px 0; } +} + +// main menu +.mate-panel-menu-bar { + // set normal menubar button + menubar > menuitem { + color: on($panel, secondary); + + &:hover { color: on($panel); } + + &:disabled { color: on($panel, secondary-disabled); } + } + + &.horizontal menubar > menuitem { padding: 0 8px; } + &.vertical menubar > menuitem { padding: 8px 0; } + + // set normal menubar menuitem + menubar menu > menuitem { + // adjust sizing since the menuitem has large icons + min-height: $menuitem-size; + padding: 0 6px; + // font-weight: initial; + } +} + +// all applets +.mate-panel-menu-bar #PanelApplet button { + -GtkWidget-window-dragging: true; + // padding: 4px; +} + +.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; + + &:checked { + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), + currentColor 100%, + transparent 0%) + 0 0 2 / 0 0 2px; + } + + // instead of #tasklist-button { padding: 0 4px; } + image:dir(ltr), label:dir(rtl) { padding-left: 4px; } + label:dir(ltr), image:dir(rtl) { padding-right: 4px; } +} + +// #tasklist-button is always horizontal even if the panel is vertical +.mate-panel-menu-bar.vertical #tasklist-button { min-height: 32px; } + +#showdesktop-button { + .mate-panel-menu-bar.horizontal & image { + min-width: 24px; + padding: 0 4px; + } + + .mate-panel-menu-bar.vertical & image { + min-height: 24px; + padding: 4px 0; + } +} + +// WnckPager +PanelApplet.wnck-applet .wnck-pager { + background-color: transparent; + color: $primary; + + &:hover { background-color: $overlay-hover; } + + &:active { background-color: $overlay-active; } + + &:selected { background-color: $primary; } +} + +#clock-applet-button { + .mate-panel-menu-bar.horizontal & label { padding: 0 8px; } + .mate-panel-menu-bar.vertical & label { padding: 8px 0; } +} + +#MatePanelPopupWindow { + border: 1px solid $frame; + border-radius: $corner-radius + 1px; + box-shadow: inset 0 1px highlight($surface); + background-color: $surface; + + frame > border { border-style: none; } + + calendar { + border-style: none; + + &:not(:selected) { background-color: transparent; } + + // Add separator between calendar and location + + box { + margin-top: -5px; + padding-top: 5px; + border-top: 1px solid $divider; + } + } + + expander > title { min-height: 32px; } + + button { + @extend %button-flat-simple; + + padding: 4px 16px; + } + + // Weird, this sets the border color of the clockmap + > frame > box > box > box > widget { color: $divider; } +} + +na-tray-applet { + -NaTrayApplet-icon-padding: 3px; + -NaTrayApplet-icon-size: 16; +} + +// remove right space a bit +na-tray-applet > widget > box { + // margin-right: 2px; +} + +// no background for icon-padding area +na-tray-applet widget box widget { + // background-color: transparent; +} + +// Classic icon style +.mate-panel-menu-bar { + -PanelMenuBar-icon-visible: true; +} + +// volume applet, brightness applet +.mate-panel-applet-slider { + border: 1px solid $frame; + border-radius: $corner-radius + 1px; + box-shadow: inset 0 1px highlight($surface); + background-color: $surface; + + frame > border { border-style: none; } +} + +// mate-menu + +// #PanelApplet itself cannot change the background-color +#PanelApplet { + &:not(:selected) > box { transition: $transition; } + + &:selected > box { + background-color: $overlay-checked; + color: on($panel); + } +} + +#mate-menu { + // FIXME, does not work + border: 1px solid $frame; + background-color: $surface; + + button { + @extend %button-flat-simple; + + min-height: 24px; + min-width: 24px; + padding: 4px 0; + color: $text; + font-weight: normal; + + &:not(.flat) { background-color: $overlay-checked; } + + image, + label + label { color: $text-secondary; } + } + + entry { + margin: 0 0 4px; + + image { margin: 0; } + + + button { + margin: 0 4px 4px; + padding: ($medium-size - 24px) / 2; + } + } +} + +// brisk-menu +.brisk-menu { + box-shadow: inset 0 1px highlight($surface); + background-color: $surface; + + entry { + margin-bottom: -2px; + border-bottom: 1px solid $divider; + border-image: none; + box-shadow: none; + background-color: transparent; + } + + entry + box > box { + &:dir(ltr) { + margin-right: -2px; + border-right: 1px solid $divider; + } + + &:dir(rtl) { + margin-left: -2px; + border-left: 1px solid $divider; + } + } + + .categories-list { + padding-top: 4px; + + button { + margin: 0 4px; + + &:checked { color: $primary; } + } + } + + .session-button { padding: ($large-size - 24px) / 2; } + + .frame { border-style: none; } + + .apps-list { + padding: 4px 0; + background-color: transparent; + + row { + padding: 0; + + &:hover { box-shadow: none; } + } + + button { + border-radius: 0; + color: $text; + font-weight: normal; + } + } +} + + +/********************* + * CAJA File manager * + *********************/ +// pathpar toggle button +.caja-navigation-window button.toggle.image-button { + border-radius: $corner-radius; +} + +// pathbar +// pathbar buttons +.caja-pathbar button { + margin: 0 -1px 0 -2px; + // padding: 4px; + + @extend %pathbar_button; + + // NOTE: padding is hard-coded to 0 + &.slider-button { min-width: 24px; } + + // arrow button + > widget { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + -GtkArrow-arrow-scaling: 1; + } +} + +// places, treeview, history, information, emblems and notes +// .caja-side-pane notebook treeview.view, +// .caja-side-pane notebook textview.view text, +.caja-side-pane notebook viewport.frame, +.caja-side-pane notebook widget .vertical { + background-color: $base; +} + +// treeview rows +.caja-side-pane treeview.view { + // padding: 2px 0; +} + +.caja-side-pane notebook, +.caja-notebook { + border-top: 1px solid $divider; + + .frame { border-style: none; } +} + +// window and desktop mode +.caja-canvas-item { + border-radius: $corner-radius; +} + +// desktop mode +.caja-desktop.caja-canvas-item { + @extend %desktop-canvas-item; +} + +.caja-desktop EelEditableLabel.entry { +} + +// override https://github.com/mate-desktop/caja/blob/master/data/caja.css +.caja-desktop.view .entry, +.caja-navigation-window .view .entry { + border: none; + border-radius: $corner-radius; + background-color: $fill; + background-image: none; + color: $text; + + &:selected { background-color: $overlay-selected; } +} + +.caja-desktop.view .entry { + background-color: $scrim-alt; + color: on(dark); + caret-color: currentColor; // this shouldn't be needed. + + &:selected { background-color: $overlay-selected; } // FIXME: this should have light overlay. +} + +// statusbar +.caja-navigation-window statusbar { + margin: 0 -10px; + padding: 0 4px; + border-top: 1px solid $divider; +} + +// infobar +.caja-notebook frame > border { + border-style: none; +} + +#caja-extra-view-widget { + border-bottom: 1px solid $divider; + background-color: $base; // needs overriding + + > box > box > label { font-weight: bold; } +} + + +/********* + * Pluma * + *********/ +// Pluma status bar +.pluma-window statusbar { + margin: 0 -10px; + padding: 0 4px; + border-top: 1px solid $divider; + + frame { + > border { border-style: none; } + + button.flat { + padding: 0 4px; + border-radius: 0; + + widget { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + -GtkArrow-arrow-scaling: 1; + } + } + } +} + +// Printpreview +.pluma-print-preview { + toolbar { border-bottom: 1px solid $divider; } + + // scrolledwindow { background-color: $base; } +} + +// sidebar file-browser +.pluma-window paned.horizontal box.vertical { + box.horizontal button.flat { + margin: 1px; + + @extend %small-button; + } + + .frame { border-style: none; } + + notebook.frame { + margin-top: -1px; + border-top: 1px solid $divider; + + box.vertical toolbar.horizontal { border-bottom: 1px solid $divider; } + } +} + + +/********* + * Atril * + *********/ +.atril-window paned.horizontal box.vertical { + .frame { border-style: none; } + + notebook .frame { border-top: 1px solid $divider; } +} + + +/* mate-screensaver lock dialog */ +.lock-dialog { + border: 1px solid $frame; + border-radius: $corner-radius + 1px; + box-shadow: $shadow-z4, inset 0 1px highlight($surface); // not sure if box-shadow works here + background-color: $surface; + + frame > border { border-style: none; } + + button { + @extend %button-flat; + + &:not(:disabled) { color: $primary; } + } +} + +/* multimedia OSD */ +MsdOsdWindow.background.osd { + border-radius: $corner-radius; + background-color: $tooltip; + color: on($tooltip); + + .trough { + border-radius: 0; + background-color: on($tooltip, track-disabled); + } + + .progressbar { + border-radius: 0; + background-color: $primary; + } + + // For mate-settings-daemon noncomposited osd windows + &.msd-osd-window-solid { + } +} diff --git a/src/src/sass/gtk/apps/_misc.scss b/src/src/sass/gtk/apps/_misc.scss new file mode 100644 index 00000000..7622542a --- /dev/null +++ b/src/src/sass/gtk/apps/_misc.scss @@ -0,0 +1,347 @@ +/********* + * Tilix * + *********/ +overlay > revealer { + &.left > scrolledwindow.frame, + &.right > scrolledwindow.frame { + border-style: none; + box-shadow: $shadow-z16; + } + + &.left > scrolledwindow.frame { margin-right: 32px; } + + &.right > scrolledwindow.frame { margin-left: 32px; } +} + +.terminix-session-sidebar, // for backward compatibility +.tilix-session-sidebar { background-image: image($surface); } + +.terminal-titlebar button { border-radius: 0; } + +button.image-button.session-new-button { min-width: $medium-size - 4px; } + +// Remove extra padding +notebook.tilix-background tab > box > stack { margin: -6px; } + +button.flat.tilix-small-button { + // NOTE: padding is hard-coded with: + // padding: 2px 4px; + min-height: $small-size - 2px * 2; + min-width: $small-size - 4px * 2; +} + + +/************** + * Terminator * + **************/ +.terminator-terminal-window { + paned > separator { background-color: $background; } + + // this should be fixed by the upstream + notebook.frame { border-style: none; } +} + + +/************* + * Ubitquity * + *************/ +#live_installer .menubar progressbar trough { + border-radius: 4px; // Adjust to hard-coded progress border-radius + background-color: $titlebar-track-disabled; +} + + +/*********** + * Eclipse * + ***********/ +window.background > box.vertical > scrolledwindow > widget toolbar { + padding: 2px; + + separator, + button { margin: 2px; } + + button { border-radius: $corner-radius; } +} + + +/************ + * Chromium * + ************/ +window.background.chromium { + background-color: $surface; + + // FIXME: There is no way to change the color of the toolbar buttons + // toolbar button { color: $text-secondary; } + + // 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 { + color: $primary; + + &:disabled { color: $text-secondary-disabled; } + } + + menubar, + headerbar { color: $titlebar-text-secondary; } + + // Workaround for non-animatable buttons in headerbar + headerbar button:active { background-color: $overlay-active; } + + spinner { color: $primary; } + + // For text field + textview.view { background-color: transparent; } + + // For prominent button, starred icon, etc. + treeview.view.cell:selected:focus { + background-color: $primary; + color: on($primary); + } + + // For table header + treeview.view button { + border: 1px solid $track; + background-color: $base; // FIXME: This should not be necessary + // color: $text-secondary; + } + + menu { + border-color: if($variant == 'light', darken($background, 20%), lighten($background, 16%)); + + menuitem { border-radius: 0; } + } +} + +tooltip.background.chromium { background-color: rgba($tooltip, 1); } + + +/*********** + * Firefox * + ***********/ +#MozillaGtkWidget { + > widget { + // For popover, entry in toolbar, etc. + text { background-color: $surface; } + + // For selection, active tab indicator, etc. + text:selected { + // Use traditional selection style as workaround + background-color: $primary; + color: on($primary); + } + + // For separators in bookmark toolbar + > separator { color: $solid-border; } + + // avoid black border + > scrollbar { background-clip: border-box; } + + // Emphasize toolbar's border-bottom + > frame > border { border-color: $solid-border; } + + > entry, + > button > button { + border: 1px solid $solid-border; + border-radius: $corner-radius; + box-shadow: none; + + &:disabled { border-color: $track-disabled; } + } + + > entry { + min-height: 32px - 2px; + background-color: $base; + + &:focus { + border-color: $primary; + box-shadow: inset 0 0 0 1px $primary; + } + + &:disabled { background-color: $base-alt; } + } + + > button > button { + padding: 4px 8px; + background-size: auto; + + &:hover { box-shadow: inset 0 0 0 9999px $overlay-hover; } + + &:active { background-image: image($overlay-active); } + } + + // use 16px assets for hard-coded sizing + > checkbutton > check { @extend %small_check; } + + > radiobutton > radio { @extend %small_radio; } + + > checkbutton > check, + > radiobutton > radio { + margin: 0; + padding: 0; + } + + // make check/radio visible regardless of whether the background is bright or dark + > checkbutton > check:not(:checked):not(:indeterminate), + > radiobutton > radio:not(:checked):not(:indeterminate) { + color: $grey-600; + + &:hover, &:active { color: $grey-500; } + + &:disabled { color: rgba($grey-600, 0.5); } + } + } + + // remove ugly border around the menus + menu { border: none; } +} + +// for backward compatibility +#MozillaGtkWidget { + > widget { + > menubar { + color: $titlebar-text-secondary; + + &:hover { color: $titlebar-text; } + + &:disabled { color: $titlebar-text-secondary-disabled; } + } + + > frame { color: $solid-border; } + } + + menu > separator { color: $solid-border; } +} + +// +// plank +// + +window.background:not(.csd) { + > window > menu { + menuitem { + transition: none; // Fixed plank menu background issue + } + } +} + +/************ + * Inkscape * + ************/ +#ToolboxCommon { + > #AuxToolbox { + #StyleSwatch { font-size: smaller; } + + #Kludge { padding: 0; } + + spinbutton, + entry { min-height: 32px; } + + button:not(.up):not(.down) { + min-height: 24px; + min-width: 16px; + padding: 4px 8px; + // border-radius: $corner-radius; + } + + spinbutton button { border-width: 4px; } + } + + > toolbar.vertical { + margin-top: -4px; + + button { + min-height: 24px; + min-width: 24px; + padding: 4px; + // border-radius: $corner-radius; + } + } +} + +#CanvasTable { + button { + min-height: 16px; + min-width: 16px; + padding: 0; + } + + #HorizontalScrollbar { border-top: 1px solid $divider; } + + #VerticalScrollbar { + &:dir(ltr) { border-left: 1px solid $divider; } + + &:dir(rtl) { border-right: 1px solid $divider; } + } +} + +#Canvas_and_Dock { + frame > border { border: none; } + + // each canvases' titlebar + widget > widget { + > button.flat { + min-height: 16px; + min-width: 16px; + padding: 4px; + } + + > box.horizontal image { padding: 4px; } + } + + // vertical dock buttons + 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 * + ***********/ +box.vertical > widget > widget:selected { @extend %selected_items; } + + +/*************** + * Libreoffice * + ***************/ +window.background { + > grid > widget > widget > scrolledwindow > viewport > grid > box > box > frame > box { + background-color: $base; + } +} + + +/********* + * Pamac * + *********/ +window.background.csd { + > box.vertical > overlay > stack > box.vertical > box.horizontal { + > revealer > stack { + &, // Search left side + > scrolledwindow > viewport.frame, // Installed left side + > box.vertical > stack > scrolledwindow > viewport.frame { // Browse left side + > list { + border: none; + border-radius: 0; + + > row.activatable { + border-radius: $corner-radius; + } + } + } + } + } +} diff --git a/src/src/sass/gtk/apps/_nemo.scss b/src/src/sass/gtk/apps/_nemo.scss new file mode 100644 index 00000000..03f0f8fb --- /dev/null +++ b/src/src/sass/gtk/apps/_nemo.scss @@ -0,0 +1,113 @@ +/******** + * Nemo * + ********/ +// based css: +// https://github.com/linuxmint/nemo/blob/master/gresources/nemo-style-fallback-mandatory.css +// https://github.com/linuxmint/nemo/blob/master/gresources/nemo-style-fallback.css +// hard-coded css: +// https://github.com/linuxmint/nemo/blob/master/gresources/nemo-style-application.css + +.nemo-window { + .primary-toolbar { + background-color: $titlebar; + border-bottom: 1px solid $divider; + + // FIXME: workaround for wrong size allocation of Nemo + entry { + min-height: 0; + margin: 0; + @extend %titlebar-entry; + } + + > toolitem > .linked > button.image-button { + margin-left: 1px; + margin-right: 1px; + } + + button:not(.text-button) { + @extend %titlebar-button; + } + + // instead of .path-bar button + button.text-button { + padding-left: 8px; + padding-right: 8px; + color: $titlebar-text-secondary; + + &:hover, &:active, &:checked { color: $titlebar-text; } + + &:disabled { color: $titlebar-text-disabled; } + } + + .path-bar.linked:not(.vertical) > button { + margin-left: 1px; + margin-right: 1px; + + &.slider-button { + border-radius: $corner-radius / 2; + + &:first-child { + border-top-left-radius: $corner-radius; + border-bottom-left-radius: $corner-radius; + } + + &:last-child { + border-top-right-radius: $corner-radius; + border-bottom-right-radius: $corner-radius; + } + } + } + + // instead of .path-bar button.slider-button + button:not(.text-button):not(.image-button) { + padding-left: 4px; + padding-right: 4px; + } + } + + // .nemo-places-sidebar { } + + scrolledwindow.frame { + border-style: none; + + .view:not(:selected) { background-color: transparent; } + } + + // infobar { margin-top: -6px; } + + // Inactive F3 pane shading + .nemo-inactive-pane .view:not(:selected) { background-color: $base-alt; } + + // Rename box styling in the icon view. + .nemo-window-pane widget.entry { + border-radius: $corner-radius; + background-color: $fill; + + &:selected { @extend %selected_items_primary; } + } + + .toolbar button { @extend %button-flat; } + + .view { + selection, + &:selected { + @extend %selected_items_color; + } + } +} + +// For Places Sidebar diskfull indicators +.places-treeview { + -NemoPlacesTreeView-disk-full-bg-color: mix($text, $background, percentage(0.3)); // Can't use translucent colors + -NemoPlacesTreeView-disk-full-fg-color: $primary; + -NemoPlacesTreeView-disk-full-bar-width: 2px; + -NemoPlacesTreeView-disk-full-bar-radius: 0; + -NemoPlacesTreeView-disk-full-bottom-padding: 1px; // There is already hard-coded 1px bottom-padding + -NemoPlacesTreeView-disk-full-max-length: 80px; + padding-top: $space-size / 2; + padding-bottom: $space-size / 2; +} + +.nemo-desktop.nemo-canvas-item { + @extend %desktop-canvas-item; +} diff --git a/src/src/sass/gtk/apps/_unity.scss b/src/src/sass/gtk/apps/_unity.scss new file mode 100644 index 00000000..7fc7dc2a --- /dev/null +++ b/src/src/sass/gtk/apps/_unity.scss @@ -0,0 +1,96 @@ +// based css: +// https://bazaar.launchpad.net/~ubuntu-art-pkg/ubuntu-themes/trunk/view/head:/Ambiance/gtk-3.20/apps/unity.css + +/********* + * Unity * + *********/ +// Decorations +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(black, 0.48); + -UnityDecoration-active-shadow-radius: 18px; + -UnityDecoration-inactive-shadow-color: rgba(black, 0.32); + -UnityDecoration-inactive-shadow-radius: 6px; + + -UnityDecoration-glow-size: 8px; + -UnityDecoration-glow-color: $primary; + + -UnityDecoration-title-indent: 4px; + -UnityDecoration-title-fade: 32px; + -UnityDecoration-title-alignment: 0.0; + + .top { + padding: 0 2px; + border-style: none; + border-radius: $window-radius $window-radius 0 0; + box-shadow: inset 0 1px highlight($titlebar); + background-color: $titlebar; + color: $titlebar-text; + + &:backdrop { + background-color: $titlebar-backdrop; + color: $titlebar-text-secondary; + } + } + + .left, + .right {} + + .bottom {} + + .menuitem { + color: $titlebar-text-secondary; + + &:hover { + box-shadow: inset 0 -2px $titlebar-indicator; + background-color: transparent; + color: $titlebar-text; + } + } +} + +.background:not(.csd) headerbar:not(.titlebar) { + border-radius: 0; + box-shadow: $shadow-z1; + + &.inline-toolbar { border-style: none; } +} + +sheet-style-dialog.unity-force-quit { + // background-color: $background; +} + +// Panel Style +UnityPanelWidget, +.unity-panel { + background-color: $panel-solid; + color: $titlebar-text; + + &:backdrop { color: $titlebar-text-secondary; } +} + +.unity-panel.menubar, +.unity-panel .menubar { +} + +.unity-panel.menuitem, +.unity-panel .menuitem { + color: $titlebar-text-secondary; +} + +.unity-panel.menubar.menuitem:hover, +.unity-panel.menubar .menuitem *:hover { + box-shadow: inset 0 -2px $titlebar-indicator; + background-color: transparent; + color: $titlebar-text; +} + +.menu IdoPlaybackMenuItem.menuitem:active { + -gtk-icon-source: -gtk-icontheme('process-working-symbolic'); + animation: spin 1s linear infinite; + color: $primary; +} diff --git a/src/src/sass/gtk/apps/_xfce.scss b/src/src/sass/gtk/apps/_xfce.scss new file mode 100644 index 00000000..98838afd --- /dev/null +++ b/src/src/sass/gtk/apps/_xfce.scss @@ -0,0 +1,212 @@ +// based css: +// https://github.com/shimmerproject/Greybird/blob/master/gtk-3.0/_xfce.scss + +/************** + * Xfce4 Apps * + **************/ +.XfceHeading { + background-color: $base; +} + + +/*************** + * xfce4-panel * + ***************/ +.xfce4-panel.background { + border: none; // Sadly the border is hard-coded + background-color: $panel; + color: on($panel, secondary); + font-weight: 500; + + button { + @extend %button-flat; + @extend %button-on-dark; + + min-height: 16px; + min-width: 16px; + padding: 0; + border-radius: 0; + } + + .tasklist button { + // border-image: image(transparent) 0 0 2 / 0 0 2px; + // + // &:checked { border-image: image(currentColor) 0 0 2 / 0 0 2px; } + + image { padding: 4px; } + } +} + +// Workspace switcher provided by libwnck +wnck-pager { + &:hover { background-color: $overlay-hover; } + + &:active { background-color: $overlay-active; } + + &:selected { background-color: $primary; } +} + +XfdesktopIconView.view { + border-radius: $corner-radius; + background-color: transparent; + color: on(dark); + + // XfdesktopIconView uses :active instead of :selected for selection + &:active { + @extend %selected_items; + + box-shadow: none; + } + + .rubberband { + @extend rubberband; + + border-radius: 0; + } +} + +window#whiskermenu-window { + border-radius: $window-radius; + background-color: transparent; + border: none; + + entry.search:focus { background-color: $base; } + + // Need to set Whisker menu background opacity less than 100 + > frame > border { + border-radius: $window-radius; + padding: $space-size $space-size + 2px $space-size $space-size * 1.5; + margin: $space-size; + border: none; + background-color: $popover; + + @if $rimless == 'true' { + box-shadow: $shadow-z4, inset 0 1px highlight($popover); + } @else { + box-shadow: $shadow-z4, 0 0 0 1px $window-border, inset 0 0 0 1px highlight($popover); + } + } + + box.categories > button.radio { // sidebar categories button + padding: $space-size / 2 $space-size; + margin: 1px 0; + + &:hover { background-color: $divider; } + + &:checked, &:active { + background-color: $track; + color: $text; + + &:hover { background-image: none; } + } + } + + scrolledwindow.frame { // App list (tree) + padding: $space-size / 2; + background-color: $base; + border-radius: $corner-radius; + + treeview.view { + border-radius: $corner-radius; + + &:not(:hover):not(:selected) { background: none; } + + &:selected:hover { + background-color: $divider; + color: $text; + } + } + } + + .title-area > .commands-area > button.flat.command-button { // Bottom command buttons + &:checked, &:active { + background-color: $track; + color: $text; + } + } +} + +#XfceNotifyWindow { + @if $rimless == 'true' { + box-shadow: $shadow-z4; + } @else { + box-shadow: $shadow-z4, 0 0 0 1px $window-border; + } + + buttonbox { padding: 0; } + + label#summary { font-weight: bold; } +} + +// Xfwm4's alt-tab dialog, aka "tabwin" +#xfwm-tabwin { + padding: 12px; + border-radius: $corner-radius; + + // Set the application icon- and preview-size to 64px + -XfwmTabwinWidget-icon-size: 64px; + -XfwmTabwinWidget-preview-size: 64px; + + button { + } +} + + +/********** + * Thunar * + **********/ +.thunar { + toolbar { box-shadow: inset 0 -1px $border; } + + .standard-view.frame { border-style: none; } + + .sidebar .view:not(:selected) { background-color: transparent; } + + .path-bar.linked:not(.vertical) > button.path-bar-button { + margin-left: 2px; + margin-right: 2px; + } + + statusbar { + margin: 0 -10px; + padding: 0 4px; + border-top: 1px solid $divider; + } + + > 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: $window-radius; + + // treeview.view:not(:hover):not(:selected) { + // background-color: transparent; + // } + } +} + +// vala-panel-appmenu +menubar.-vala-panel-appmenu-private, // xfce4 appmenu plugin +menubar.-vala-panel-background { + background: none; + border: none; + box-shadow: none; + animation: none; + + > menuitem { + color: $panel-text-secondary; + font-weight: normal; + + &:hover { + color: $panel-text; + border-radius: 0; + } + + &:disabled { + color: $panel-text-secondary-disabled; + } + } +}